@charset "utf-8";

/* reset
----------------------------------------------------------- */
.entry-wrapper{
position: static;
}
.cboxIframe{
background-color: transparent;
width: 860px;
height: 345px;
}
#cboxOverlay{
background-color: #262626;
}
#cboxLoadingOverlay{
background: transparent;
}
#cboxLoadingGraphic{
background-image: none;
background-color: transparent;
}
#cboxLoadedContent{
background-color: transparent;
}
#cboxContent{
margin-top: 0px;
}
.block01 .inner-title2, 
.blockInner01 .inner-title2{
font-size: 11px;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
padding-bottom: 5px;
background: url(/common/img/border-15px.gif) no-repeat left bottom;
margin-bottom: 7px;
line-height: 1.0em;
}
.block01{
word-wrap: break-word;
}

.layout-magazine-top .block01,
.layout-slide-top .block01{
top: 0px;
}

/* lead
--------------------------------------- */
.leadDescription{
margin: 30px 0;
padding: 20px 0 0;
border-top: 1px solid #95908a;
font-size: 14px;
line-height: 1.8em;
text-align: center;
}

/* basement
--------------------------------------- */
.area-main-left{
}
.entry-wrapper{
margin: 30px 0 0;
position: relative;
clear: both;
font-size: 14px;
line-height: 2.3em;
}

/* pic & pageno
--------------------------------------- */
.pic01{
padding-bottom:35px;
line-height:1;
}
.pic02{
padding-bottom:10px;
}
.pic02 img{
width: 100%;
}
.layout-use-portrait-main .pic01{
/*padding-top: 15px;
text-align: right;*/
width: 620px;
float: right;
}
.layout-use-portrait-main .pic01 img{
width: 100%;
height: auto;
}
.page-no{
margin: 0 0 50px 0;
padding: 5px 0 15px;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
border-bottom: 1px solid #ddd;
text-align: center;
}

/* block01
--------------------------------------- */
.block01{
width: 170px;
font-size: 11px;
float: left;
}
.layout-magazine-top .block01,
.layout-slide-top .block01{
float: left;
}
.block01-absbottom{
position: absolute;
bottom: 0px;
left: 0px;
float: none;	
}
.block01 .staffData{
padding-top: 20px;
}
.block01 .txt p,
.block01-full .txt p{
line-height: 1.8em;
text-align: left;
}
.block01 .inner-title,
.block01-full .inner-title{
font-size:11px;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
padding-bottom:5px;
background:url(/common/img/border-15px.gif) no-repeat left bottom;
margin-bottom:15px;
line-height:1;
}
.block01 strong,
.block01-full strong{
font-size:15px;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.block01 .wrapStaff{
width: 140px;
padding: 15px;
background-color: #fff;
}
.block01-full .wrapStaff{
padding: 15px;
background-color: #fff;
}
.block01 .wrapStaff a,
.block01-full .wrapStaff a{
text-decoration: underline;
}
.block01-full{
font-size: 11px;
}

/* block02
--------------------------------------- */
.block02{
width:620px;
padding-bottom: 0px;
position: relative;
float: right;
}
.layout-magazine-top .block02,
.layout-slide-top .block02{
float: right;
}
.blockInner02{
/*tweetGalleryなど、fullの下にinfoが必要な場合*/
width:620px;
padding-left:240px;
padding-top: 50px;
position: relative;
}
.block02-full{
width: 100% !important;
padding-left: 0px !important;
}
.block02-full .block-narrow{
width: 700px;
margin: 0 auto;
}
.block02-full .block-info{
/*tweetGalleryなど、fullの下にinfoが必要な場合*/
margin-top: 30px;
}
.block02-full .block-info .boxR{
width: auto;
}
body#news .block02{
/* jsで対応
min-height: 980px;  
height: auto !important;  
height: 980px;
*/
}
p strong,
p.sectionHeader strong,
h3 strong,
h3.sectionHeader strong{
font-size: 18px;
line-height: 1.6em;
}
.ff-entry-wrapper-full strong{
font-size: 18px;
line-height: 1.6em;
}
strong.size-normal{
font-size: inherit !important;
}
.block02 a:link,
.block02 a:visited{
/*color: #82bf00;*/
color: #805f37;
}
.block02 a:hover,
.block02 a:active{
color: #999;
}
.block02 .infoWrap a:link,
.block02 .infoWrap a:visited{
color: #222;
}
.block02 .infoWrap a:hover,
.block02 .infoWrap a:active{
color: #666;
}
.block02 .infoWrap .boxL a:link,
.block02 .infoWrap .boxL a:visited,
.block02 .infoWrap .boxL a:hover,
.block02 .infoWrap .boxL a:active{
color: #fff;
}

/* information
--------------------------------------- */
.infoWrap{
padding: 15px 20px 20px 20px;
background: #fff;
}	
.infoWrap .inner-title{
font-size:11px;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
padding-bottom:10px;
line-height:1.2em;
}
.infoWrap .imagecap{
display: block;
padding: 10px 0;
font-size: 11px;
}
.infoWrap .boxL{
width: 85px;
margin-right: 20px;
/*background: url(/common/img/managed/sin-info-noimage.gif) no-repeat;*/
min-height: 85px;
height: auto;
float: left;
}
.infoWrap .boxL img{
width:85px;
height: auto;
vertical-align: bottom;
}
.infoWrap .boxR{
overflow:hidden;
_zoom: 1;
width: 470px;
}
.infoWrap .boxR-full{
width: 100%;
}
.infoWrap .boxL2{
width: 220px;
margin-right: 20px;
height: auto;
float: left;
}
.infoWrap .boxL2 img{
width:220px;
vertical-align: bottom;
}
.infoWrap .boxR2{
overflow:hidden;
_zoom: 1;
width: 340px;
}
.infoWrap .boxR .name,
.infoWrap .boxR2 .name{
padding-bottom:10px;
font-size:15px;
font-weight:bold;
line-height:1.6em;
}
.infoWrap .boxR .txt,
.infoWrap .boxR2 .txt{
padding-bottom:0;
line-height:2.0em;
text-align: justify;
text-justify:inter-ideograph;
font-size:12px;
}
.infoWrap .boxR .txt .normal,
.infoWrap .boxR2 .txt .normal{
line-height:2.0em;
font-size:14px;
}
.infoWrap .txt .label{
font-weight: bold;
}
.infoWrap .btnInfoMapSp{
display: none;
}

/* block01,02の拡張など
--------------------------------------- */
.block01 .box-extra{
padding: 15px;
/*border: 1px solid #eee;*/
background-color: #fff;
margin-bottom: 50px;
width: 140px;
}
.block01 .box-extra .mid-extra{
font-size: 14px;
font-weight: bold;
padding-bottom: 10px;
line-height: 1.4em;
}
.block01 .box-extra .komid-extra{
font-size: 13px;
font-weight: bold;
padding-bottom: 5px;
line-height: 1.4em;
}
.block01 .box-extra .extra{
font-size: 12px;
line-height: 1.8em;
}
.entry-wrapper #ff-entry-wrapper{
position: relative;
font-size: 14px;
z-index: 0;
}
.wrapStaffHasMarT{
margin-top: 20px;
}
.wrapStaffPluralCredit{
padding-top: 40px;
}
.creditBox{
margin-top: 20px;
}
.creditBoxOnly{
margin-top: 0px;
}

/* block01の最後に追加エリア（newsのstaffなど）
--------------------------------------- */
.block01ExtraBtm{
width: 170px;
font-size: 11px;
padding-top: 20px;
}
.block01ExtraBtm .staffData{
padding-top: 20px;
}
.block01ExtraBtm .txt p{
line-height: 1.8em;
text-align: left;
}
.block01ExtraBtm .inner-title{
font-size:11px;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
padding-bottom:5px;
background:url(/common/img/border-15px.gif) no-repeat left bottom;
margin-bottom:15px;
line-height:1;
}
.block01ExtraBtm strong{
font-size:15px;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/* added area
----------------------------------------------------------- */
.entry-wrapper .addedArea{
width: 620px;
padding-left: 240px;
}

/* elements
----------------------------------------------------------- */
.entry-wrapper .photo-box{
display: block;
width: 620px;
/*padding-left: 110px;*/
margin-bottom: 10px;
}
.entry-wrapper .photo-box-nocap{
display: block;
width: 620px;
/*padding-left: 110px;*/
margin-bottom: 40px;
}
.entry-wrapper .photo-box-marl{
display: block;
width: 620px;
margin-bottom: 60px;
}
.entry-wrapper .photo-box-nopad{
display: block;
width: 620px;
margin-bottom: 0px;
}
.entry-wrapper .photo-box-full{
display: block;
width: 620px;
margin-bottom: 10px;
}
.entry-wrapper .photo-box-full-nocap{
display: block;
width: 620px;
margin-bottom: 40px;
}
.entry-wrapper .photo-box-full-marl{
display: block;
width: 620px;
margin-bottom: 60px;
}
.entry-wrapper .photo-box-full-nopad{
display: block;
width: 620px;
margin-bottom: 0px;
}
.entry-wrapper .photo-box-100{
display: block;
width: 100%;
margin-bottom: 10px;
}
.entry-wrapper .photo-box-100-nocap{
display: block;
width: 100%;
margin-bottom: 40px;
}
.entry-wrapper .photo-box-100-marl{
display: block;
width: 100%;
margin-bottom: 60px;
}
.entry-wrapper .photo-box-100-nopad{
display: block;
width: 100%;
margin-bottom: 0px;
}
.entry-wrapper .photo-box img,
.entry-wrapper .photo-box-nocap img,
.entry-wrapper .photo-box-nopad img,
.entry-wrapper .photo-box-full img,
.entry-wrapper .photo-box-full-nocap img,
.entry-wrapper .photo-box-full-nopad img,
.entry-wrapper .photo-box-full-marl img,
.entry-wrapper .photo-box-100 img{
vertical-align: bottom;
width: 100%;
height: auto;
}
.caption{
font-size: 12px;
display: block;
width: 620px;
/*padding-left: 110px;*/
margin-top: 0px;
padding-bottom: 40px;
line-height: 1.8em;
}
.caption-marl{
font-size: 12px;
display: block;
width: 620px;
/*padding-left: 110px;*/
margin-top: 0px;
margin-bottom: 60px;
line-height: 1.8em;
}
.caption-full{
font-size: 12px;
display: block;
width: 620px;
margin-top: 0px;
margin-bottom: 40px;
line-height: 1.8em;
}
.caption-full-marl{
font-size: 12px;
display: block;
width: 620px;
margin-top: 0px;
margin-bottom: 60px;
line-height: 1.8em;
}
.caption-nopad{
font-size: 12px;
display: block;
width: 620px;
/*padding-left: 110px;*/
margin-top: 0px;
margin-bottom: 0px;
line-height: 1.8em;
}
.caption-full-nopad{
font-size: 12px;
display: block;
width: 620px;
margin-top: 0px;
margin-bottom: 0px;
line-height: 1.8em;
}
.wrapVerticalPhoto{
width: 620px;
}
.wrapVerticalPhotoWithPad{
width: 620px;
}
.blockDlinedLead{
padding-top: 30px;
background: url(/topics/file/images/all/tpc-all-dlined.gif) top left repeat-x;
}
.blockDlinedLeadInner{
padding-bottom: 30px;
background: url(/topics/file/images/all/tpc-all-dlined.gif) bottom left repeat-x;
}

/* movie layout
----------------------------------------------------------- */
.blockMovie01 iframe{
vertical-align: bottom;
}
.blockMovie02{
width: 270px;
float: right;
}
.blockMovie02 div.wrapText{
font-size: 11px;
width: 270px;
}
.blockMovie02 .wrapText p.desc1{
font-size: 13px;
line-height: 1.6em;
}
.blockMovie02 .wrapText p.desc2
{
font-size: 11px;
line-height: 1.6em;
padding-top: 10px;
}
.blockMovie02 .nameBox{
padding-bottom: 20px;
}
.blockMovie02 .txt p{
line-height: 1.8em;
text-align: justify;
text-justify: inter-ideograph;	
}
.blockMovie02 .inner-title{
font-size: 11px;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
padding-bottom: 5px;
background: url(/common/img/border-15px.gif) no-repeat left bottom;
margin-bottom: 15px;
line-height: 1.0em;
}
.blockMovie02 strong{
font-size: 15px;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.blockMovie02 .inner-title2{
font-size: 11px;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
padding-bottom: 5px;
background: url(/common/img/border-15px.gif) no-repeat left bottom;
margin-bottom: 7px;
line-height: 1.0em;
}


/*////////////////////////////////////////

option elements

////////////////////////////////////////*/
/* lined block
----------------------------------------------------------- */
.dlinedTop{
background: url(/topics/file/images/all/tpc-all-dlined.gif) top left repeat-x;
}
.dlinedBtm{
background: url(/topics/file/images/all/tpc-all-dlined.gif) bottom left repeat-x;
}
.wrapTitleBordered{
width: 555px;
padding-top: 15px;
border-top: 2px solid #231815;
}
.titleBordered{
width: 555px;
padding-bottom: 15px;
border-bottom: 2px solid #231815;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.titleBordered .komid{
font-weight: bold;
font-size: 14px;
}

.wrapTitleDlined{
background: url(/topics/file/images/all/tpc-all-dlined.gif) top left repeat-x;
padding-top: 7px;
}
.titleDlined{
background: url(/topics/file/images/all/tpc-all-dlined.gif) bottom left repeat-x;
padding-bottom: 7px;
}
.titleDlined .komid{
font-weight: bold;
font-size: 16px;
}
.wrapTitleLined{
padding-top: 10px;
border-top: 1px solid #222;
}
.titleLined{
padding-bottom: 10px;
border-bottom: 1px solid #222;
}
.titleLined .komid{
font-weight: bold;
font-size: 16px;
}

/* lead, quote
----------------------------------------------------------- */
.blockLead{
padding: 20px;
background-color: #fff;
}
.blockQuote{
padding: 20px;
background-color: #fff;
}
.blockPadded-s{
padding: 15px;
background-color: #fff;
}
.blockPadded-m{
padding: 20px;
background-color: #fff;
}
.blockPadded-l{
padding: 25px;
background-color: #fff;
}

/* grid block
----------------------------------------------------------- */
/* grid-A 200-30-390*/
.gridA .blockLeft{
width: 200px;
float: left;
padding-right: 30px;
}
.gridA .blockRight{
width: 390px;
float: right;
}
/* gridB 240-30-350*/
.gridB .blockLeft{
width: 240px;
float: left;
padding-right: 30px;
}
.gridB .blockRight{
width: 350px;
float: right;
}
/* gridList */
.wrapGridList{
margin-bottom: 40px;
}
.gridList li{
margin-top: 40px;
}
.gridList .photo-box-grid{
text-align: center;
}
.gridList .textBottom{
position: absolute;
bottom: 0px;
}
.photo-box-grid img{
vertical-align: bottom;
}
.caption-grid p.mid{
font-size: 14px;
line-height: 1.4em;
}
.caption-grid p.submid{
font-size: 11px;
padding-bottom: 7px;
}
.caption-grid p.desc{
font-size: 12px;
line-height: 1.8em;
}

/* btns
----------------------------------------------------------- */
.wrapTextBtn{
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 14px;
letter-spacing: 1px;
}
.wrapTextBtn-serif{
display: inline-block;
*display: inline;
*zoom: 1;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
}
.wrapTextBtn a,
.wrapTextBtn-serif a{
display: block;
padding: 8px 15px;
border-radius: 6px;
}
.wrapTextBtn a:link,
.wrapTextBtn a:visited
{color: #fff !important; text-decoration: none; white-space: nowrap; background-color: #222;}
.wrapTextBtn a:hover,
.wrapTextBtn a:active
{color: #fff !important; text-decoration: underline;}
.wrapTextBtn-serif a:link,
.wrapTextBtn-serif a:visited
{color: #fff !important; text-decoration: none; white-space: nowrap; background-color: #222;}
.wrapTextBtn-serif a:hover,
.wrapTextBtn-serif a:active
{color: #fff !important; text-decoration: underline;}

.wrap-inline-btn{
}
.wrap-inline-btn a{
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 14px;
line-height: 1.6em;
color: #fff !important;
text-align: center;
text-decoration: none;
white-space: nowrap;
background-color: #222;
padding: 8px 15px;
border-radius: 4px;
}
.wrap-inline-btn-fulled a{
width: 100%;
}
.wrap-inline-btn a:hover{
text-decoration: underline;	
}

.wrap-inline-btn-fulled a{
width: 100%;
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 14px;
line-height: 1.6em;
color: #fff !important;
text-align: center;
text-decoration: none;
white-space: nowrap;
background-color: #222;
padding: 8px 0px;
border-radius: 4px;
}
.wrap-inline-btn-fulled a:hover{
text-decoration: underline;	
}
.wrap-serieslink-top{
margin-bottom: 35px;
}
.wrap-serieslink-bottom{
margin-top: 20px;
}

a.wrapBtnInfoMap{
display: block;
width: auto;
height: 12px;
padding: 2px 10px 4px;
font-family:"Times New Roman", Times, serif;
font-size: 12px;
line-height: 12px;
text-align: center;
margin-top: 10px;
}
.infoWrapNoimage a.wrapBtnInfoMap{
width: 85px;
margin: 0 0 15px 0;
}
a:link.wrapBtnInfoMap,
a:visited.wrapBtnInfoMap
{color: #fff !important; text-decoration: none; font-weight: normal; background-color: #333;}
a:hover.wrapBtnInfoMap,
a:active.wrapBtnInfoMap
{color: #fff !important; background-color: #666;}

#canvasGmap{
width: 800px;
height: 480px;
}

a.btnRound:link,
a.btnRound:visited{
padding: 10px 20px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
background-color: #333;
display: inline-block;
cursor: pointer;
letter-spacing: normal;
font-size: 14px;
line-height: 14px;
text-decoration: none !important;
color: #fff !important;
}
a.btnRound:hover,
a.btnRound:active{
text-decoration: underline !important;
background-color: #666;
}
.layout-magazine-top .wrapBtnRead a.btnRound,
.layout-slide-top .wrapBtnRead a.btnRound{
box-sizing: border-box;
width: 80%;
}

/* fancybox
----------------------------------------------------------- */
.wrapArchive{
width: 710px;
height: auto;
overflow: hidden;
padding: 30px;
padding-bottom: 5px;
}
.wrapArchive p.caption{
line-height: 1.8em;
font-size: 12px;
padding-top: 15px;
}

/* talk block
----------------------------------------------------------- */
.areaTalk .columnTalk{
margin-bottom: 30px;
}
.columnTalk .blockLeft{
font-weight: bold;
padding-right: 10px;
display: inline;
}
.columnTalk .blockRight{
display: inline;
}
.areaTalk4w .columnTalk .blockLeft{
font-weight: bold;
padding-right: 10px;
display: inline;
}

/* float block
----------------------------------------------------------- */
.blockFloat4020 .boxLeft{
width: 400px;
float: left;
}
.blockFloat4020 .boxRight{
width: 200px;
float: right;
}
.blockFloat4020 .wrapPhoto img{
width: 400px;
vertical-align: bottom;
}
/*need to override*/
.entry-wrapper .blockFloat4020 .caption{
font-size: 12px;
width: auto;
margin-top: 0px;
line-height: 1.8em;
}

/* recipe block
----------------------------------------------------------- */
.photo-box-recipe{
/*photo layoutのとき*/
margin-bottom: 10px;
}
.blockRecipe .photo-box-recipe{
width: 400px;
float: left;
margin-bottom: 0px;
}
.blockRecipe .photo-box-recipe img{
width: 400px;
vertical-align: bottom;
}
/*.blockRecipe .caption だとynで消える*/
.blockRecipe .caption,
.blockRecipe .steps{
width: 200px;
float: right;
font-size: 12px;
margin-top: 0px;
line-height: 1.8em;
}
.blockRecipe .steps-full{
width: 100%;
font-size: 12px;
margin-top: 0px;
line-height: 1.8em;
}

/* divided link
----------------------------------------------------------- */
.wrap-divided-link{
/*margin-top: 20px;
border-top: 1px solid #eee;*/
margin-top: 20px;
/*padding-bottom: assigned in /common/js/common.js*/
}
.divided-link{
text-align: center;
}
.divided-link .nextlink-str{
margin-bottom: 20px;
}
.divided-link .nextlink-str a{
display: inline-block;
padding: 10px 20px;
/*border: 1px solid #805f37;*/
color: #222 !important;
border: 1px solid #222;
line-height: 1.8em;
text-decoration: none;
}
.divided-link .nextlink-str a:hover{
color: #222 !important;
border-color: #888;
text-decoration: underline;
}
.divided-link .nextlink{
margin-bottom: 20px;
}
.divided-link .nextlink a{
letter-spacing:normal; /*hide space*/
margin-right: 5px;
padding: 8px 15px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
display: inline-block;
*display: inline;
*zoom: 1;
line-height: 1.5em;
background-color: #222;
text-decoration: none;
}
.divided-link .nextlink a:hover{
background-color: #888;
text-decoration: underline;
}
.block02 .divided-link .nextlink a:link,
.block02 .divided-link .nextlink a:visited{
color: #fff;
}
.divided-link .numberlink{
letter-spacing: -0.4em; /*hide space*/
margin-top: 0px;
padding-top: 0px;
}
.divided-link .numberlink span.notice{
border: none;
font-size: 13px;
color: #222;
padding: 8px 0 8px 10px;
letter-spacing: 0em;
}
.divided-link .numberlink span{
letter-spacing: normal; /*hide space*/
margin-right: 10px;
padding: 8px 10px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
display: inline-block;
*display: inline;
*zoom: 1;
line-height: 1.5em;
color: #e72c19;
}
.divided-link .numberlink a span{
color: #fff;
background-color: #222;
border: 1px solid #222;
text-decoration: underline;
}
.divided-link .numberlink a:hover span{
color: #fff;
background-color: #444;
border: 1px solid #444;
text-decoration: none;
}
.divided-link .numberlink-slim span{
color: #222;
}
.block02 .divided-link .numberlink a:hover{
text-decoration: underline;
}
.divided-link a span{
/*reset all*/
letter-spacing: normal;
margin-right: 0px;
padding: 0px;
border: none;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
background-color: transparent;
display: inline;
}

.elem-after-divided-link{
margin-top: 30px;
border-top: 1px solid #ccc;
padding-top: 30px;
}






/* nextprevcat link
----------------------------------------------------------- */
.wrap-nextprevcat{
margin-top: 40px;
border-top: 2px solid #222;
padding-top: 30px;
}
.postextra-related .wrap-nextprevcat{
margin-top: 0px;
border-top: none;
padding-top: 0px;
}
.layout-magazine-top .wrap-nextprevcat,
.layout-slide-top .wrap-nextprevcat{
	
}
.wrap-nextprevcat li{
margin-top: 10px;
}
.wrap-nextprevcat li:first-child{
margin-top: 0px;
}
.wrap-nextprevcat li a{
display: block;
box-sizing: border-box;
background-color: #fff;
text-decoration: none;
border: 1px solid #fff;
}
.block02 .wrap-nextprevcat li a:link,
.block02 .wrap-nextprevcat li a:visited{
color: #222;	
}
.wrap-nextprevcat li .inner{
display: table;
table-layout: fixed;
padding: 15px 20px;
}
.wrap-nextprevcat li .wrap-thumb{
width: 120px;
display: table-cell;
vertical-align: middle;
}
.wrap-nextprevcat li .wrap-thumb img{
width: 100%;
height: auto;
/*border-top: 2px solid #000;*/
border-top: none;
}
.wrap-nextprevcat li .wrap-text{
display: table-cell;
vertical-align: middle;
}
.wrap-nextprevcat li .wrap-text .wrap-text-inner{
padding-left: 20px;
}
.wrap-nextprevcat li .wrap-text .title{
font-size: 14px;
font-weight: normal;
line-height: 1.5em;
}
.wrap-nextprevcat li .wrap-text .desc{
font-size: 12px;
color: #a69f96;
line-height: 1.6em;
margin-top: 10px;
}
.wrap-nextprevcat li .wrap-text .excerpt{
font-size: 12px;
color: #a69f96;
line-height: 1.6em;
margin-top: 5px;
}


/* etc.
--------------------------------------- */
.ff-entry-wrapper-full .block02{
padding-top: 120px;
}
.tpc-tweet .annotation{
font-size: 11px;
margin-bottom: 30px;
}
.ff-entry-wrapper-gallerytweet,
.wrapGalleryTweet{
z-index: 100;
}
.wrap-step{
margin-top: 10px;
}
.step{
font-weight: bold;
color: #ff7f25;
}

/* customInfo
--------------------------------------- */
.customInfo{
padding:14px 19px 19px 19px;
background:#FFF;
border: 1px solid #eee;
}
.customInfo .mid{
padding-bottom:10px;
font-size:13px;
font-weight:bold;
line-height:1.6em;
}
.customInfo .data{
padding-bottom:0;
line-height:1.6em;
text-align: justify;
text-justify:inter-ideograph;
font-size:11px;
}
.customInfo .text{
font-size:12px;
line-height:1.8em;
}
/* hasBtn
--------------------------------------- */
.wrap-btn-general-full{
padding:14px;
background:#FFF;
border: 1px solid #eee;
}
/* layout-free
--------------------------------------- */
.layout-free{
width: 860px;
}


/*////////////////////////////////////////

mode photo

////////////////////////////////////////*/
.entry-wrapper-mode-photo{
/*padding: 40px 0;
padding-left: 240px;*/
position: relative;
}
.modePhoto .entry-wrapper-mode-photo img{
max-width: 620px;
vertical-align: bottom;
}
.modePhoto .wrap-link-top{
text-align: center;
margin: 20px 0;
}
.modePhoto .wrap-link-bottom{
text-align: center;
margin: 20px 0;
}
.modePhoto .wrap-link-top .btn-link-post{
display: inline-block;
}
.modePhoto .wrap-link-bottom .btn-link-post{
display: inline-block;
}
.modePhoto .wrap-link-top .title{
font-family: "Raleway", sans-serif;
font-size: 16px;
letter-spacing: 1px;
line-height: 1.4em;
display: inline-block;
}
.modePhoto .btn-link-post a{
padding: 8px 15px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
display: inline-block;
*display: inline;
*zoom: 1;
line-height: 1.5em;
background-color: #222;
color: #fff;
text-decoration: none;
}
.modePhoto .btn-link-post a:hover{
background-color: #666;
text-decoration: underline;
}
.modePhoto .wrap-image-target{
padding: 9px;
border: 1px solid #eee;
background-color: #fff;
text-align: center;
margin-bottom: 30px;
height: 360px;
line-height: 360px;
}
.modePhoto .wrap-image-target img{
max-width: 600px;
max-height: 360px;
width: auto;
height: auto;
vertical-align: middle;
}
.modePhoto #list-photo{
letter-spacing: -10em;
text-align: left;
}
.modePhoto #list-photo li{
display: inline-block;
padding-bottom: 10px;
padding-right: 10px;
}
.modePhoto #list-photo li .inner{
border: 1px solid #eee;
background-color: #fff;
padding: 9px;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
}
.modePhoto #list-photo li:hover .inner{
background-color: #e7e7e7;	
}
.modePhoto #list-photo li .inner img{
height: 70px;
width: auto;
}

/* block02ExtraElement
--------------------------------------- */
.block02 .block02Extra{
}

/* listHorizontal4Block-pc
.block02Extraでも.blockAfterMain内でも可
--------------------------------------- */
ul.listHorizontal4Block-pc{
width: 628px;
margin-left: -10px;
margin-top: -10px;
}
ul.listHorizontal4Block-pc li{
width: 157px;
float: left;
}
.wrapListHorizontal4Block-pc{
padding-top: 20px;
}
ul.listHorizontal4Block-pc{
margin-top: -10px;
}
ul.listHorizontal4Block-pc li{
width: 147px;
padding: 10px 0 0 10px;
}
ul.listHorizontal4Block-pc li div.inner{
background-color: #fff;
border: 1px solid #eee;
overflow: hidden;
height: 200px;
}
ul.listHorizontal4Block-pc li .wrapThumb img{
width: 145px;
height: auto;
}
ul.listHorizontal4Block-pc li .wrapText{
padding: 10px;
}
ul.listHorizontal4Block-pc li .wrapText p{
font-size: 12px;
line-height: 1.6em;
}
ul.listHorizontal4Block-pc li.bl-hover div.inner{
background-color: #e7e7e7;
}
ul.listHorizontal4Block-pc li .wrapText p a
{text-decoration: none;}
ul.listHorizontal4Block-pc li .wrapText p a:hover
{text-decoration: underline;}
ul.listHorizontal4Block-pc li.bl-hover .wrapText p a
{text-decoration: underline; color: #666;}

/* area-main-post
--------------------------------------- */
.area-main-post .blockSpaceLefted{
width: 620px;
padding-left: 240px;
overflow: hidden;
}
.area-main-post .blockSpaceLefted .mid{
font-size: 16px;
font-weight: bold;
text-align: center;
}

/* blockTagFeature
--------------------------------------- */
.area-main-post .blockTagFeature{
margin-top: 20px;
}
.area-main-post .blockTagFeature .mid{
padding-bottom: 15px;
}
.area-main-post .blockTagFeature .blockTagFeatureInner1{
padding-top: 30px;
/*background:url(/common/img/dlined.gif) left top repeat-x;*/
border-top: 1px solid #ddd;
}
.area-main-post .blockTagFeature .blockTagFeatureInner2{
margin-top: 30px;
/*padding-bottom: 30px;
background:url(/common/img/dlined.gif) left bottom repeat-x;*/
}
/* listBtnsInlineBlocks
   = like blockTagFeature
--------------------------------------- */
ul.listBtnsInlineBlocks{
text-align: center;
}
ul.listBtnsInlineBlocks li{
display: inline-block;
margin: 0 10px 7px 0;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
background-color: #222;
overflow: hidden;
}
.postextra-tag ul.listBtnsInlineBlocks{
line-height: 1em;
}
.postextra-tag ul.listBtnsInlineBlocks li{
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;	
}
ul.listBtnsInlineBlocks li a{
padding: 0 15px;
display: block;
cursor: pointer;
letter-spacing: normal;
font-size: 13px;
line-height: 25px;
height: 25px;
}
ul.listBtnsInlineBlocks li a:link,
ul.listBtnsInlineBlocks li a:visited{
color: #fff;
text-decoration: none;
}
ul.listBtnsInlineBlocks li a:hover,
ul.listBtnsInlineBlocks li a:active{
background-color: #222;
}

/* related list
----------------------------------------------------------- */
ul.relatedList{
width: 628px;
margin-left: -10px;
margin-top: -10px;
}
ul.relatedList li{
width: 147px;
padding-left: 10px;
padding-top: 10px;
float: left;
}
ul.relatedList .inner{
width: 127px;
padding: 15px 10px;
background-color: #fff;
border-top: 2px solid #fff;
height: 170px; 
}
ul.relatedList .relatedPostTitle{
font-size: 12px;
font-weight: bold;
line-height: 1.6em;
}
ul.relatedList .bl-hover .inner{
border-top-color: #222;
}
ul.relatedList .innerHere{
border-top-color: #222;
}
ul.relatedList .wrapThumb{
text-align: center;
margin-bottom: 10px;
}
ul.relatedList .wrapThumb img{
vertical-align: bottom;
width: 127px;
}
ul.relatedList .relatedPostTitle a{
text-decoration: none;
}
ul.relatedList .relatedPostTitle a:hover{
text-decoration: underline;
}
ul.relatedList .bl-hover .relatedPostTitle{
text-decoration: underline;
}

ul.relatedList .postNo{
font-size: 11px;
font-weight: bold;
line-height: 1.4em;
padding-bottom: 5px;
}
/* coming */
ul.relatedList .coming .inner{
background-color: #fff;
position: relative;
}
ul.relatedList li.coming p{
width: 127px;
color: #ccc;
font-size: 12px;
font-weight: bold;
text-align: center;
line-height: 1.4em;
position: absolute;
top: 50%;
margin-top: -1em;
}
/*IE876*/
ul.relatedList .coming p{
top: 77px\9;
}
/*IE9*/
ul.relatedList .coming p:not(:target){
top: 77px\9;
}

/* postextra
--------------------------------------- */
.postextra{
margin-top: 30px;
}
.postextra .mid{
font-size: 16px;
font-weight: bold;
text-align: center;
font-family: 'Raleway', sans-serif;
letter-spacing: 1px;
line-height: 1.2em;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
margin-bottom: 15px;
}
.postextra .mid span{
font-size: 14px;
color: #888;
letter-spacing: 1.8px;
}
.postextra-tag .mid,
.postextra-links .mid{
padding-bottom: 10px;
border-bottom: 1px solid #eee;
margin-bottom: 10px;
}
.postextra-ycd .mid{
margin-bottom: 0px;
}

/* postextra-posts-promote
--------------------------------------- */
.postextra-posts-promote{
}

/* tags
--------------------------------------- */
.postextra-tag{
}
.postextra-tag li a{
white-space: nowrap;
}

/* banners
--------------------------------------- */
.postextra-banner{
}
.postextra-banner div.wrap-banner{
width: 920px;
height: 200px;
margin-bottom: 30px;
}
.postextra-banner div:first-child{
margin-top: 30px;
}
.postextra-banner div:last-child{
margin-bottom: 30px;
}
.postextra-banner div.wrap-banner img{
width: 920px;
height: 200px;
}
.postextra-same-post{
background-color: #fafafa;
padding: 30px;
}
.postextra-tweet #btn-view-alltweet a,
.postextra-tweet .desc a{
color: #805f37;
}
.postextra-tweet .mid{
font-size: 18px;
line-height: 1.6em;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
.postextra-tweet .desc{
font-size: 13px;
line-height: 2.0em;
text-align: center;
margin-bottom: 30px;
}
.postextra-tweet #btn-view-alltweet{
margin-bottom: 0px;
}

/* related
--------------------------------------- */
.postextra-related{
}
.postextra-related .postlist-flat li{
margin-top: 10px;
}
.postextra-related .postlist-flat li .inner{
padding: 15px 20px;
}
.postextra-related .postlist-flat li .inner .title{
font-size: 14px;
}
#odekake-post .postextra-related .postextra-related-inner{
margin-top: 30px;
}
#odekake-post .postextra-related .postextra-related-inner:first-child{
margin-top: 0px;
}

/* links
--------------------------------------- */
.postextra-links ul{
text-align: center;
}
.postextra-links li{
display: block;
margin-top: 10px;
}
.postextra-links li a{
font-size: 13px;
text-decoration: none;
font-weight: normal;
}
.postextra-links li a:hover{
text-decoration: underline;
}

/* ycd
--------------------------------------- */
.postextra-ycd{
height: 550px; /*infinite scrollが、下端からの計算なので高さを確定する必要あり*/
overflow: hidden;
margin-top: 30px;
margin-bottom: 30px;
}

/* outbrain
--------------------------------------- */
.postextra-outbrain{
background-color: #fafafa;
padding: 30px 0px 20px;
box-sizing: border-box;
width: 920px;
margin: 50px auto;
height: 600px; /*infinite scrollが、下端からの計算なので高さを確定する必要あり*/
overflow: hidden;
}
.AR_1{
width: 620px !important;
margin: 0px auto !important;
padding: 0px !important;
}
.AR_1 .ob_container,
.AR_1 .ob_what{
width: 620px !important;
}

/* commentBox
--------------------------------------- */
.commentBox{
}
.commentBox .blockTitle{
padding-bottom: 10px;
}
.commentBox p{
line-height: 2.0em;
}
.commentBox h1, .commentBox h2, .commentBox h3, 
.commentBox h4, .commentBox h5, .commentBox h6{
line-height: 1.4em;
}

/*.title
-----------------------------------------------------*/
.single .wrap-page-title{
margin-botom: 20px;
text-align: center;
}
.single .page-title{
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
font-size: 30px;
font-weight: normal;
line-height: 1.0em;
color: #333;
text-align: center;
}
.single .page-title-category-mark{
display: inline-block;
width: 80px;
height: 80px;
background-color: #fff;
line-height: 80px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border: 2px solid #333;
text-align: center;
font-family: 'Raleway', sans-serif;
font-size: 14px;
letter-spacing: 2px;
font-weight: bold;
}
.single .page-title-text{
width: 16em;
margin: 20px auto;
word-wrap: break-word;
line-height: 1.4em;
font-weight: normal;
}
.single .page-title-category{
font-family: 'Raleway', sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 1.6em;
letter-spacing: 2px;
margin-bottom: 20px;
}
.single .page-title-category .extra{
font-family: sans-serif;
font-size: 12px;
}
.single .page-title-desc,
.single .page-title-sponsored{
font-size: 11px;
font-weight: normal;
line-height: 1.3em;
text-align: center;
letter-spacing: 1px;
}
.single .page-title-desc{
margin-top: 15px;
}
.single .page-title-sponsored{
margin-top: 10px;
}

/*.wrap-related-links
-----------------------------------------------------*/
.wrap-related-links{
margin-top: 30px;
margin-bottom: 30px;
padding: 15px;
background-color: #fff;
}
.wrap-related-links p{
font-size: 13px;
line-height: 1.6em;
margin-bottom: 10px;
}
.wrap-related-links p:last-child{
margin-bottom: 0;
}
.layout-magazine-top .wrap-related-links{
margin-top: 30px;
margin-bottom: 0px;	
}
.layout-magazine-top .wrap-related-links p{
text-align: center;
}

/* .inner-form
-----------------------*/
.inner-form{
padding:24px;
border:1px solid #EAEAEA;
background:#FFF;
font-size:12px;
min-height:700px;
}
.inner-form .inner-titleBox{
padding-bottom:12px;
line-height:1;
background:url(/common/img/dlined.gif) left bottom repeat-x;
}
.inner-form .inner-titleBox .inner-title{
font-size:16px;
}
.inner-form .inner-titleBox .inner-txt{
padding-left:20px;
}
.inner-form .inner-titleBox .inner-txt span.must{
color:#FF0000;
}
.inner-form .iqfm-table{
width:570px;
table-layout:fixed;
word-break:break-all;
word-wrap:break-word;
}
.inner-form .iqfm-table textarea{
width:370px;
padding:5px;
}
.inner-form .iqfm-table input{
width:370px;
}
.inner-form .iqfm-table input.checkbox{
width:auto;
}
.inner-form .iqfm-table img#iqfm_up_img5,
.inner-form .iqfm-table img#iqfm_up_img6,
.inner-form .iqfm-table img#iqfm_up_img7,
.inner-form .iqfm-table .iqfm-confirm-body img{
width:200px;
height:auto;
}
.inner-form .iqfm-table th,
.inner-form .iqfm-table td{
padding:10px 0 10px 10px; 
}
.inner-form .iqfm-table th{
line-height:1.8em;
text-align:left;
width:160px;
}
.inner-form .btn-box{
margin-left:180px;
}
.inner-form .submit{
padding:5px;
}

.single-has-form .inner-form{
min-height: 300px;
}
.single-has-form .inner-form .iqfm-table th,
.single-has-form .inner-form .iqfm-table td{
padding-top:15px; 
}

/* .layout-custom-top
-----------------------*/
body.layout-magazine-top .wrapBtnRead,
body.layout-slide-top .wrapBtnRead{
margin-top: 30px;
}

/* .infinite-scroll
-----------------------*/
body.single-use-infinitescroll .infinitescroll-affected{
display: none;
}
body.single-use-infinitescroll .wrap-divided-link{
margin-top: 40px;
}
body.single-use-infinitescroll .infinitescroll-target-load-last .wrap-divided-link{
margin-top: 0;
}
body.single-use-infinitescroll .wrap-divided-link .numberlink{
display: none;
}
body.single-use-infinitescroll .wrap-divided-link .nextlink{
display: none;
}
body.single-use-infinitescroll .infinitescroll-target-load{
margin-top: 30px;
}
body.single-use-infinitescroll .infinitescroll-target-holder div:first-child{
margin-top: 0;
}
.wrap-divided-link-infinitescroll-active .nextlink-str a{
display: block;
padding: 10px 20px;
color: #222 !important;
border: 1px solid #ddd;
line-height: 1.8em;
}
body.single-use-infinitescroll .wrap-divided-link .nextlink-str i{
font-size: 24px;
}
body.single-use-infinitescroll .infinitescroll-target-load .page-no{
margin: 0 0 40px 0;
padding: 0 0 10px;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
border-bottom: 1px solid #222;
text-align: center;
}
.infinitescroll-arrow-down{
width: 10px;
height: 10px;
margin-left: auto;
margin-right: auto;
border-right: 2px solid #222;
border-bottom: 2px solid #222;
transform: rotate(45deg);
}
body.single-use-infinitescroll .infinitescroll-target-load-last .infinitescroll-arrow-down{
display: none;
}
/*2ページ目以降への直接アクセス*/
.wrap-divided-link-infinitescroll-active .nextlink-str i{
display: none;
}
body.single-use-infinitescroll .wrap-divided-link-infinitescroll-active .nextlink-str i{
display: inline-block;
}

/* .continuous postload
-----------------------*/
body.single-use-continuous-postload{
}
.str-nextpage{
margin: 0 0 40px 0;
padding: 0 0 10px;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
border-bottom: 1px solid #95908a;
text-align: center;
}
.nexttext{
margin: 30px 0;
padding: 10px 20px 5px;
color: #222 !important;
border: 1px solid #dbd8d5;
line-height: 1.8em;
text-align: center;
}
.nexttext i{
font-size: 18px;
}
.continuous-postload-holder-ajax{
margin-top: 60px;
}
.continuous-postload-holder-ajax .breadcrumbs{
padding-top: 20px;
border-top: 1px solid #95908a;
}
.continuous-postload-holder-ajax .area-main-post{
border-top-width: 5px;
}
#continuous-postload-loading-wrapper{
margin: 50px 0 70px;
}
#continuous-postload-loading-wrapper div.inner{
text-align: center;
padding-bottom: 0;
line-height: 1.6em;
}
#continuous-postload-loading,
#continuous-postload-loading:before,
#continuous-postload-loading:after{
text-align: center;
border-radius: 50%;
width: 1em;
height: 1em;
line-height: 1em;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-direction:normal;
animation-direction:normal;
-webkit-animation: load8 0.8s infinite ease-in-out;
animation: load8 0.8s infinite ease-in-out;
background-color: #222;
}
#continuous-postload-loading{
color: #444;
font-size: 10px;
margin: 20px auto 10px;
position: relative;
text-indent: -9999em;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: 0.3655s;
animation-delay: 0.3655s;
}
#continuous-postload-loading:before,
#continuous-postload-loading:after{
content: '';
position: absolute;
top: 0;
}
#continuous-postload-loading:before{
left: -1.5em;
-webkit-animation-delay: 0.1595s;
animation-delay: 0.1595s;
}
#continuous-postload-loading:after{
left: 1.5em;
-webkit-animation-delay: 0.4685s;
animation-delay: 0.4685s;
}
@-webkit-keyframes load8{
	0%{}
	50%{
		background-color: #ccc;
	}
	100%{}
}
@keyframes load8{
	0%{}
	50%{
		background-color: #ccc;
	}
	100%{}
}

.trc_rbox_header_span{
display: none;
}
.trc_related_container .logoDiv,
.trc_related_container .trc_header_ext .logoDiv{
float: none !important;
text-align: center;
line-height: 1.6em !important;
padding-bottom: 5px !important;
}