@charset "UTF-8";

/*
Theme Name: lets

*/

/* reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	/*	max-height: 100%; */
	box-sizing: border-box;
}
pre {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
}

body {
	line-height: 1.4;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:16px;
	color:#000;
	word-wrap: break-word;
}
#wrapper{
	width:100%;
	overflow:hidden;
}

html,body {
	height: 100%;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}

ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}


#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
.goog-text-highlight {background-color:transparent !important;box-shadow:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}



a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	outline:none;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title],dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input,select {
	vertical-align: middle;
}

img {
	vertical-align: top;
	font-size: 0;
	line-height: 0;
	max-width: 100%;
}


/* clear fix */

.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clf {
	clear: both;
}

.cf {
	display: inline-table;
}

* html .cf {
	height: 1%;
}

.cf {
	display: block;
}
	

/* margin */

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.mt30 {
	margin-top: 30px;
}

.mt35 {
	margin-top: 35px;
}

.mt40 {
	margin-top: 40px;
}

.mt45 {
	margin-top: 45px;
}

.mt50 {
	margin-top: 50px;
}

.mt55 {
	margin-top: 55px;
}

.mt60 {
	margin-top: 60px;
}

.mt65 {
	margin-top: 65px;
}

.mt70 {
	margin-top: 70px;
}
.mg10{
	margin-bottom:10px;
}
.mg50{
	margin-bottom:50px;
}


/* padding */

.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt25 {
	padding-top: 25px;
}


/* float */

.floatL {
	float: left;
}

.floatR {
	float: right;
}


/* align */

.alignL {
	text-align: left;
}

.alignC {
	text-align: center;
}

.alignR {
	text-align: right;
}
.pcnone{display:none;}
.spnone{display:block;}

header{width:100%;}

header nav{width:100%;max-width:1000px;margin:0 auto;}
header nav ul{display:flex;justify-content: flex-start;text-align:center;}
header nav li{font-size: 1rem;padding:2% 4% 2% 0}
header nav li a{color:#000}
header nav .logo{width:300px;}

footer{width:100%;}

footer nav{width:100%;max-width:1000px;margin:0 auto;}
footer nav ul{display:flex;justify-content: flex-start;text-align:center;}
footer nav li{font-size: 1rem;padding:2% 4% 2% 0}
footer nav li a{color:#000}


.MV{width:100%;height:auto;background:#ccc;}
.MV .mainimg{width:100%;position:relative;max-height:600px;overflow:hidden;}
.MV .mainimg .logo{position:absolute;top:12%;width:100%;text-align:center;font-size:80px;line-height:1.1;font-weight:bold;}
.MV .mainimg .logo span{font-size:50%;display:inline-block;width:100%;}
.MV .mainimg img{width:100%;height:auto;position:relative;top:-80px;}
.head_text{position:relative;width:100%;max-width:1000px;margin:5% auto 0;}
.head_text .seal{width:18%;position:absolute;top:22%}
.head_text p{font-size: 1.2rem;
    font-weight: 400;
    line-height: 2;text-align:left;margin-top:2%;padding-left:20%;}

@media screen and (max-width:724px) {
	.MV .mainimg{}
	.MV .mainimg .logo{font-size:10vw;}
	.MV .mainimg img{top:0;}
	.head_text .seal{width:50%;position:relative;margin:0 auto;}
	.head_text p{padding-left:1%;font-size:1rem;}
}

.bnrs{display:flex;max-width:1000px;margin:0 auto;}
.bnrs .box{width:45%;margin:2.5%;height:240px;background:#452045;overflow:hidden;}

.item_list{max-width:1000px;margin:0% auto 0;width:100%;}
.item_list .btn{width:40%;margin:10% 4.5%;display:inline-block;}
.item_list .btn a{width:100%;display:inline-block;border:1px solid #ccc;background:#f0f0f0;line-height:3;text-align:center;color:#000;}
.item_list h3{font-size: 2.5rem;
    padding: 0 20px 10px;border-bottom:2px solid #000;margin-bottom:5%;text-align:center;}
.item_list ul{display:flex;flex-wrap:wrap;}
.item_list li{width:25%;text-align:center;height:100px;}

@media screen and (max-width:724px) {
	.item_list .btn a{font-size:90%;}
	.item_list h3{font-size:2rem;}
}

footer{width:100%;background:#ccc;text-align:center;padding:1% 0}
.footnav ul{display:flex;max-width:1000px;margin:0 auto;width:100%;}
footer .copy{font-size:80%;padding:1% 0 0}

#s_main_company{width:100%;max-width:1000px;margin:0 auto;padding-bottom:40px}
.massage_wrap{padding:20px 0;}
.about-text{padding:20px}
#company table{
	width:100%;
	border-top: 1px solid #ddd;
	
}
#company tr{
	border-bottom: 1px solid #ddd;
}
#company th{
	padding:16px;
}

#company td{
	padding:16px;
}
#company .tbh{
	background: #aaaaa5;
color: #fff;
border-bottom: 1px solid #ddd;
text-align: center;
border-right: 1px solid #fff;
	}

@media screen and (max-width:1024px) {
#company th{
display:inline-block;
width:100%;
}
#company td{
display:inline-block;
width:100%;
}
#company td.pos,#company td.name,#company td.data{
display:none;
}
#company .prof td:nth-child(1):before{
content:"役職 : ";
}
#company .prof td:nth-child(2):before{
content:"氏名 : ";
}
#company .prof td:nth-child(3):before{
content:"略歴 : ";
}
}

.subpage{border-top:1px solid #ccc;width:100%;}
.company_h{font-size:120%;font-weight:normal;border-bottom:1px solid #aaa;padding-bottom:0.5em;}

.breadcrumbs{width:100%;padding:5px 0 0;max-width:1000px;margin:0 auto 2%;}
.breadcrumbs ul{text-align:left;}
.breadcrumbs li{font-size:90%;display:inline-block;}
.breadcrumbs li a{color:inherit;}
.breadcrumbs li:after{content:">";padding:0 5px;}
.breadcrumbs li:last-child:after{content:"";}

.kashib{width:100%;max-width:100%;padding:5px 0;color:#fff;background:#2e2114;}
.kashib ul{width:100%;max-width:1000px;margin:0 auto;}
.kashib a{color:#fff;}

.contentwrap{max-width:1000px;margin:0 auto;width:100%;padding-bottom:3%;}


.tabikashi_base{width:100%;}
.tabikashi_head_bg{width:100%;background-size:cover;background-position:center;padding:10%;}
.tabikashi_head_bg h2{font-size:36px;width:100%;max-width:1200px;margin:0 auto;text-align:left;}
.tabikashi_head_bg .flex{display:flex;width:100%;max-width:1200px;margin:0 auto;}
.concept{width:40%;padding-top:10%;}
.item_mainimg{width:20%;padding-right:2%;}
.item_mainimg img{max-width:100%;height:auto;}
.concept_en{width:40%;padding-top:10%;}
.concept p,.concept_en p{font-size:16px;line-height:2;padding:1em 0;}
.concept_en p{font-weight:bold;font-size:14px;}
.detail{width:100%;padding:5% 10%;}
.detail h2{font-size:32px;width:100%;max-width:1200px;margin:0 auto;text-align:left;border-bottom:4px solid rgb(253,192,65);}
.detail .flex{display:flex;width:100%;max-width:1200px;margin:32px auto;}
.detail .flex .item_img{width:35%;}
.detail .flex .detail_box{width:65%;}
.detail_box table{width:100%;}
.detail_box th{padding:.5em;width:6em;}
.detail_box td{padding:.5em;}
.detail_box .detail_pr{padding:.5em;}


.store{width:100%;max-width:1200px;margin:0 auto;padding:0 10%;}
.store .flex{display:flex;flex-wrap:wrap;}
.store h2{font-size: 24px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 24px;
    text-align: left;
	display:inline-block;
    border-bottom: 4px solid rgb(253, 192, 65);}
#shop_list{
padding-bottom:60px;
border-bottom: 1px solid #dadada;
}
#shop_list h2,.area_h{
border-bottom:2px solid #4a4a4a;
color:#666;
padding:50px 0 12px;
margin-bottom:30px;
display:inline-block;
font-size:18px;
}
#shop_list ul:after{
content:"";
width:0;
height:0;
display:block;
clear:both;
}
#shop_list ul li{
width:calc(100%/4);
height:auto;
margin:0 0px 30px 0;
display:block;
position:relative;
	padding:0 1%;

	word-break:break-all;
}
#shop_list ul li a{height:190px;display:block;position:relative;}
#shop_list ul li img{
max-width:100%;
height:auto;
max-height:190px;
width:auto;
	
}
.stampbnr{z-index:9999;}
#shop_list ul li .imglink:before{position:absolute;left:0;top:0;content:"";width:0;height:0;border-left: 20px solid #fff;
    border-top: 20px solid #fff;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    z-index: 999;}
#shop_list ul li .thumb{
width:100%;
height:190px;
text-align:center;
}
#shop_list ul li .thumb img{
max-width:100%;
max-height:190px;
width:auto;
height:auto;
}
#shop_list ul li .access{
font-size:12px;
padding:10px 0;
}
#shop_list ul li .name{
font-size:16px;
font-weight:bold;
}
#shop_list ul li .name a{
color:inherit;height:auto;
}
#shop_list ul li .comment{
padding:10px 0;
font-size:14px;
}

.link_section{width:100%;background:rgb(255,255,209);}
.link_wrap{width:100%;max-width:1200px;padding:2% 10%;display:flex;justify-content:space-around;}
.tabisake_link{   width:40%;text-align:right;align-items:center;font-size:24px;margin-left:auto;display:flex;}
.link_box{margin-right:auto;}
.link_box li
{text-align: center;
    padding: 16px 0;
    background: rgba(255, 255, 255, 0.3);
    margin-bottom: 10px;
	border-radius: 10px;}
.link_box li .floatL{width: 100px;
    max-width: 30%;
	float:left;max-width:340px;}

.link_box .floatL img {
    max-width: 100%;
    height: 100%;
    width: auto;
    max-height: 220px;
}
.link_box li .floatR{
width: 220px;
	position: relative;float:right;}
.link_box li .floatR .bottle_bg {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    font-size: 120px;
    line-height: 1;
    color: #ebeae8;
    text-align: center;
    top: 70px;
}
.link_box a{background:#fff;padding:16px 16px 0;display:block;}
.link_box li .floatR img{max-height:100%;}
.link_box li .floatR .bottle_logo {
    position: relative;
    z-index: 3;
    color: #444;
    margin: 0 0px;
    display: block;
    height: 80px;
    text-align: center;
    width: 100%;
    padding-bottom: 10px;
}

.link_box li .floatR .bottle_data {
    border-top: 1px solid #ccc;
    position: relative;
    z-index: 3;
    color: #444;
    margin: 0 10px;
    padding: 10px 0;
    display: block;
    font-size: 14px;
}
.link_box li .floatR .bottle_data .eng {
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    padding: 0px 0 10px;
    margin: 0 0px 10px;
}

.link_box li .floatR p {
    text-align: center;
}
.link_section .head_text{width:100%;max-width:100%;margin:0 auto;padding:2% 10%;}
@media screen and (max-width:724px) {
	.link_section .head_text{padding:5% 2%}
	.tabikashi_head_bg .flex{flex-direction:column;}
	.concept{width:100%;}
	.item_mainimg{margin:0 auto;width:40%;}
	.concept_en{width:100%;}
	.detail{padding:5% 2%;}
	.detail h2{font-size:16px;}
	.detail .flex{flex-wrap:wrap;}
	.detail .flex .item_img{width:100%;}
	.store{padding:0 2%;}
	.store h2{font-size:16px;}
	#shop_list ul li{width:100%;}
	.imglink{text-align:center;}
	.link_wrap{padding:2% 1%;}
	.tabisake_link{text-align:left;font-size:14px;}
	.link_box li .floatL{max-width:30%;}
	.link_box li .floatR{max-width:65%;}
	.link_box li .floatR .bottle_data{font-size:12px;}
	.detail .flex .detail_box{width:100%;}
}


.sub_main{width:100%;color: #292323;
    background: #d1d3d3;}
.sub_main_wrap{display:flex;padding:60px 0;max-width:1000px;width:100%;margin:0 auto;}
.sub_main .letsimg{width:50%;}
.sub_main .catch{width:50%;padding-left:10%;}
.sub_main .catch .name{color:#fff;}
.sub_main .catch .name span{display:inline-block;width:100%;}
.sub_main .catch .text{}



.big{
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    font-size: 40px;}
 .en{ font-family: "Poppins", sans-serif;
    font-size: 15px;padding:1em 0;}
 .jp{font-family: "Noto Sans JP", sans-serif;font-size: min(15px,3.2vw);}
.pattern{width:100%;padding:120px 0;max-width:1000px;margin:0 auto;}
.pattern .big{text-align:center;    margin-bottom: 60px;}
.pattern .sizes{font-size:24px;text-align:right;padding:24px}
.store {padding:120px 0 60px;background:#e6e4dc;max-width:100%;}
.store h2{border-bottom:0;text-align:center;max-width:100%;font-size: 40px;    margin-bottom: 60px;}
.store #shop_list{width:100%;max-width:1000px;margin:0 auto;}

@media (max-width: 768px) {
	.sub_main_wrap{flex-direction: column;}
	.sub_main .letsimg{width:90%;margin:0 auto}
	.sub_main .catch{width:90%;margin:0 auto;padding:24px 0 0;}
	.pattern img{max-width:90%;margin:0 auto;display:block;}
	#shop_list ul li{max-width:80%;margin:0 auto 40px;}
}

.list_section{width:100%;max-width:1000px;margin:20px auto;position:relative;display:flex;align-items: flex-start;font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;}
 .region-menu {
            position: sticky;
    top: 20px;
    width: 280px;
    border-right: 1px solid #a1a1a1;
    padding-right: 20px;
    font-size: 18px; /* フォントサイズを大きくして、読みやすく */
    color: #555; /* ダークグレーで落ち着いた色合い */
	 padding-left:10%;
    flex-shrink: 0;
        }
       .region-menu ul {
    list-style: none;
    padding: 0;
}

.region-menu li {
    margin-bottom: 20px; /* アイテム間に十分な余白を設定 */
}

.region-menu a {
    text-decoration: none;
    color: #2c2c2c; /* リンクの文字色をダークグレーに統一 */
    font-weight: 600;
    letter-spacing: 0.05em; /* スペーシングを保ってスタイリッシュに */
    transition: color 0.3s ease;
}

.region-menu a:hover {
     color: #4a4a4a;
}

.store-list {
    margin-left: 40px;
    padding: 20px;
    max-width: calc(90% - 280px);
    flex-grow: 1;
    background-color: #f2f2f2; /* 背景色を柔らかいライトグレーにして統一感を出す */
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* ソフトな影で立体感 */
}

.store-list h2 {
    margin-top: 0px;
	margin-bottom:8px;
    font-size: 22px;
    color: #2c2c2c; /* ダークグレーでしっかりと見せる */
    border-bottom: 1px solid #a1a1a1; /* 境界線を柔らかく */
    padding-bottom: 8px;
    font-weight: 700;
}

.store-list ul {
    list-style: none;
    padding-bottom: 20px;
}

.store-list li {
    margin-bottom: 15px;
}

.store-list a {
    text-decoration: none;
    color:#292323;
    font-size: 18px;
    font-weight: 500;
    transition: color 0.3s ease;
	font-weight:bold;
	line-height:1.1;
}
.store-list a span{font-size:24px;padding-left:9px}

.store-list a:hover {
    color: #174563; /* ホバー時により濃いブルーに */
}

@media (max-width: 768px) {
	.list_section{flex-direction: column; /* 縦に並べる */
        padding: 20px; /* パディングを狭く */}
	.region-menu {
        position: sticky;
		background:#d1d3d3;
        width: 100%;
		top:0;
        border-right: none; /* ボーダーを削除 */
        border-bottom: 1px solid #a1a1a1; /* 下にボーダーを追加 */
        padding: 10px 0;
        text-align: center; /* 中央揃え */
    }

    .region-menu ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; /* 中央に配置 */
        gap: 10px; /* 各地域区分の間に余白 */
    }

    .region-menu li {
        margin-bottom: 10px;
        font-size: 16px; /* フォントサイズを少し小さく */
    }

    .store-list {
        margin: 20px 0 0;
        padding: 15px;
        max-width: 100%; /* スマホ画面に合わせて幅を100%に */
        background-color: #f5f5f5; /* 背景色をやや明るく */
        box-shadow: none; /* ボックスシャドウを削除してシンプルに */
    }

    .store-list h2 {
        font-size: 20px; /* 見出しのサイズをやや小さく */
        margin-top: 20px;
    }

    .store-list a {
        font-size: 16px; /* リンクの文字サイズを縮小 */
    }
}