@charset "utf-8";





/* trend_detail

================================================================================================================== */

#trend #mainContents{

padding:10px 10px 20px;

}

#trend #mainContents .articleImageArea{

position:relative;

}

#trend #mainContents .articleTitle{

position:absolute;

top:10px;

left:0;

padding:0 10px;

font-size:15px;

line-height:1.666em;

color:#fff;

text-shadow:1px 1px #b6546e;

word-break: normal;

word-wrap: break-word;

}

#trend #mainContents .articleTitle span{

display:table;

margin-bottom:2px;

background:rgba(221,85,115,0.8);

padding:0 5px;

}



#trend #mainContents .articleTitleSummary{

background:url(../images/mod_bg_trendDetail_01.gif) 0 100% no-repeat #d7003a;

background-size:100% auto;

/*padding:12px 15px;*/

padding:20px;

margin-bottom:25px;

color:#fff;

font-size:14px;

line-height:1.357;

min-height:100px;

}



#trend #mainContents iframe,

#trend #mainContents embed{

width:80%;

height:auto;

margin:0 10%;

}



/* mt module contents

================================================================================================================== */

#trend #mainContents #article{

background:#ffffff;

position:relative;

font-size:14px;

color:#333333;

padding-bottom:1px;

}

#trend #mainContents #article img{

width:100%;

height:auto;

}

#trend #mainContents #article a{

color:#142a8c;

}





#trend #mainContents .sectionA01,

#trend #mainContents .sectionA01_{

/*margin-bottom:10px;*/

margin-bottom:20px;

}



#trend #mainContents .articleImageArea+.sectionA01,

#trend #mainContents .articleImageArea+.sectionA01_{

margin-bottom:20px;

}

#trend #mainContents #article .sectionA01:last-child,

#trend #mainContents #article .sectionA01_:last-child{

margin-bottom:0;

}



/* 過去記事用

================================================================================================================== */

.titleA01{

/*padding:10px 10px 5px;*/

/*padding:25px 10px 10px;*/

margin:25px 10px 20px;

}

.titleA01 .ttl{

font-size:15px;

line-height:1.3333;

color:#d55c7c;

font-weight:bold;

padding:10px 2px 10px 7px;

border-left:4px solid #ec87a2;

}



.titleB01{

margin-bottom:-10px;

padding:0 10px;

}

.titleB01 .ttl{

color:#d55c7c;

font-size:14px;

font-weight:bold;

}





/* columnLayout

----------------------------------------------------------------------------------------------*/

/* ========== columnLayoutImage ========== */

.columnLayoutImageA01{

padding:0 10px;

}

.columnLayoutImageA01 .image{

}

.columnLayoutImageA01 .image p{

margin-bottom:10px;

}

.columnLayoutImageA01 .image p.caption{

font-size:12px;

font-weight:bold;

padding:8px 11px;

margin:-10px 0 10px;

background:#ececec;

}



.columnLayoutImageA01 .block{

}

.columnLayoutImageA01 .block p{

margin-bottom:10px;

font-size:14px;

line-height:1.6428;

}

.columnLayoutImageA02{

padding:0 10px;

}

.columnLayoutImageA02 .image{

}

.columnLayoutImageA02 .image p{

margin-bottom:10px;

}

.columnLayoutImageA02 .image p.caption{

font-size:12px;

font-weight:bold;

margin:-10px 0 10px;

padding:8px 11px;

background:#ececec;

position:relative;

}



.columnLayoutImageA02 .block{

}

.columnLayoutImageA02 .block p{

margin-bottom:10px;

font-size:14px;

line-height:1.6428;

}



.columnLayoutImageB01{

padding:0 10px;

}

.columnLayoutImageB01 .image{

margin-bottom:5px;

}

.columnLayoutImageB01 .block{

font-size:12px;

font-weight:bold;

margin-bottom:10px;

line-height:1.357;

}



/* 店舗紹介 */

.columnLayoutImageB01.info em{

font-size:15px;

padding-bottom:3px;



}

.columnLayoutImageB01.info .image{

margin:0;

}

.columnLayoutImageB01.info .block{

padding:10px 15px;

background:#fdeef5;

}





/* ========== columnLayout ========== */

.columnLayoutA01{

padding:0 10px;

display:table;

margin-bottom:10px;

}

.columnLayoutA01 .caption{

font-size:12px;

font-weight:bold;

padding:8px 11px;

}

.columnLayoutA01 .summary{

padding:0 10px 10px;

}

.columnLayoutA01Column1{

width:50%;

display:table-cell;

border-right:5px solid #fff;

box-sizing:border-box;

-moz-box-sizing:border-box;

-webkit-box-sizing:border-box;

background:#ececec;

}

.columnLayoutA01Column2{

width:50%;

display:table-cell;

border-left:5px solid #fff;

box-sizing:border-box;

-moz-box-sizing:border-box;

-webkit-box-sizing:border-box;

background:#ececec;

vertical-align:top;

}



/* 特例 */

.columnLayoutA01 .titleB01{

padding:10px 10px 0;

margin-bottom:10px;

}





.columnLayoutA02{

padding:0 10px;

margin-bottom:10px;

}

.columnLayoutA02 .caption{

font-size:12px;

font-weight:bold;

padding:8px 11px;

background:#ececec;

}

.columnLayoutA02Column1{

width:50%;

display:table-cell;

border-right:5px solid #fff;

box-sizing:border-box;

-moz-box-sizing:border-box;

-webkit-box-sizing:border-box;

background:#ececec;

}

.columnLayoutA02Column2{

width:50%;

display:table-cell;

border-left:5px solid #fff;

box-sizing:border-box;

-moz-box-sizing:border-box;

-webkit-box-sizing:border-box;

background:#ececec;

}



.columnLayoutB01{

padding:0 10px 0 0;

display:table;

}

.columnLayoutB01Box{

width:33.333%;

display:table-cell;

height:100%;

border-left:10px solid #fff;

border-bottom:10px solid #fff;

background:#ececec;

/*

margin-bottom:10px;

box-sizing:border-box;

-moz-box-sizing:border-box;

-webkit-box-sizing:border-box;

float:left;

*/

}

.columnLayoutB01 .caption{

text-align:left;

font-size:12px;

font-weight:bold;

padding:8px 11px;

}



/*

.columnLayoutB01:after,

.columnLayoutB01 .columnLayoutB01Box:after{

content: "";

clear: both;

display: block;

}

*/

.columnLayoutB01Box.bgWH{

background:#fff;

}



/* ========== blockList ========== */

.blockListA01{

padding:15px 9px 12px;

border-bottom:1px solid #e5e5e5;

margin:-25px 0 20px;

}

.blockListA01 .image{

width:59px;

margin-right:10px;

float:left;

}

.blockListA01 .block{

line-height:1.384;

font-size:13px;

width:72.6666%;

float:left;

}

.blockListA01Inner .blockListA01Box:after{

content: "";

clear: both;

display: block;

height:0;

visibility:hidden;

}

.blockListA01Title{

font-weight:bold;

color:#333333;

}





/* text

----------------------------------------------------------------------------------------------*/

.textA01{

font-size:14px;

line-height:1.6428;

padding:0 10px;

}

.textA01 p{

margin-bottom:10px;

}

/*

.textA01 p:first-child{

margin-top:-5px;

}

*/

.textA01 p img{

margin-bottom:-10px;

}

.textA01 .caption{

font-size:12px;

font-weight:bold;

padding:8px 11px;

background:#ececec;

margin-bottom:10px;

}



/* 動画 */

.movie{

position: relative;

padding-bottom: 56.25%;

padding-top: 30px;

height: 0;

overflow: hidden;

}

.movie iframe{

position: absolute;

top: 0;

left: 0;

width: 100% !important;

height: 100% !important;

margin:0 !important;

}



/* 店舗紹介 */

.textA01.info{

margin:0 10px;

padding:10px 15px 1px;

background:#fdeef5;

font-size:14px;

line-height:1.357;

font-weight:bold;

}

.textA01.info em{

display:block;

font-size:15px;

margin-bottom:-15px;

}



.fontSizeSmallA01{

font-size:12px;

}



.textStyleA01{

color:#e00011;

}



.textStyleB01{

color:#666;

}

















/* 新記事用スタイル

 ※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※ */



/* columnLayout

----------------------------------------------------------------------------------------------*/

/* ========== columnLayoutImage ========== */

.sectionA01_ .columnLayoutImageA01{

}

.sectionA01_ .columnLayoutImageA01:after{

}

.sectionA01_ .columnLayoutImageA01 .image{

}

.sectionA01_ .columnLayoutImageA01 .image p{

}

.sectionA01_ .columnLayoutImageA01 .image .caption{

margin-bottom:20px;

}

.sectionA01_ .columnLayoutImageA01 .block{

}



.sectionA01_ .columnLayoutImageA02{

}

.sectionA01_ .columnLayoutImageA02:after{

}

.sectionA01_ .columnLayoutImageA02 .image{

}

.sectionA01_ .columnLayoutImageA02 .image .caption{

margin-bottom:20px;

}

.sectionA01_ .columnLayoutImageA02 .image p{

}

.sectionA01_ .columnLayoutImageA02 .block{

}



.sectionA01_ .columnLayoutImageB01{

}

.sectionA01_ .columnLayoutImageB01 .image{

}

.sectionA01_ .columnLayoutImageB01 .block{

}





/* ========== columnLayout ========== */

.sectionA01_ .columnLayoutA01{

display:block;

}

.sectionA01_ .columnLayoutA01 .caption{

}

.sectionA01_ .columnLayoutA01Column1{

width:100%;

display:block;

margin-bottom:20px;

border-right:0;

}

.sectionA01_ .columnLayoutA01Column2{

width:100%;

display:block;

margin-bottom:10px;

border-left:0;

}





.sectionA01_ .columnLayoutA02{

}

.sectionA01_ .columnLayoutA02 .caption{

}

.sectionA01_ .columnLayoutA02Column1{

width:100%;

display:block;

margin-bottom:20px;

border-right:0;

}

.sectionA01_ .columnLayoutA02Column2{

width:100%;

display:block;

margin-bottom:10px;

border-left:0;

}



.sectionA01_ .columnLayoutB01{

padding:0 10px;

display:block;

}

.sectionA01_ .columnLayoutB01 .caption{

text-align:left;

font-size:12px;

font-weight:bold;

padding:8px 11px;

background:#ececec;

}

.sectionA01_ .columnLayoutB01Box{

width:100%;

display:block;

border-left:0;

border-bottom:0;

padding-left:0;

margin-bottom:20px;

background:none;

}

.sectionA01_ .columnLayoutB01Box:last-child{

margin-bottom:0;

}

/* text

----------------------------------------------------------------------------------------------*/

.sectionA01_ .textA01{

}

.sectionA01_ .textA01 .caption{

}

.sectionA01_ .textA01.info{

}



.sectionA01_ .fontSizeSmallA01{

}

.sectionA01_ .textStyleA01{

}

.sectionA01_ .textStyleB01{

}





/* localNav

================================================================================================================== */

.localNav{

margin-top:50px;

}

.localNav ul{

}

.localNav ul li{

padding:10px;

border-top:1px solid #e5e5e5;

position:relative;

}

.localNav ul li:after{

content: "";

clear: both;

display: block;

}

.localNav ul li .image{

display:block;

float:left;

width:37.5%;

}

.localNav ul li .ico{

width:11.5%;

display:block;

position:absolute;

top:10px;

left:41.5%;

}

.localNav ul li .text{

width:56.6%;

display:block;

float:left;

line-height:1.384em;

font-size:13px;

margin:10% 0 0 10px;

}

.localNav ul li a{

display:block;

margin:-10px;

padding:10px;

color:;

}

.localNav ul li a:after{

content: "";

clear: both;

display: block;

}



.localNav ul li.active{

color:#828282;

background:#f8f8f8;

}

.localNav ul li.active img{

-moz-opacity:0.8 !important;

opacity:0.8 !important;

}



.localNav ul li.coming{

color:#828282;

}

.localNav ul li.coming .image{

background:#000;

position:relative;

}

.localNav ul li.coming .image img{

-moz-opacity:0.8 !important;

opacity:0.8 !important;

}

.localNav ul li.coming .image .comingText{

position:absolute;

top:50%;

left:0;

color:#fff;

font-weight:bold;

font-size:14px;

width:100%;

line-height:1;

margin-top:-0.5em;

text-align:center;

}



.localNav ul li span{

}

.localNav ul li a{

}

.localNav ul li a:hover img{

}

.localNav ul li span.image{

}

.localNav ul li.coming span.image{

}

.localNav ul li span.ico{

}

.localNav ul li.active img{

}