@charset "UTF-8";
/*
Theme Name:		  syoryuen
Version:		1.0
License:
License URI:
*/

/* global box-sizing */
*,*:after,*:before {-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;}
/* html element 62.5% font-size for REM use */
html {font-size:62.5%;}
body {font:500 1.3em/1.4 "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo",'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color:#000;text-align:center;}
img {vertical-align:bottom;border:0;max-width:100%}
a {text-decoration:none;color:#000}
input:focus {outline:0;border:1px solid #04A4CC;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {  margin:0;  padding:0;}
table {border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var {  font-style:normal;  font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {  font-size:100%;  font-weight:normal;margin-bottom:1em}
sup {  vertical-align:text-top;}
sub {  vertical-align:text-bottom;}
input,textarea,select {  font-family:inherit;  font-size:inherit;  font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select {  max-width:100%;  *font-size:100%;}
button:hover ,.btn a:hover{ opacity: 0.7;}
.cont p,.cont div,.cont ul,.cont ol,.cont table {margin-bottom:1em;}
.cont ul{margin-left:1em}
a:hover{opacity:0.7}
.notfound{text-align:center}

/*#########################################################
レイアウト
#########################################################*/
#container{margin:0px auto;text-align:left}
/* サイトヘッダ */
header#site-header {position:relative;text-align:center;padding-top:10px;margin: 0 auto 30px;}
header#site-header h1{margin: 0px auto;width: 170px;}
header#site-header h1 img{}
.hd_main{margin: 0 auto 10px;max-width: 1200px;position: relative;}
.hd_main .hd_sns{position: absolute;top: 18px;right: 0;}
.hd_main .hd_sns a{display:inline-block;width:36px;height:36px}



header nav{font-size:1.4rem;background-color: #000;}
header nav ul{display:flex;justify-content:center}
header nav li{margin-right:2px}
header nav ul a{color: #fff;padding: 10px 20px;display: block;}
header nav ul a:hover{}
header nav ul.sub-menu a{border-style:none;border-radius:0px}
header nav ul.sub-menu{border:1px solid #aaa}
header nav .menu_onlineshop a{color:#d33}

.cont{margin-bottom: 30px;}


/* メインカラム */

.type-post main article.entry {border-bottom: 3px dotted #efefef;}
main .navigation {
  padding: 20px;
}


/* サイトフッタ */
footer {clear:both;background-color:#000;overflow: hidden;}
.ft_box{width:90%;margin:auto;padding: 30px 0 50px;display: flex;justify-content: space-between;}
footer address{color: #fff;line-height: 1.8;font-size: 1.1rem;flex: max-content;white-space: nowrap;}
footer address img{width:40px;height:auto;float:left;margin-right:20px;}

footer address p{margin-bottom:1em}
footer nav{flex: max-content;}
footer nav ul{display: flex;font-size: 1.2rem;justify-content: end;}
footer nav ul li{margin-left:1em}
footer nav a{color:#fff}




/*### WordPress native ###*/
.aligncenter {display: block;margin: 0 auto;}
.alignright { float: right;margin-left:10px }
.alignleft { float: left;margin-right:10px }
img[class*="wp-image-"],
img[class*="attachment-"] {height: auto;max-width: 100%;}

/* clearfix */
.clearfix {overflow: hidden;zoom: 1;}
.clearfix:after {content: ""display: block;clear: both;}





/*######################################################*/

nav ul.mainmenu li{}


/* top */
.home main article.entry{border-style:none}
.home .top_image_box {position: relative;padding: 20px 0;}
.home .top_image{text-align:center;width:800px;margin: 0 auto;max-width: 80%;background-color: #fff;}
.home .top_image_bg{ width: 100%;height: 70%;position: absolute;top: 0;left: 0;background: url("/common/imgs/top_bg.jpg") center bottom no-repeat;background-size: cover;opacity: 0.5;}
                                      .top_image .slick-prev::before, .top_image .slick-next::before{opacity: 1;color: #000;}

.home .top_cont{margin-bottom:50px;font-size:1.2rem;overflow: hidden;text-align: center;}

.top_cont_box{margin: 0 auto 40px;padding-bottom:20px;width: 800px;}
.home .top_cont h2{font-weight:bold;font-size:2rem;}

.home .top_info {max-width: 100%;text-align: left;}
.home .top_info h2{font-family:serif;border-bottom: 2px solid #000;padding: 0;}
.home .top_info_cont{border-bottom: 1px solid #444;padding-bottom: 1em;}
.home .top_info_cont a{color:#900}

.home .top_shops h2,.home .top_news h2{border-style:solid none;border-width:2px;display: inline-block;padding:5px 0;}

.top_shops{background-color:#bfbfbf;padding: 20px 0;width: 100%;}
.home .top_shops h2{color:#fff;border-color:#fff}

.shop_boxes{width:90%;margin:0 auto 20px;}
.top_shops .shop_box{margin: 5px;}
.shop_box .shop_inner_box{background-color:#fff;text-align:center;margin-bottom:6px;position:relative;border: 1px solid #bfbfbf;}
.shop_inner_box .shop_logo{text-align: center;
padding: 5% 10%;}
.shop_inner_box .shop_logo img{margin: 0 auto;}
.shop_box p{font-size: 1.1rem;text-align:left}
.shop_box .shop_ttl{font-weight:bold;margin-bottom:3px}
.shop_inner_box .floor{position:absolute;color:#fff;font-weight:bold;top:5px;right:5px;background-color:#333;padding:10px;border-radius:50%;line-height: 1em;}

.top_cont_lnk{text-align:center}
.top_cont_lnk a{display:inline-block;    border: 1px solid #666;padding: 5px 10px;background-color: #eee;}
.top_cont_lnk ul{list-style-type:none;margin-top:10px;}
.top_cont_lnk ul li{display:inline-block}
.top_cont_lnk ul li a{border-style:none}

.top_news{width:90%}
.top_news .news_boxes{display:flex;flex-wrap: wrap;}
.top_news .news_box{border:1px solid #aaa;width: 32%;margin: .65%;text-align: left;font-size:1.1rem}
.top_news .news_thm{height: 200px;}
.top_news .news_thm img{object-fit: cover;height: 100%;width: 100%;}
.top_news .news_ttl{font-weight:bold;margin-bottom:5px}
.top_news .news_ttl span{display:block;font-weight:normal;color:#666}
.top_news  .news_txt {padding:5px}
.top_news  .news_cat{background-color:#333;color:#fff;padding:3px;margin-bottom: 0;}


.cont p{margin-bottom:1em}

.cont h2 {font-size:1.8rem;border-bottom:2px solid #000;font-weight:bold;padding: 0 5%;}
.cont h4{font-weight:bold}
.entry-content h3{font-weight:bold ;font-size:1.6rem;border-bottom:2px solid #999;padding:2px 0px;clear:both;position: relative;}
.entry-content  h3:before {position: absolute;bottom: -2px;left: 0;width:10%;height: 2px;content: '';background: #000;}
.entry-content h4{font-weight:bold ;clear:both;font-size:1.4rem;border-bottom:1px solid #aaa}
.entry-content dl,.entry-content ol,.entry-content ul{margin-bottom:1em}
.entry-content dl dd,.entry-content ol,.entry-content ul{margin-left:2em}
.entry-content td,.entry-content th{border:1px solid #aaa;padding:3px;vertical-align:top}

.entry-content ul.dl li{list-style-type:none;margin-bottom:1em}
.entry-content ul.dl li a{background:url("/common/imgs/icon_pdf.gif") no-repeat left center;padding:5px 40px;background-size:contain;line-height:24px;color:#000}
.entry-content ul.dl li a:hover{opacity:0.7}
.entry-content p{margin-bottom:1em}

.entry-list{width:90%;margin: auto;}
.entry{margin-bottom:20px}
.entry-header h3{border:1px solid #ddd;font-size:1.5rem;font-weight:bold;padding: 2px 5px;margin-bottom:3px}
.entry-header h3 span{font-size:1.2rem;font-weight:normal;margin-right:1em}
.entry-header .entry-cat{text-align:right}
.entry-header .entry-cat a{color:#900;background-color:#ddd;padding:3px}

.entry-content strong{font-weight:bold;color:#900}
.entry-content .box{margin-bottom:2em}

nav.posts_nav{text-align:center}

.container.type-post .cont{}

.entry-content p.page_cpy{margin-bottom:30px}

.btn a{background-color:#999;border-radius:10px;display:inline-block;color:#fff;padding:10px;text-align:center;}
a.dl_pdf{background:url("/common/imgs/dl_pdf.png") no-repeat left center;padding:12px 40px}

/*shops*/
.single-shops .shop_cont_box,.single-shops .shopdata {margin:0 auto 40px;max-width:800px;}
.single-shops h2{display: flex;align-items: end;justify-content: space-between;}
.single-shops h2 .shop_floor{background-color:#666;color:#fff;padding:10px;border-radius:50%;font-weight:normal}

.single-shops .shopdata{text-align:center;}
.single-shops .shoplogo{max-width: 50%;display: block;margin: 0 auto 20px;}
.single-shops .shoptel{margin-bottom:3px}
.single-shops .shopurl{margin-bottom:20px}
.single-shops .sns{margin-bottom:20px}
.single-shops .sns a{display:inline-block;width:40px;margin: 5px;}
.single-shops .shopmainimg{margin-bottom:20px}
.single-shops .shopcont{text-align:left;margin-bottom:40px}
.single-shops .shop_items{text-align:center}
.single-shops .shop_items h3{color:#fff;margin:auto;background-color: #000;padding: 5px 20px;display: inline-block;margin-bottom: 10px;}
.single-shops .item_list{margin-bottom:20px}
.single-shops .shop_items_imgs{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.single-shops .shop_items_imgs img{width: 48%;margin: 1%;height: auto;}
.single-shops .shop_cont_box h3{font-size:2rem;text-align: center;line-height: 1;font-weight:bold;margin-bottom:2em}
.single-shops .shop_cont_box h3 span{font-size:1.3rem;color:#666;display:inline-block;border-bottom: 2px solid #000;padding-bottom: 3px;font-weight:normal}

.single-shops .shop_cont_box .cont_copy,.single-shops .shop_cont_box .cont_item{margin-bottom:2em}
.single-shops .shop_cont_box .cont_item img{margin-bottom:1em;width:100%}
.single-shops .shop_blog{background-color:#f3f3f3;padding:2%}
.single-shops .shop_blog img{margin:0 0 1em}
.single-shops .blog_item h4{font-weight:bold}
.single-shops .blog_item h4 span{font-weight:normal;margin-right:1em}
.single-shops .shop_blog_btn{text-align:center;}

/*shops_archive*/
.post-type-archive-shops .shop_boxes,.tax-shop_cat .shop_boxes{display:flex;flex-wrap: wrap;}
.post-type-archive-shops .shop_boxes .shop_box,.tax-shop_cat .shop_boxes .shop_box{width:23% ;margin:1%;}

.shops_link_nav ul{margin: 0 5%;list-style-type:none;display:flex;}
.shops_link_nav ul a{border:1px solid #000;
padding: 5px 10px;
margin-right: 5px;
background-color: #e3e3e3;
display: block;
position: relative;
top: 1px;border-radius: 4px 4px 0 0;}
.shops_link_nav ul .current a{background-color: #fff;border-bottom-color: transparent;}

.shop_archive_top{border-top: 1px solid #000;}
.shop_archive_top img{width:100%}

/*access*/
.page-access .entry-content ul{list-style-type:none}
.page-access .entry-content ul li::before{content:"■";color:#999;margin-right:.5em}

/*aboutus*/
.page-aboutus .about_main img{width:100%}
.page-aboutus .page-title{margin-bottom:0;} 
.page-aboutus .aboutus_main{margin: 0 calc(50% - 50vw);
width: 100vw;margin-bottom:20px}
.page-aboutus .aboutus_main img{width:100%}

.about_box {
	display: flex;
	align-items: center;justify-content: space-between;margin-bottom:20px
}
.about_box  img{width:30%}
.about_box .about_cpy{width:65%}
.about_ttl {
	font-weight: bold;
	font-family: serif;font-size: 1.8rem;
}



/*ippin*/

.page-ippin #site-header{margin-bottom:0}
.page-ippin .cont{clear: both;font-size: 13px;
overflow: hidden;
margin-bottom: 40px;
z-index: 0;
margin: auto;
text-align: left;}
.page-ippin .ttlimg a{max-width: 30%;margin-right:30px}
.page-ippin.page-child .ttlimg{height:500px;position: relative;overflow: visible;z-index: 1;margin-bottom: 40px;background-size: cover;background-repeat: no-repeat;background-position: center;}

.page-ippin .cont h2{display:none}
.page-ippin.page-parent .ttlimg{display: flex;align-items: center;margin-bottom: 20px;}
p.ippin_cpy{font-size:1.8rem;margin-bottom:0}

.page-ippin .nav a{color:#fff;font-size: 94%;}

.page-ippin .nav li,.page-ippin .nav{border-style:none }
.page-ippin #header .langlink{display:none}

.page-ippin.page-parent #header {background-image:url("/wp-content/uploads/ippin/ippin_top.jpg");}


.ippin_top_bnr{display:flex;flex-wrap: wrap;max-width: 1000px;margin: auto; }
.ippin_top_bnr a{display:block;width: 48%;height:auto;box-shadow: 2px 2px 5px rgba(0,0,0,0.3);line-height: 0;margin:3px 1% 10px 3px}

.page-ippin .ippin_cont,.ippin_cpy{font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "ＭＳ Ｐ明朝","MS PMincho",serif;}
.page-ippin .ippin_cont{text-align:left;max-width: 1000px;margin: auto;}
.page-ippin.page-child .nav{top: 0px;background-color: #fff;width: 100%;z-index: -2;right: 0;text-align: right;padding-top:10px}
.page-ippin.page-child .nav a{color:#000}
.page-ippin.page-child .nav li{float: none;display:inline-block}

.page-ippin .shop_head{display: flex;align-items: center;margin-bottom: 40px;}
.page-ippin .shop_head img{width:20%;margin:0 4%;}
.page-ippin .ippin_ttl{ display: flex;justify-content: center;flex-wrap: wrap;flex: 1;}
.page-ippin .shop_name{font-size:1.3rem;width:100%;border-bottom: 2px solid #696;padding-bottom:10px}
.page-ippin .ippin_name{font-size: 2rem;width:100%;margin-bottom:0}

.page-ippin .ippin_body{font-size:1.4rem;line-height:2em;margin-bottom:40px}
.page-ippin .ippin_body img{float:left;width:40%;margin-right:20px}

.page-ippin .ippin_purchase{text-align:right;font-family:sans-serif}
.page-ippin .ippin_purchase a{display:inline-block ;font-size:.9rem;text-align: left;line-height: 1.2;color:#fff;background-color:#333;border-radius:6px;background:#333 url("/common/imgs/ippin/icn_cartsvg.svg") no-repeat 10px center;background-size:auto 70%;padding:6px 20px 6px 60px}
.page-ippin .ippin_purchase a span{display:block;font-size:.6rem}
.page-ippin .ippin_purchase a:hover{background-color:#666}

.page-ippin .ippin_shop_info h3  {font-size: 1.7rem;display: flex;align-items: center;border-style:none;}
.page-ippin .ippin_shop_info h3:before, .page-ippin .ippin_shop_info h3:after {content: "";flex-grow: 1;height: 1px;background: #444;display: block;}
.page-ippin .ippin_shop_info h3:before {margin-right: .4em;}
.page-ippin .ippin_shop_info h3:after {margin-left: .4em;}

.page-ippin .ippin_shop_info .ippin_shop_data{font-family:sans-serif}
.page-ippin .ippin_shop_info .ippin_shop_data p{margin-bottom:2em}
.page-ippin .ippin_shop_info img{float:left;margin-right:30px;width:20%}
.page-ippin .ippin_shop_info span{display:block}


/*スペシャルインタビュー*/
.page-sp_interviews .cont h2{text-align:center;border-style:none}
.page-sp_interviews .cont h2::after{content:"";border-bottom:1px solid #333;display: block;width: 80px;margin: 20px auto;}
.page-sp_interviews .sp_intvs_cpy{text-align: center;margin-bottom:30px;font-size:1.5rem}
.page-sp_interviews .sp_interview{text-align: center;}
.page-sp_interviews .sp_interview h3{padding: 20px;display: inline-block;}
.page-sp_interviews .sp_interview h3::before{width: 50%;}
.page-sp_interviews .sp_intv_cont{display:flex;padding:20px;text-align: left;}
.page-sp_interviews .sp_interview div{margin-bottom:0}
.page-sp_interviews .sp_interview:nth-child(odd){background: #eee;}
.page-sp_interviews  .spintrvw_photo{width:40%;margin-right:5%}
.page-sp_interviews  .spintrvw_cpy{font-weight:bold;font-size:2.6rem}
.page-sp_interviews .spintrvw_nm {font-size:1.8rem;font-weight:bold}
.page-sp_interviews .spintrvw_nm span{display:block;font-weight:normal;font-size:1.6rem}
.page-sp_interviews .spintrvw_txt{display: flex;flex-direction: column;flex: 1;}
.page-sp_interviews .spintrvw_txt .btn{margin-top: auto;text-align: right;margin-bottom:0}
.page-sp_interviews .spintrvw_txt .btn a{display: inline-block;width: 60%;margin: 0 auto;}
.page-sp_interviews .sp_intv_lead{border-bottom: 1px solid #000;width: 90%;margin: 0 auto 2em;padding-bottom: .5em;}
.page-sp_interviews.page-child h2{display:none;}
.page-sp_interviews.page-child .entry-content{font-size: 1.4rem;}
.page-sp_interviews.page-child p{line-height:1.8}
.page-sp_interviews.page-child .sp_intv_hd{position: relative;margin-bottom:30px}
.page-sp_interviews.page-child .sp_intv_hd p{position:absolute;bottom: 20px;right: 0;background-color: #7fa430;padding: 10px 60px 10px 10px;;font-size: 2rem;color: #fff;margin-bottom: 0;}
.page-sp_interviews.page-child .sp_intv_ttl{font-size:2.5rem;font-weight: bold;}
.page-sp_interviews.page-child .sp_intv_hd p span{font-size:1.5rem;display:block}
.page-sp_interviews.page-child .sp_intv_img{}
.page-sp_interviews .sp_intv_fav{margin-bottom: 0;}
.page-sp_interviews .sp_intv_fav::before{content:"私のお気に入りの嵐山";background-color:#6e7d4e;color:#fff;padding: 10px 40px;border-radius: 6px 6px 0 0;display: inline-block;font-weight: bold;font-size: 1.4rem;font-family: serif;}
.page-sp_interviews .sp_intv_fav p{margin-bottom:0;padding:30px 40px;background-color: #e5f2d7;}



@media screen and (max-width:1099px) { 
.ippin_cont{margin:0 5%}

.ft_box{flex-wrap: wrap;flex-direction: column-reverse;}
footer nav ul {justify-content: space-between;}
footer nav{margin-bottom:2rem}
}

@media screen and (max-width:800px) { 
.top_shops .shop_boxes {width: 100%;}
.home .top_info h2,.home .top_info_cont{padding-left:10px}
.top_news .news_box{width: 48%;margin: .9%;}

}

@media screen and (max-width:680px) { 

.hd_contact{margin-right: 10px;}
.hd_main {display: flex;margin-right:50px}
header#site-header h1 img{max-width: 100%;}
header#site-header{border-bottom:6px solid #aaa;}
.home header#site-header{border-style:none;}
header nav ul a{color:#000}

.page-sp_interviews .sp_interview{display:block;}
.page-sp_interviews  div.spintrvw_photo{width:100%;margin-right:0;margin-bottom:10px}
.page-sp_interviews .spintrvw_txt .btn a{width: 100%;}
.page-sp_interviews .sp_intv_cont{display:block;}

footer nav ul{display:list-item}
footer nav ul li{margin-left:0;background-color: #333;padding: 10px;text-align: center;border-bottom: 1px solid #000;}
}


@media screen and (max-width:639px) { 

.home .top_cont .top_cont_box{}

 .home .top_cont .top_cont_box.top_info{width:100%}
.page-ippin .shop_head img {width: 45%;margin-bottom:30px}
.page-ippin .shop_head{display:block;text-align: center;}

.post-type-archive-shops .shop_boxes .shop_box, .tax-shop_cat .shop_boxes .shop_box {width: 48%;}

.page-sp_interviews.page-child .sp_intv_hd p{position: relative;padding: 5px 10px;}


}

@media screen and (max-width:479px) { 
.container.type-post .cont {display: block;}
.home .top_image{max-width: 90%;}
.home .top_image_box{padding: 0 0;}
.home  .slick-next{right: 5px;z-index: 1;}
.home .slick-prev{left: 5px;z-index: 1;}

header#site-header h1{min-height:auto;margin: 0px 10px;}
.top_news .news_box{width: 100%;margin: 0;}

.ippin_top_bnr a{width: 100%;}
.page-ippin .ippin_body img{width:100%}
.page-ippin .ippin_shop_info img {float:none;width:100%}
.page-ippin.page-child .ttlimg{height:300px}

.shops_link_nav ul{margin: 0;flex-wrap: wrap;}
.shops_link_nav ul li{width:50%}
.shops_link_nav ul a{border-radius: unset;margin: 1px;}
.shops_link_nav ul .current a{border-bottom-color:#000}

.single-shops .blog_item h4 span {display: block;}
.page-sp_interviews .sp_intv_fav p {padding: 20px;}


}