@charset"utf-8";
/*-------------------------------------------
ベースコーディング
-------------------------------------------*/
/*文字コード*/
body, textarea { font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; font-size: 15px; color:#333333;}
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }
article, aside, figure, figcaption, details, footer, header, hgroup, nav, section, summary{display:block;}
/*その他*/
ul{padding: 0; margin: 0;}
li{list-style: none;}
a img:hover{opacity: 0.8;}
.img-responsive{display: inline;}
p,h1,h2,h3,h4{margin: 0;}
/*-------------------------------------------
全体構成
-------------------------------------------*/
body{max-width: 1400px; margin: 0 auto; word-break: break-all; background-color: #fff8ef;}
html{background-color: #fff8ef;}
/*wpデフォルト設定*/
.aligncenter {display: block;margin: 0 auto;}
.alignright {float: right;}
.alignleft {float: left;}
.m20-t{margin-top: 20px;}


/*-------------------------------------------
ヘッダー
-------------------------------------------*/

#header{background: url(img/bg_head01.png) top center no-repeat; position:relative;margin-bottom: 30px;}
.headLogo{padding-top: 15px;}

/*pc*/
#pcHeadBtn{text-align: right;}
.headInfoUl{overflow: hidden;text-align: center; margin-top: 40px;}
.headInfoUl li{float: left; padding: 7px;}
.pcNavUl{overflow: hidden; padding-top: 17px;}
.pcNavUl li{float: left;}
#pcNav{text-align: right;}
.pcNavUl{font-size: 16px;}
.pcNavUl li{margin-right:20px;}
.pcNavUl li:last-child{margin-right:0;}
.NavLi1 a{color:#448aca;}
.NavLi2 a{color:#f17375;}
.NavLi3 a{color:#f6b90e;}
.NavLi4 a{color:#9fb90c;}
.NavLi5 {color:#e60012;}
.NavLi5 a{color:#e60012;}
.NavLi5 ul .NavLi5child{padding-left: 10px;}
.pcNavUl i{display: block;text-align: right; margin: 0;}
/*spNav*/
#spNav{display: none; font-size: 16px;}
.spNavUl{padding:10px;}
.spNavUl li{padding:3px; display: block;}
.spInfoUl{margin:0 0 10px 12px;}
.spInfoUl li{padding: 3px;}
#spHeadBtn{text-align: center;}
.spMenuBtn{position: absolute; top: 30px; right: 10px; font-size: 40px; color:#f17375; cursor: pointer;}

/*toggle*/
#shopNavHeader{width: 100%; left: 0; background-color: #fff8ef;}
#shopNavHeader .shopNavHeaderChild{position: relative;}
#shopNavHeader .shopNavHeaderChild i{display: inline-block;}
/*------------------------------------------
index.php
-------------------------------------------*/
.catchArea{margin-bottom: 35px;}
#indexNewsBox{padding: 80px 0; background: url(img/line_main01.png) no-repeat bottom center;}
#indexEventBox{padding-bottom: 80px; background: url(img/line_main01.png) no-repeat bottom center;}
.indexTitJpn{text-align: center; margin-bottom: 50px;font-size: 30px;} 
.eventTitEng{font-size: 20px; color:#9fb90c; display: block;}
.eachNewIcon{background: #9fb90c; color: white; font-size: 14px; border-radius: 5px 5px 0 0 / 5px 5px 0 0; padding:8px; display: block; text-align: center; max-width: 60px;}
.eachNewImg img{border-radius: 0 5px 5px 5px / 0 5px 5px 5px;}
.eachNewBlog{padding: 0 20px;}
.eachNewTit{margin:20px 0 10px 0;}
.eachNewTit a{font-size: 18px; color: #333;}
.eachNewLink a{text-align: right; display: block; padding-top: 30px; text-decoration: underline;}

/*shopNav*/
#indexShopBox{padding: 80px 0; background: url(img/line_main01.png) no-repeat bottom center;}
.shopNavTitEng{font-size: 20px; color:#f17375; display: block;}
.eachShopNav{padding: 15px;}
.eachShopImg{padding-bottom: 10px; border-radius: 0 5px 5px 5px / 0 5px 5px 5px;}
.eachShopLoc{background: #f17375;font-size:14px; border-radius: 5px 5px 0 0 / 5px 5px 0 0; padding:8px; display: block; text-align: center; max-width: 70px;}
.eachShopLoc a{color: white;}
.eachShopName a{color: black; font-size: 16px; font-weight: bold;}
.eachShopName i{color:#f17375;}
.shopIcon{padding: 20px 0 10px 0;}
/*concept*/
#indexConceptBox{padding: 80px 0;}
.indexConceptTitEng{font-size: 20px; color:#448aca;display: block; padding-top: 12px;}
.indexConcept{font-size: 14px; color:#448aca;display: block; padding-top: 20px;}
.conceptImg{padding-bottom:20px; }
.conceptText{font-size: 16px; text-align: center;}
.comceptText2{display: block;}
.infoBtn{color: white; font-size: 26px; background: url(img/btn_main01.jpg) no-repeat; display: block; max-width:400px; background-size: 100% 100%; text-align: center; padding:15px 0; margin:45px auto 80px;}
.moreInfo{display: block; font-size: 18px;}
/*member*/
#indexMemberBox{background: url(img/bg_main01.jpg) no-repeat; padding: 55px 20px;}
.indexMemberTit{color: white; margin-bottom: 0; text-align: center;}
.indexMemberTitEng{font-size: 20px; color:#fcff00; display: block;}
.memberIcon{cursor: pointer; text-align: center;}
.memberText{font-size: 16px; color: white; text-align: center; padding: 30px 0;}
.memberBtn{display: block; text-align: center; cursor: pointer;}
/*banner*/
#bannerBox{margin: 100px 0;}
.eachBanner{padding:5px; text-align: center; font-size: 12px;}
.eachBanner a{text-decoration: underline;}
/*-------------------------------------------
single.php
-------------------------------------------*/
.singleName{background: url(img/bg_single01.jpg) no-repeat; text-align: center; padding: 60px; }
.singleName .jpn{font-size: 40px; color: #4b4b4b;}
.singleName .eng{font-size: 20px; color: white;}

/*postBox*/
.postNameBox{border-left: solid 4px #b7c437; padding: 18px; margin-bottom: 20px;}
.postNameBox .date{font-size: 14px;}
.postNameBox h1{font-size: 24px;}
.postBox{padding-right: 60px;}
.postBox h2{font-size: 18px; color: #b7c437; background: white url(img/bg_single02.jpg) no-repeat left; padding:15px 20px; margin: 30px 0 20px; box-shadow: 0px 1px #e3ddd5;}
.postBox h3{font-size: 16px; color: white; background:#b7c437; border-radius: 5px; padding: 8px; text-align: center; display: inline-block; margin: 20px 0 10px;}
.postBox img{margin-bottom: 20px; text-align: center;}
.postBox .tableTit{background: #b7c437; border-radius: 5px 5px 0 0 / 5px 5px 0 0; color:white; font-size: 18px; padding: 10px 0 10px 25px; }


.postBox .moreLink{color: black; border-bottom: #b7c437 solid 2px; cursor: pointer; padding: 9px 0 8px 18px; text-align: right; background: url(img/icon_single01.png) no-repeat left; display: inline-block; margin-bottom: 10px;}

/*-------------------------------------------
page.php
-------------------------------------------*/
.pageName{background: url(img/bg_page01.jpg) no-repeat; text-align: center; padding: 60px; font-size: 40px; color: #4b4b4b;}
.pageName h1{font-size: 40px; color: #4b4b4b; line-height: 1.4;}
.pageNameEng{font-size: 20px; color: white;}
.pageBoxIn h2{font-size: 30px; padding-bottom: 15px; text-align: center; background: url(img/bg_page02.jpg) no-repeat center bottom; margin-bottom:40px;}
.pageBoxIn h3{font-size: 18px; color: #e9ac00; background: white url(img/bg_page03.jpg) no-repeat left; padding:15px 20px; margin: 30px 0 20px; box-shadow: 0px 1px #e3ddd5;}
.pageBoxIn h4{font-size: 16px; color: white; background:#e9ac00; border-radius: 5px; padding: 8px; text-align: center; display: inline-block; margin: 20px 0 10px;}
.pageBoxIn p{margin: 10px 0;}
.pageBoxIn ol{margin:10px 0 40px 12px; padding-left: 0px;}
.pageBoxIn ol li{background: url(img/icon_page02.png) no-repeat left; padding-left: 18px;}
.pageBoxIn ul{margin:10px 0 40px 30px;}
.pageBoxIn ul li{ list-style: initial;}
.pageBoxIn .featured1{border: solid 4px #e9ac00; background: white; margin-bottom: 30px; padding: 25px;}
.pageBoxIn .featured1Tit{text-align: center; color: #e9ac00; font-size: 20px; padding-bottom: 15px; border-bottom: solid 1px #c9c2b8; margin: 0 0 10px 0;}
.pageBoxIn .featured2{background: white; padding: 25px; border : 1px solid #e3ddd5; margin-bottom: 30px}
.pageBoxIn .moreLink{color: black; border-bottom: #e9ac00 solid 2px; cursor: pointer; padding: 9px 0 8px 18px; text-align: right; background: url(img/icon_page01.png) no-repeat left;}
.pageBoxIn td,.postBox td{padding: 10px !important;}
.pageBoxIn th,.postBox th{width: 30%; background:#eff1f3; padding: 10px !important;}
.pageBoxIn tr:nth-child(2n) th,.postBox tr:nth-child(2n) th{background-color: #d4d7da;}
.pageBoxIn tr:nth-child(2n-1) th,.postBox tr:nth-child(2n-1) th{background-color: #eff1f3;}
.pageBoxIn tr:nth-child(2n) td,.postBox tr:nth-child(2n) td{background-color: #eff1f3;}
.pageBoxIn tr:nth-child(2n-1) td,.postBox tr:nth-child(2n-1) td{background-color: #ffffff;}
.pageBox .tableTit{background: #e9ac00; border-radius: 5px 5px 0 0 / 5px 5px 0 0; color:white; font-size: 18px; padding: 10px 0 10px 25px; }
.moreBtn{color:white; font-size:26px; display: block; text-align: center; cursor: pointer; background: url(img/btn_single01.png) no-repeat; max-width:400px; background-size: 100% 100%; padding:15px 0;margin:80px auto;}
.moreBtn .moreBtnNote{font-size: 18px; display: block;}
/*お問い合わせ*/
#contactFormBox{max-width: 700px; margin:0 auto;}
.contactInBox{margin-bottom: 25px;}
.formLeft{background: url(img/icon_page02.png) no-repeat left; padding-left: 18px; font-size: 15px;}

.hissu{display: inline-block;padding: 5px 7px; border-radius: 3px;color: white;background-color: #e9ac00;font-size: 15px;}
.submitBox{padding-top: 15px; text-align: center;}
input.wpcf7-form-control.wpcf7-text{padding: 7px 8px;border: 1px solid #ccc;border-radius: 4px;font-size: 100%;background: linear-gradient(to bottom, #f5f5f5 15%, #fff 100%); width: 100%;}
#contactFormBox textarea{border: 1px solid #ccc;border-radius: 4px;font-size: 100%;background: linear-gradient(to bottom, #f5f5f5 15%, #fff 100%); width: 100%;}
.submitBox input.wpcf7-confirm,.submitBox input.wpcf7-submit{background: linear-gradient(to top, #e9ac00 30%, #fff 150%);border: 1px solid #e9ac00;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.298039) 1px 1px 1px; color:white; font-size: 15px; letter-spacing: 5px; width: 260px; padding: 10px 0;}
select.wpcf7-form-control.wpcf7-select{
    height: 34px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.formRight p{margin: 0 0 10px;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{background: #f7ed62;color: #333;padding: 20px;}

.adj_pad{padding:0 10px;}
/*-------------------------------------------
page-tempochild.php
-------------------------------------------*/
.shopMainBoxOuter.imagejames{background-image: url(img/underimage_shop01.png),url(img/shopimage_james.jpg); background-repeat: no-repeat,no-repeat; background-position:center bottom,center top;}
.shopMainBoxOuter.imagelurara{background-image: url(img/underimage_shop01.png),url(img/shopimage_lurara.jpg); background-repeat: no-repeat,no-repeat; background-position:center bottom,center top;}
.shopMainBoxOuter.imageoguchi{background-image: url(img/underimage_shop01.png),url(img/shopimage_oguchi.jpg); background-repeat: no-repeat,no-repeat; background-position:center bottom,center top;}
.shopMainBoxOuter.imagenara{background-image: url(img/underimage_shop01.png),url(img/shopimage_nara.jpg); background-repeat: no-repeat,no-repeat; background-position:center bottom,center top;}
.shopMainBoxOuter.imagemoriguchi{background-image: url(img/underimage_shop01.png),url(img/shopimage_moriguchi.jpg); background-repeat: no-repeat,no-repeat; background-position:center bottom,center top;}
.shopMainBoxOuter.imagefunabashi{background-image: url(img/underimage_shop01.png),url(img/shopimage_funabashi.jpg); background-repeat: no-repeat,no-repeat; background-position:center bottom,center top;}
.shopMainBoxOuter.imagekanie{background-image: url(img/underimage_shop01.png),url(img/shopimage_kanie.jpg); background-repeat: no-repeat,no-repeat; background-position:center bottom,center top;}

.shopMainBox{background:url(img/bg_shop02.png) no-repeat center top; padding:100px 0 93px; max-width:460px; margin:0 auto; min-height: 494px;}
.shopNameBox{padding: 0 50px;}
.shopLogo{text-align: center; padding: 20px; }
.shopName{font-size:28px; color:white; text-align:center;  padding: 20px 10px; border-bottom: 2px solid #fad1d1; border-top: 2px solid #fad1d1; max-width:330px; margin:0 auto;}
.shopPlace{font-size:18px; color:white; text-align:center; padding:13px 0;}
.shopInfoBox{margin: 0px 0 30px 0;}
.shopInfoBox h2{text-align: center; font-size:30px; padding: 20px; margin-bottom: 20px; background: url(img/bg_shop03.jpg) no-repeat center bottom; }
.shopInfoBox h3{font-size: 18px; color: #f17375; background: white url(img/bg_shop04.jpg) no-repeat left; padding:15px 20px; margin: 30px 0 13px; box-shadow: 0 1px #e3ddd5;}
.shopInfoBox .info{font-size: 16px;}
.shopInfoChild span{font-size: 16px; display: block;}
.shopInfoChild li{font-size: 16px; background: url(img/icon_shop01.png) no-repeat left; padding: 5px 0 5px 18px;}
.timeInfo{margin-right:25px;}
.dateInfo{margin-left:25px;}
.shopFeatured{border: solid 4px #f17375; background: white; margin: 30px 0; padding: 25px;}
.shopFeaturedTit{text-align: center; color: #f17375; font-size: 20px; padding-bottom: 15px; border-bottom: solid 1px #c9c2b8; margin: 0 0 10px 0;}
.shopInfoBox h4{font-size: 16px; color: white; background:#f17375; border-radius: 5px; padding: 10px; text-align: center; display: inline-block; margin: 10px 0 10px;}
.shopBtnBox{margin-bottom: 60px;} 
.shopBtnBox a{font-size: 20px; color: black;}
.shopBtnBox i{color:#f17375;}
.shopBtn{margin: 30px; text-align: center;}
.azukarunba{margin-bottom:80px;}
.azukarunbaImg{text-align: center; padding-bottom: 20px;}
.azukarunbaText{text-align: center; padding-bottom: 25px; }
.azukarunbaBtn{text-align: center;}
.follow_sns a{background: white;padding: 10px 0;text-align: center;display: block;border: solid 3px #f17375;border-radius: 5px;width: 80%;margin: 10px auto;}
.follow_sns .only{width:100%;max-width: 350px;}
.shopBtnBox .toGroupfee{margin: 20px auto;display: block;max-width: 320px;text-align: center;padding: 20px 0;background-color: #f17375;color: white;border-radius: 5px;}

/*団体料金について-groupfee*/
.detailfee{text-align: center;}
.detailfee img{margin-bottom: 20px;}
.decoTxt01{color: red;}
.decoTxt02{color: #008cd6;font-size:24px;font-weight: bold;}
.decoTxt03{color: #f75053;font-size:30px;font-weight: bold;}
.decoTxt04{color: #f75053;font-size:18px; text-align: center;}
.decoArrow{font-size:50px;color: #333;}
.groupfeeImg img{max-width: 440px;}

.iframeWrapper {
    position: relative;
    width: 100%;
    padding: 56.25% 0 0 0;
}
.iframeWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*-------------------------------------------
category.php
-------------------------------------------*/
.catNameBox{background: url(img/bg_single01.jpg) no-repeat; text-align: center; padding: 60px; }
.catNameBox h1{font-size: 40px; color: #4b4b4b; line-height: 1.4;}
.catNameBox p{font-size: 20px; color: white;}
.catMain{padding-right:60px;}
.featured{border: solid 4px #b7c437; background: white; margin-bottom: 30px; padding: 25px;}
.eachBlog{padding: 30px 0; border-bottom: #b7c437 solid 2px;}
.eachBlog .eachRight{margin-left: 20px;}
.eachBlog .tit {font-size: 20px; margin-bottom: 10px;}
.eachBlog .tit a{color: #333;}
.eachBlog .date{font-size: 13px; margin-bottom: 10px}
.wp-pagenavi{text-align: center; padding: 35px;}
.wp-pagenavi .current{background: #b7c437; color: white;}

.archiveNameBox{background: url(img/bg_single01.jpg) no-repeat; text-align: center; padding: 81px; }

/*-------------------------------------------
sidebar.php
-------------------------------------------*/
.sidebarBox{margin-bottom: 35px;}
.sidebarBox .sideberTit{font-size: 18px; color: #b7c437; background: white url(img/bg_single02.jpg) no-repeat left; padding:15px 20px; margin: 0 0 20px; box-shadow: 0px 1px #e3ddd5;}
.sideCategory{margin-left: 30px;}
.sidebarBox ul li{list-style: initial; font-size: 16px; margin: 5px 0; color: black;}
.sidebarBox a{color: black;}
/* カウンターの初期化 */
.wpp-list {
    counter-reset: wpp-ranking;
}
.wpp-list li {
    position: relative;
    list-style-type: none;
    padding-top: 5px;
    padding-left: 5px;
}
.wpp-list li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    background: #b7c437;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    padding: 3px 5px;
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 1;
}

.eachRankArticle a{font-size: 14px; color: black;}
.sideArchives{margin-left: 30px;}
.sideShopEvent{margin-left: 30px;}


/*-------------------------------------------
フッター
-------------------------------------------*/
 
#footer{background:url(img/bg_foot01.png) top center no-repeat #ffffff; margin-top: 50px;}
.footLogo{text-align: center; padding: 33px 0;}
.footShop ul{overflow: hidden;}
.footShop ul li{width: 50%; float: left;}
#footNav span{display: inline-block; margin-left: 14px;}
.footNavTit{font-size: 14px; padding-bottom: 7px; font-weight: bold;}
.footNavTit a{color:#000000;}
.footNavList{padding-left: 5px;} 
#footNav li {font-size: 14px; padding: 6px 0; color:#000000;}
#footNav li a{color:#000000;}
#footNav i{color:#f17375}
.footBtn {text-align: center; padding: 55px 0 75px; }
.copyright{background:#ada69c; text-align: center; font-size: 14px; color:white; padding:13px 0;}


/*------------------------------------------
breadcrumbs.php
-------------------------------------------*/
.devedBreadcrumbs{overflow: hidden; font-size: 12px; margin:20px 0 20px 0;}
.devedBreadcrumbs li{float: left;}
.breadTrail{padding: 0 5px;}

/*pageTop*/
#pageTop {position: fixed; bottom:100px; right: 130px;}
#pageTop a { display: block; z-index: 999;}


/*------------------------------------------
モバイル
-------------------------------------------*/
@media(max-width: 959px){
.mainBox{padding: 0 10px;}  
.footNavTit{padding: 0 0 10px;}
.footNavList{margin-bottom: 10px; padding-left: 5px;} 
/*index.php*/
.eachNewBlog{max-width: 330px; margin: 30px auto;}
}

@media(max-width: 767px){
 
/*ヘッダー*/
/*フッター*/
#footNav{padding-left: 20px;}
#footNav li{font-size: 14px; padding: 0 0 8px;}
.footShop ul li{width: 100%; float: none;}
/*サイドバー*/
.sidebarBox{margin:20px auto; max-width: 330px; }
.sidebarBox p{font-size: 18px; color: #b7c437; background: white url(img/bg_single02.jpg) no-repeat left; padding:15px 20px; margin: 0 0 20px; box-shadow: 0px 1px #e3ddd5; max-width:500 }

/*index.php*/
.conceptImg{margin: 0 10px;}
#member{background-size: auto 100%; padding: 55px 10px;}
.memberText{text-align: left;}

/*page.php*/
.pageName{padding: 30px 10px; background-size: auto 100%;}
.pageName h1{font-size: 25px; color: #4b4b4b; line-height: 1.4;}
/*single.php*/
.singleName{padding: 30px; background-size: auto 100%;}
.singleName .jpn{font-size: 25px; color: #4b4b4b; line-height: 1.4;}
#sidebar{margin: 40px 0;}
#bannerBox{margin: 100px 20px;}
.postBox{padding-right: 0px;}

.adj_pad{padding:10px;}
/*category.php*/
.catNameBox{padding: 30px; background-size: auto 100%;}
.catNameBox h1{font-size: 25px; color: #4b4b4b; line-height: 1.4;}
.catMain{padding-right: 0px;}

/*page-tempochild.php*/
.timeInfo{margin-right:0px;}
.dateInfo{margin-left:0px;}
.shopMainBox{min-height: 0px;}
/*pageTopBtn*/
#pageTop {position: fixed; bottom:20px; right: 20px; max-width: 65px;}
.follow_sns a{width: 100%;}
}


@media(max-width: 480px){
#footer{background-position: top left; }

#header{background-position: top right; }
.headLogo{max-width: 200px;}
#spHeadBtn{max-width: 280px; margin: 0 auto;}
.shopMainBox{padding: 80px 0 30px;}
.shopNameBox{padding: 10px 0;}
.eachShopNav{min-height: 250px;}
}