body{background:#F5F5F5;font-family:"メイリオ", Meiryo,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;color:#444444;font-size:12px;}
.showtoast{display: none;}
.section{padding: 0px 0;}
ul{padding:0;}
ul li{list-style: none;}
p{line-height:1.5em;}
.header{padding:0px;background:#FFFFFF;}
.header .mainLogo{max-height: 60px;}
.searchBox{padding:15px 10px 0 10px;}
.searchBox .btn{padding:6px 12px;}
.footerLogo{max-height: 60px;}
.headLine{background:#FFFFFF;}
.headLine h1{padding:5px 0 0 0;}
.headLine .btn-sm{border-top-left-radius:0px;border-top-right-radius:0px;}
.mainHeader{padding:0 0 10px 0;}
.navi{padding:7px 0 5px;margin:0 0 20px 0;background:#484646;font-size:12px;}
.navi a{color:#FFFFFF;}
h1{font-size:12px;margin:0 0 10px 0;}
h2{font-size:12px;margin:0 0 0 0;}
h3{font-size:12px;margin:0 0 0 0;}
h4{font-size:12px;margin:0 0 0 0;}
hr{margin:5px 0;}
h2.title{padding:10px 15px;font-size:14px;font-weight:bold;}
h2.title i{font-size:20px;margin:0;}
h3.title{padding:5px;font-size:14px;font-weight:bold;border-bottom:1px solid #DDDDDD;margin:5px 10px;}
img{max-width:100%;}
.btn{border-radius:5px;padding:3px 12px;}
.bbDotted{border-bottom:1px dotted #CCCCCC;}

footer{background:#FFFFFF;color:#444444;padding:10px 0;margin-top:30px;}
footer h2{font-size:12px;border-bottom:1px dotted #888888;color:#888888;margin:0;padding:5px 0;margin: 20px 5px 0 5px;}
footer ul{padding:10px 5px 0px 5px;}
footer ul li{margin:5px 0;list-style: none;color:#888888;padding:0;}
footer ul li a{color:#AAAAAA; font-size:11px;}
footer ul li a:hover{color:#70b1e8;text-decoration: none;}
.footernavi{margin:10px 0;}
.footernavi a{padding:0 15px;border-right:1px solid #AAAAAA;font-size:12px;}
.footernavi a:last-child{border-right:none;}
#sitemap{}
#sitemap ul li.title{font-size:12px;margin:0 0 0 10px;color:#AAAAAA;}
#sitemap p{color:#777777;font-size:14px;}
#sitemap a{color:#3eafdb;font-size:12px;margin:0 10px;}
#sitemap a:hover{color:#337ab7;}

.footer{background:none;}
.footer a{color:#3eafdb;font-size:12px;margin:0 10px;}
.footer a:hover{color:#337ab7;}

.flR{float:right;}
.xs-flR{float:right;}
.flRImportant{float:right !important;}

#back-top{background:#AAB2BD;}
#back-top.bg-success{background: #8CC152;}
#back-top.bg-warning{background: #F6BB42;}
#back-top.bg-info{background: #3BAFDA;}
#back-top.bg-danger{background: #E9573F;}
#back-top.bg-primary{background: #37BC9B;}


.fs8{font-size: 8px !important;}
.fs10{font-size: 10px !important;}
.fs11{font-size: 11px !important;}
.fs12{font-size: 12px !important;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs24{font-size: 24px;}
.fwB{font-weight:bold;}
.fwN{font-weight:normal;}
.maincolor{color:#FF9326;}
.text-black{color:#555555 !important;}
.text-blue{color:#3eafdb !important;}
.text-orange{color:#FF9326 !important;}
.text-white{color:#FFFFFF !important;}

.m0{margin:0 !important;}
.mb0{margin-bottom:0 !important;}
.m0auto{margin:0 auto;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}

.mlr-15{margin-left:-15px;margin-right:-15px;}

.mt5{margin-top:5px;}
.mt7{margin-top:7px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}


.headerContact{color:#FF9326;}
.headerContact:hover{color:#D06F0E;text-decoration: none;}
.headerContact i{font-size: 24px;}

.noPadding{padding:0 !important;}
.noMargin{margin:0 !important;}

.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.p10-0{padding:10px 0;}
.p20-0{padding:20px 0;}
.p20-10{padding:20px 10px;}
.p020{padding:0 20px;}
.p030{padding:0 30px;}
.p1020{padding:10px 20px;}
.p1030{padding:10px 30px;}

.pt20{padding-top:20px !important;}

.navi .btn-warning{background: none !important;border: none !important;color: rgba(255,255,255,1);}
.navi .btn-warning:hover{background: #E0A52C !important;color: rgba(255,255,255,1);}

.box{margin:0 0 20px 0;}
.w50P{width:50%;}
.w60P{width:60%;}
.w70P{width:70%;}
.w100P{width:100%;}

.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w280{width:280px;}

.h250{height:250px !important;}
.dispBlock{display: block;}



.contents .mainVisual{height:250px;background:#000000;color:#FFFFFF;text-align: center;margin-bottom:10px;background-size:cover;background-position:center;}
.contents h2{padding:10px;background:#FFFFFF;font-size:14px;color:#E73828;margin:0;border-bottom:2px solid #E73828; font-weight:bold;}
.contents h3{font-weight:bold;font-size:14px;margin:5px 0px 5px 5px;color:#E73828;}
a.listBox{padding:10px;background:#FFFFFF;float: none;display: inline-block;vertical-align: top;}
a.listBox:hover{text-decoration: none;background:#fff3f3;}

.list a.listBox{width:100%;}

.contents .listBox .photo{width:100%;height:100px;background:#000000;padding:0px;margin:0 0 5px 0;background-size:cover;background-position:center;}
.contents .listBox .listcontents h3{font-size:12px;margin:0 0 5px 0;line-height:1.3em;color:#444444;font-weight:600;}
.contents .listBox .listcontents p{font-size:11px;margin:0 0 5px 0;line-height:1.3em;}

.contents .bannerArea{margin-bottom:10px;}
.contents .bannerArea div{margin:0 0 10px 0;}

.contents .bannerArea img{max-width:100%;}


.right h2{padding:10px;background:#FFFFFF;font-size:14px;color:#E73828;margin:0 0px;border-bottom:2px solid #E73828; font-weight:bold;}
.right .listBox {border-bottom:1px dotted #CCCCCC;}
.right .listBox:last-child{border-bottom:none;}
.right .listBox .photo{width:30%;height:100px;background:#000000;padding:0px;margin:0 0 5px 0;background-size:cover;background-position:center;float:left;}
.right .listBox .listcontents{width:70%;float:left;padding:0 0 0 3%;}
.right .listBox .listcontents h3{font-size:12px;margin:0 0 5px 0;line-height:1.3em;color:#444444;font-weight:600;}
.right .listBox .listcontents p{font-size:11px;margin:0 0 5px 0;line-height:1.3em;}
.right .bannerArea img{max-width:100%;margin:0 0 15px 0;}
.right .the-box{padding-top:0;padding-bottom:0;}

.shopright h2{padding:10px;background:#FFFFFF;font-size:14px;color:#E73828;margin:0 0px;border-bottom:2px solid #E73828; font-weight:bold;}
.shopright .baseBox {border-bottom:1px dotted #CCCCCC;}
.shopright .baseBox:last-child{border-bottom:none;}
.shopright .baseBox .photo{width:100%;height:180px;background:#000000;padding:0px;margin:0 0 10px 0;background-size:cover;background-position:center;float:left;}

.shopright .baseBox .shop{font-size:16px;margin:10px 0 0 0;padding:5px 0;color:#E73828;border-bottom:1px dotted #E73828;line-height:1.3em;}
.shopright .baseBox .ruby{color:#aaaaaa;margin:3px 0 15px 0;}



.shopright .listBox {margin:0 0 20px 0;}
.shopright .listBox:last-child{border-bottom:none;}
.shopright .listBox .photo{width:100%;background:#000000;padding:0px;margin:0 0 5px 0;background-size:cover;background-position:center;float:left;}
.shopright .listBox .listcontents{width:100%;float:left;padding:0 0 0 3%;}
.shopright .listBox .listcontents h3{font-size:12px;margin:0 0 5px 0;line-height:1.3em;color:#444444;font-weight:600;}
.shopright .listBox .listcontents p{font-size:11px;margin:0 0 5px 0;line-height:1.3em;}

.noBackground{background:none;}
.shopcontents{background:#FFFFFF;}
.shopcontents h1{padding:10px;background:#FFFFFF;font-size:16px;color:#E73828;margin:0;border-bottom:2px solid #E73828; font-weight:bold;}
.shopcontents h2{padding:10px;font-size:16px;color:#E73828;margin:0; font-weight:bold;}
.shopcontents h3{font-weight:bold;font-size:16px;margin:5px 0px 5px 5px;color:#555555;border-bottom:1px solid #CCCCCC;}
.shopcontents h4{font-weight:bold;font-size:16px;margin:5px 0px 5px 5px;color:#555555;}
.shopNavi .nav>li>a{padding:7px 20px;margin:0 1px 0 0;background:#DDDDDD;color:#555555;border-top-right-radius:5px;border-top-left-radius:5px;}
.shopNavi .nav-tabs>li>a:focus, .shopNavi .nav-tabs>li>a:hover{background:#E73828;color:#FFFFFF;}
.shopNavi .nav-tabs>li.active>a{background:#FFFFFF;color:#555555;}

.shopcontents .listBox .photo{width:100%;height:100px;background:#000000;padding:0px;margin:0 0 5px 0;background-size:cover;background-position:center;float:left;}

    
#conciergeSearch .conciergeBox{position:relative;padding-top:40px;}
#conciergeSearch .conciergeQuestion{font-size:16px;font-weight:bold;padding:10px;width:70%;}
#conciergeSearch .conciergeAnswer{position:relative;}

#conciergeSearch .conciergeImage{position: absolute;bottom: -10%;right: 5%;max-width: 30%;max-height:250px;}

@media (max-width: 768px){
#conciergeSearch .conciergeQuestion{font-size:16px;font-weight:bold;padding:10px 0px 30px;width:100%;}
#conciergeSearch .conciergeImage{position: absolute;bottom: -2%;right: -5%;max-width: 50%;max-height:240px;}
}

.rightConcierge{position:fixed;right:0;top:145px;z-index:100;}
.bottomConcierge{position:fixed;left:10px;bottom:0px;display:none;z-index:100;}
@media (max-width: 840px){
.rightConcierge{display:none;}
.bottomConcierge{display:block;}
}

.shopTitle h1{padding:10px;font-size:16px;color:#E73828;margin:0 0 10px 0;border-bottom:2px solid #E73828; font-weight:bold;}


img{max-width:100%;}
p,span,div,a,h1,h2,h3,h4,h5,h6{word-break: break-all;}

#panel-top .catchcopy{border:none;}
#panel-top .visual{width:100%;}
#panel-top .noVisual{width:50%;margin:0 auto;}
#panel-top .sentents{font-size:14px;padding:10px;margin:20px 0;}

.shopcontents table tr th{padding:15px;border:1px solid #f5efe7;background:#f5efe7;}
.shopcontents table tr td{padding:15px;border:1px solid #f5efe7;font-weight:normal;}

@media (max-width: 768px){
.shopcontents table tr th{padding:10px;display: block;Width:100%;}
.shopcontents table tr td{padding:10px;display: block;Width:100%;}
}
.bgRed{background:url(../../img/common/bg_wa.png) #B20000;}
.bgYellow{background:url(../../img/common/bg_wa.png) #FFC926;}
.bgWhite{background:url(../../img/common/bg_wa.png) #FFFFFF;}
.bgBrown{background:url(../../img/common/bg_wa.png) #f5efe7;}
.bgGrey{background:url(../../img/common/bg_wa.png) #FAFAFA;}
.bgBlack{background:url(../../img/common/bg_wa.png) #333333;}
.commitmentBox{padding:20px 0;margin:0 0px;border-bottom:1px dotted #777777;}
.menuBox{padding:20px 0;margin:0 0px;}
.couponBox{padding:20px 0;margin:10px 0px;background:#FFFFFF;border:1px solid #EEEEEE;border-top-right-radius: 20px;border-bottom-left-radius: 20px;position:relative;}
@media (max-width: 768px){
.couponBox{padding:0px 0;}
}

.posiRealtive{position: relative;}
.couponRibbon{position: absolute;}
.couponRibbon.topLeft{top:0; left:0;}
.couponRibbon.bottomRight{bottom:0; right:0;}

.photoPreview{position:relative;width:100%;height:480px;background:url(../../img/common/bg_wa.png) #333333;text-align:center;margin:0 0 20px 0;padding:10px;}
.photoPreview img{max-width:100%;max-height:100%;}
.photoContents{text-align:left;position:absolute;left:0;bottom:0;color:#FFFFFF;background:rgba(0, 0, 0, 0.5);width:100%;padding:5px;}
.photoContents h3{color:#FFFFFF;padding:5px;}
.photoContents p{color:#FFFFFF;padding:5px;}
.photoComment label{background:#FFFFFF;color:#000000;padding: 2px 5px;border-radius: 3px;}
@media (max-width: 768px){
.photoPreview{height:320px;}
}

.paging{margin:30px auto;font-size:12px;line-height:30px;}
.paging a{padding:5px 8px;background:#AAB2BD;border:1px solid #AAB2BD;color:#FFFFFF;margin:0 3px;border-radius:2px;text-decoration: none;}
.paging a:hover{background:#FFFFFF;border:1px solid #AAB2BD;color:#AAB2BD;}

.paging span{padding:5px 8px;margin:0 3px;background:#FFFFFF;border:1px solid #AAB2BD;color:#AAB2BD;margin:0 3px;border-radius:2px;}



.paging.page-success a{background: #8CC152;border-color: #8CC152;}
.paging.page-success a:hover{background:#FFFFFF;border-color: #8CC152;color: #8CC152;}
.paging.page-success span{border-color: #8CC152;color: #8CC152;}

.paging.page-warning a{background: #F6BB42;border-color: #F6BB42;}
.paging.page-warning a:hover{background:#FFFFFF;border-color: #F6BB42;color: #F6BB42;}
.paging.page-warning span{border-color: #F6BB42;color: #F6BB42;}

.paging.page-info a{background: #3BAFDA;border-color: #3BAFDA;}
.paging.page-info a:hover{background:#FFFFFF;border-color: #3BAFDA;color: #3BAFDA;}
.paging.page-info span{border-color: #3BAFDA;color: #3BAFDA;}

.paging.page-danger a{background: #E9573F;border-color: #E9573F;}
.paging.page-danger a:hover{background:#FFFFFF;border-color: #E9573F;color: #E9573F;}
.paging.page-danger span{border-color: #E9573F;color: #E9573F;}

.paging.page-primary a{background: #37BC9B;border-color: #37BC9B;}
.paging.page-primary a:hover{background:#FFFFFF;border-color: #37BC9B;color: #37BC9B;}
.paging.page-primary span{border-color: #37BC9B;color: #37BC9B;}

.paging span.pageEllipsis{background:none;border:none;}

.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
 
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
 
  -webkit-flex-flow: row wrap;
  justify-content: flex-start;
}
 
.flex-item {
  flex: 1 calc(100% / 2);
}


.flex-item-concierge {
  width:25%;
}

.flex-item2 {
  flex: 50%;
}
.flex-item3 {
  flex: 33.33%;
}
.flex-item4 {
  flex: 25%;
}
.flex-item5 {
  flex: 20%;
}


.spLangBox{margin:-5px 0 10px 0;height:25px;}
.spLangBox a{padding-top:10px;}

.spMenu a{padding:15px 20px;display:block;background:#484646;font-size:14px;text-align:center; color:#FFFFFF;}
#spNavi{border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
#spNavi a{padding:15px 20px;display:block;background:#484646;font-size:14px;text-align:left; color:#FFFFFF;border-bottom:1px solid #FFFFFF;}

.spShopMenu .panel-heading{background:#123456;background:#E73828;}
.spShopMenu .panel-heading a.block-collapse{color:#FFFFFF;}

#info table tr th{padding:15px;border:1px solid #f5efe7;background:#f5efe7;}
#info table tr td{padding:15px;border:1px solid #f5efe7;}

@media (max-width: 768px){
#info table tr th{padding:10px;display: block;Width:100%;}
#info table tr td{padding:10px;display: block;Width:100%;}
}
.about{margin:-20px 0 20px 0;}
.about .visual{background:url(../../img/info/about_bg_visual.png) no-repeat;background-position: center;background-size: cover;}
.about .spvisual{background:url(../../img/info/sp_about_bg_visual.png) no-repeat;background-size: cover;}

.absolute{position:absolute;}
.about3{max-width:35%;right:50px;bottom:0;}
.aboutSearch{top:80px; max-width:80%;}


.rule,privacy{padding:20px;}
.rule h1,privacy h1{line-height:1.8em;font-weight:bold;color:#E73828;font-size:150%;padding:0;margin:0 0 10px;background: none;}
.rule h2,privacy h2{line-height:1.8em;font-weight:bold;color:#E73828;font-size:120%;padding:0;margin:0 0 10px;background: none;}
.rule h3,privacy h3{line-height:1.8em;font-weight:bold;color:#666666;border-bottom:1px solid  #DDDDDD;padding:0;margin:0 0 10px;background: none;}
.rule h4,privacy h4{line-height:1.8em;font-weight:bold;color:#666666;}
.rule p,privacy p{line-height:1.8em;color:#888888;}
.rule ul,privacy ul{margin: 0 20px 10px;}
.rule ul li,privacy ul li{list-style-type:disc;color:#888888;}


.freeBox{padding:20px 0;}

.pannelList{border-bottom: 2px solid #DDDDDD;margin:0 0 0 0;}
.pannelList .panel-heading{padding:0 !important;}


.mediaMainBox{height:400px;width:100%;background-position: center;background-repeat: no-repeat;background-size: 100%;display: block;color:#FFFFFF;text-decoration: none;transition: background-size 0.5s;position: relative;padding:0 0 0 0;}
.mediaSubBox{height:245px;width:100%;background-position: center;background-repeat: no-repeat;background-size: 100%;display: block;color:#FFFFFF;text-decoration: none;transition: background-size 0.5s;position: relative;padding:0 0 0 0;}


.mediaMainBox2{height:500px;width:100%;background-position: center;background-repeat: no-repeat;background-size: 130%;display: block;color:#FFFFFF;text-decoration: none;transition: background-size 0.5s;position: relative;padding:0 0 0 0;width:100%;display:block;}
.mediaSubBox2{height:250px;width:100%;background:#FFFFFF;padding:10px;width:100%;display:block;}

.mediaMainBox:hover{background-size: 120%;transition: background-size 0.5s;color:#FFFFFF;text-decoration: none;}
.mediaSubBox:hover{background-size: 120%;transition: background-size 0.5s;color:#FFFFFF;text-decoration: none;}
.mediaMainBox2:hover{background-size: 120%;transition: background-size 0.5s;color:#FFFFFF;text-decoration: none;}
.mediaSubBox2:hover{background-size: 120%;transition: background-size 0.5s;color:#FFFFFF;text-decoration: none;}

.mediaMainBox .line{position: absolute;bottom:0;background:rgba(0, 0, 0, 0.4);width:100%;text-align:left;padding:10px 10px;}
.mediaMainBox h2{font-size:22px;font-weight:bold;}
.mediaMainBox p{margin:5px 0 0 0;color:#FFFFFF;font-size:12px;}
.mediaSubBox .line{position: absolute;bottom:0;background:rgba(0, 0, 0, 0.4);width:100%;text-align:left;padding:10px 10px;}
.mediaSubBox h2{font-size:14px;font-weight:bold;}
.mediaSubBox p{margin:5px 0 0 0;color:#FFFFFF;font-size:12px;}

.mediaMainBox2 .line{position: absolute;bottom:0;background:rgba(0, 0, 0, 0.4);width:100%;text-align:left;padding:10px 10px;}
.mediaMainBox2 h2{font-size:22px;font-weight:bold;}
.mediaMainBox2 p{margin:5px 0 0 0;color:#FFFFFF;font-size:12px;}

.areaCategory{background:rgba(0, 0, 0, 0.6);font-size:12px;color:#FFFFFF;padding:3px 5px;margin:0 0 5px 5px;font-size:10px;}
.genreCategory{background:rgba(0, 125, 0, 0.6);font-size:12px;color:#FFFFFF;padding:3px 5px;margin:0 0 5px 5px;font-size:10px;}
.sceneCategory{background:rgba(255, 125, 0, 0.6);font-size:12px;color:#FFFFFF;padding:3px 5px;margin:0 0 5px 5px;font-size:10px;}

.mediaDate{background:rgba(206, 14, 76, 0.6);font-size:12px;color:#FFFFFF;padding:3px 5px;margin:0 0 5px 5px;font-size:10px;}

@media (max-width: 768px){
.mediaMainBox{height:245px;}
.mediaMainBox2{height:245px;}
.mediaMainBox2 h2{font-size:14px;font-weight:bold;}
}

.mediaContentsArea{padding:50px 100px;}
.mediaContents{padding:30px 70px;width:100%;text-align: center;font-size:14px;line-height:1.6em;}
.mediaContentsArea h1{font-size:20px;margin:0 0 20px 0;border-bottom: 2px solid #E73828;text-align:left;}
.mediaContentsArea h2{font-size:14px;margin:0 0 20px 0;font-weight:bold;text-align:left;}
.mediaContentsArea p{font-size:14px;text-align:left;}
.mediaContentsArea img{max-width: 100%;margin:0 auto;}
.mediaContents div{font-size:14px;text-align:left;}

.mediaTagArea{padding:20px 0;margin: 0 0 0 0;}
.mediaTagArea span{padding:3px 5px;margin:0 10px 5px 0;white-space: nowrap;float:left;}

.mediaShareArea a .bgShop{background: rgba(0, 0, 0, 0.3);padding: 20px;text-align: center;position: absolute;width:100%;top:30%;}
.mediaShareArea a .bgShop h2{margin:0 0 10px 0;font-size:20px;}

.shareIconArea{position:fixed;top:150px;left:50px;width:50px;z-index:10;}
.shareIconArea img{max-width:100%;margin:0 0 10px 0;}

.bottomFix{display: none;}


@media (max-width: 768px){
.mediaContentsArea{padding:10px 0;}
.mediaContents{padding:10px 0;}
.shareIconArea{position:fixed;bottom:70px;top:auto;left:0px;width:100%;text-align:center;}
.shareIconArea img{max-width:40px;margin:0 5px 0 5px;}

.bottomFix{display:block;position: fixed;z-index:100;bottom:0;left:0;width:100%;background:#FFFFFF;padding:8px;}
}