/*
Theme Name: kadoya_template
Theme URI: 
Description: 
Version: 1.0
*/


@import url(/common/font.css);

@media screen and (min-width: 681px) {
	body{
		font-family:"リュウミン R-KL","Ryumin Regular KL", 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ＭＳ Ｐ明朝','MS PMincho',sans-serif;
		font-size:1.3em;
		line-height: 1.5;
	}
.second #main { line-height:2;}

}


header,
footer{
			font-family:"リュウミン R-KL","Ryumin Regular KL", 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ＭＳ Ｐ明朝','MS PMincho',sans-serif;

	}

html {font-size: 62.5%;}


html, body, applet, object, iframe, p,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-weight: normal;
	font-style: normal;
}
.corporate ul,
.corporate ol,
.corporate li{
	margin: 0; padding: 0; list-style:none;
}

img { border: 0; vertical-align:top;}

#main img,
#main object {
	max-width: 100%;
	height: auto;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

a{ color:#9F3427;}

a:hover{opacity:.6}



/* display:flex;まとめ */

#globalmenu ul,
.tenpolist ,/*TOP店舗リスト*/
.shida, /* 仕出し */
.phot_narabi,
.ftmenu,
.footer_c,
.list3Col,
.pagelinklist
{
	display:-webkit-flex;
	display:-webkit-box;
	display:-moz-box;
	display:box;
}



/* 全体
--------------------------------------------------------------------------------------*/
.inner  { width:810px; margin:0 auto !important; display:block;}
.inner_l{ width:980px; margin:0 auto !important; display:block;}
.ftinner{ width:900px; margin:0 auto !important; display:block;}


.pagehead{ padding:50px 0 0;}

h2.midashi{ text-align:center; margin-bottom:50px;}
#main{ letter-spacing:1px;}

.t_center{ text-align:center;}
.t_right { text-align:right;}

/* 共通 ------------------------------------------*/
.w50{ width:50%;}
.w100{ width:100% !important;}
.pagelinklist{display:flex; justify-content:center; text-align:center;}
.pagelinklist a{
	display:block; min-width:143px; margin:0 5px; padding:6px; text-decoration:none;
	border: solid 1px #c5c5c5;
	color:#000;
}


/* リンクボタン（→付） */
.linkbtn{ text-align:center;}
.linkbtn a{
	display:inline-block; min-width:260px; line-height:1;
	padding:13px 62px;
	border:solid 1px #c6c6c6;
	font-size:1.5rem;
	color:#000;
	text-decoration:none;
	position:relative;
}
.linkbtn a:after{
	content: "\e903";
	font-family: 'icomoon' !important;
	font-size:2rem;
	position:absolute;
	top:50%;
	right:17px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}

.linkbtn a:hover{
	border:solid 1px #000;
	color:#fff;
	background:#000;
	transition: all 0.5s;
}

.linkbtn_win{ text-align:center;}
.linkbtn_win a{
	display:inline-block; min-width:260px; line-height:1;
	padding:13px 62px;
	font-size:1.5rem;
}
.linkbtn_win a ,
.oshi_shohin ul li a{
	border:solid 1px #c6c6c6;
	color:#000;
	text-decoration:none;
	position:relative;
}

.linkbtn_win a:after,
.oshi_shohin ul li a:after{
	content: "\e902";
	font-family: 'icomoon' !important;
	font-size:1.5rem;
	position:absolute;
	top:50%;
	left:14px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}
.linkbtn_win a:hover ,
.oshi_shohin ul li a:hover{
	border:solid 1px #000;
	color:#fff;
	background:#000;
	transition: all 0.5s;
}


.midashiphot img{ width:100%; height:auto;}

.fs9{ font-size:0.9rem !important; line-height:1.1 !important;}
.fs10{ font-size:1.0rem !important; line-height:1.2 !important;}
.fs16{ font-size:1.6rem !important;}

.fc_red{ color:#D24118;}

.list2Col{display:flex; flex-wrap: wrap; justify-content:space-between}
.list2Col li{ width:50%;}

.list3Col{display:flex; flex-wrap: wrap; justify-content:space-between}
.list3Col li{ width:30%;}

.mt30px{ margin-top:30px !important;}
.mt40px{ margin-top:40px !important;}
.mt50px{ margin-top:50px !important;}



/*アコーディオンボックス全体 --------------------------------------------*/
.accbox h3{
	display:block;
	cursor:pointer;
}
/*
*/
.accbox .toggle{
	display:none;
}

#saiyodata h3{
	background:url(common/img/icon_arrow.png) no-repeat right bottom;
}


/* ヘッダー
--------------------------------------------------------------------------------------*/


/* トップ開閉メニュ
=============================================*/
#topheader{
	position:fixed;
	z-index:10;
	width:100%;
}

#globalmenu ul{
	display:flex;
	margin:0 30px 0 105px;
	justify-content:space-around;
}
#globalmenu ul li{ align-self:center;}

#globalmenu li a { color:#000; text-decoration:none;}
#globalmenu li a:hover{ color:#9F3427;opacity:1;}

#topheader #globalmenu ul li:first-line a{color:#9F3427!important;}


.accbox{ position:relative;}

/*ラベル*/
.accbox label {
    display: block;
	width:61px;	height:61px;
	position:absolute; top:22px; left:22px;	z-index:10;
    cursor :pointer;
    transition: all 0.5s;
}

/*チェックは隠す*/
.accbox input {display: none;}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
	 background-color: rgba(255, 255, 255, 0.7);
}
.accboxKasow .accshow {
    opacity: 1;
		height:auto;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
	 opacity: 1;
}
.cssacc:checked + .accshow,
#globalmenu ul{height: 83px;}

.menuShow{
	 opacity: 1 !important;
	 height: 83px !important;
   transition: 1s !important;
}
.menuOut{
	 opacity: 0 !important;
	 height:0 !important;
   transition: 1s !important;
}


/* 下層ヘッダー ================================ */
.second #main{ padding-top:85px;}
.second header{
	position:fixed;
	width:100%;
	background-color: rgba(255, 255, 255, 0.9);
	height:70px;
	z-index:100;
}



/* フッター
--------------------------------------------------------------------------------------*/
footer .pagetop{ margin-bottom:33px; text-align:right;}
footer nav  { background:#81342A; padding:40px; min-height:320px; font-size:1rem;}
footer nav a{ color:#fff; text-decoration:none;}


.ftmenu{
	display:flex;
	justify-content: space-between;
}

.ftmenu section{
	border-top   :dotted 1px #fff;
	margin-right:35px;
	padding:1.7em 0;
}
.ftmenu hr{
	border-color:#fff;
	border-style: dotted;
	border-width:1px 0 0;
	margin:1.7em 0;
}
.ftmenu section:nth-child(n+1){ width:18%;}
.ftmenu section:last-child{ margin-right:0;}

.ftmenu section h3{ font-size:1.2rem !important; letter-spacing:2px;}
.ftmenu section ul{ margin-top:25px !important;}
.ftmenu section ul li{ margin-bottom:6px;}
.fttenpo { width:300px !important;}
.fttenpo li{ display:inline-block; width:48%; vertical-align:top;}


.footer_c{ padding:55px 50px 24px; display:flex;}
.footer_c a{ color:#000; text-decoration:none;}
.footer_c div {margin-right: auto;}
.footer_c ul li{ display:inline-block; margin-bottom:1.3em;}
.footer_c ul li:not(:last-child):after{
	content:"｜";
	margin:0 1em;
}
.footer_c p{align-self:center;}



/* トップページ
--------------------------------------------------------------------------------------*/

#topcont{
	background:url(common/img/top_bg1.png) 50% 50%;
	width:100%;
	min-height:685px;
	text-align:center;
	position:relative;
}
.logoArea{
	position:absolute;
}
.logoArea span{ display:block;}
.toplogo1{ margin-bottom:15px;}
.toplogo2{ margin-bottom:45px;}


/* 店舗
==================================== */

.slick-slide[aria-hidden="false"]{ opacity:1 !important; transition: all 0.5s;}
.slick-slide[aria-hidden="true"]{ opacity:0.7 !important; transition: all 0.5s;}
.slick-slide[aria-hidden="true"] dl{ opacity:0!important; transition: all 0.5s;}





.tenpo_slide{ padding:90px 0 40px;}
.slick-slide{ padding:0 15px;}

#slide dl{ display:table; width:100%;}
#slide dt,#slide dd{ display:table-cell;}
#slide dt{ border-bottom:solid 1px #9F3427; font-size:1.6rem; line-height:1 !important; vertical-align:middle;}
#slide dd{ border-bottom:solid 3px #9F3427; width:127px; text-align:center; vertical-align:bottom;}
#slide dd img{ width: auto !important;}

.tenpolist{
	display:flex;
	flex-wrap: wrap;
	margin-bottom:35px !important;
}

.tenpolist li{
	width:16%;
	font-size:1.1rem !important;
	border-left: solid 1px #c6c6c6;
	text-align:center;
	margin-bottom:10px;
	min-height:140px;
	position:relative;
	padding-top:20px;
}
.tenpolist li:nth-child(6n),
.tenpolist li:last-child{border-right: solid 1px #c6c6c6;}

.tenpolist li:after{
	position:absolute; top:0; left:0;
	display:inline-block;
	padding:3px;
	color:#fff;
	font-size:0.9rem;
}

.t_uwajima:after	{ content:"宇和島"; background:#6A9BC7;}
.t_matuyama:after	{ content:"松 山"; background:#58b6a8;}
.t_tokyo:after		{ content:"東 京"; background:#ca8392;}
.t_ohtsu:after	{ content:"大 洲"; background:#58b6a8;}




/* 仕出し
==================================== */
.shidashi{
	padding:40px 0;
	background:#f3f4f5 url(common/img/top_bg2.png);
}

.shida{
	display:flex;

	font-size:1.2rem;
	letter-spacing:1px;
}
.shidabun a{ display: inline-block; margin-top:1em; padding:13px 0;}


.shida.left{ margin-bottom:28px;}
.shida.left li{align-self:flex-end;}
.shida.left li:first-child{ margin-left:5%; width:100px; }
.shida.left li:last-child{ margin-left:auto;}


.shida.right{flex-direction: row-reverse; margin-bottom:35px;}
.shida.right li{align-self:flex-start;}
.shida.right li:first-child{ text-align:right; margin-right:5%; width:100px;}
.shida.right li:last-child{ margin-right: auto;}
.shida.right .shidabun{ text-align:left;}
.shida .siphot{ width:40%;}

/* お取り寄せ
==================================== */
.toriyose{ padding:40px 0 20px;}

.phot_narabi{
	display:flex;
	flex-wrap: wrap;
	margin-bottom:50px !important;
}
.phot_narabi li{
	width:25%;
	text-align:center;
}
.phot_narabi li:nth-child(-n+4){ margin-bottom:42px;}



/* お知らせ
==================================== */
.t_news{
	padding:85px 0 20px;
	background:#f3f4f5 url(common/img/top_bg3.png);
}
.t_news .newsbox{background:#fff; margin:44px 0; padding:70px 60px 70px 80px;}
.newsbox dl{ display: table; margin-bottom:16px;}
.newsbox dl:last-child{ margin-bottom:0;}
.newsbox dt,
.newsbox dd{ display:table-cell; min-height:60px; padding:1.8em 0; vertical-align:middle;}
.newsbox dt{
	width:110px;
	border-right:dotted 1px #535353;
}
.newsbox dd{ padding-left:34px;}

.newsbox dd strong{ display:inline-block; width:86px; text-align:center; padding:3px; color:#fff;}
	.newsbox dd .nt_saiyo  { background:#63a1a8;}
	.newsbox dd .nt_kaisha { background:#82312d;}
	.newsbox dd .nt_tenpo  { background:#bea364;}
.newsbox ul{ display:table; width:100%;}
.newsbox ul li{ display:table-cell; vertical-align: middle;}
.newsbox ul li:first-child{ width:110px;}

/* トップのリンク一覧
==================================== */

.toplinkbtn {padding:50px 0; letter-spacing: -.4em;}
.toplinkbtn li{
	display: inline-block;
	width:50%;
	letter-spacing: normal;
	padding:18px 15px;
}
.toplinkbtn li:nth-child(odd){ text-align: right;}/* 奇数 */
.toplinkbtn li:nth-child(even){}


.toplinkbtn li a{display:inline-block;position:relative;color:#fff;}
.toplinkbtn li span{
	letter-spacing:10px;
	font-size:1.8rem;
	

	position:absolute;
	top:50%;
	left:50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}


.toplinkbtn li img{
	width:260px;
	object-fit:contain;
}




/* お知らせ
--------------------------------------------------------------------------------------*/
.news .newsbox dl{
	margin:30px 1em !important;
}
.newsshosai dl{	margin:20px 1em !important;}
.newsshosai hr{
	border-color:#ddd;
	border-style:solid;
	border-width:1px 0 0 0;
}

.news .newsbox hr{
	border-color:#dfccca;
	border-style:solid;
	border-width:1px 0 0 0;
}



/* お取り寄せ
--------------------------------------------------------------------------------------*/
.otoriyose_1st{ margin-bottom:85px;}

.concept{
	background:#F7F0D9 url(common/img/otoriyose_topimg.png) no-repeat right 50%;
	background-size: contain;
	width:100%;
	min-height:517px;
	position:relative;
	margin-bottom:37px;
}
.concept_txt{
	width:35em; position:absolute; top:50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}

.concept_txt h3{ margin-bottom:85px;}

.otoriyose_2nd .sen{
	padding-bottom:30px;
	border-bottom: solid 1px #8d8d8d;
	box-shadow: 0px 5px #fff,
				0px 6px #8d8d8d,
				0px 11px #fff,
				0px 12px #8d8d8d;
	margin-bottom: 62px;
}

.oshi_shohin{display:flex; justify-content:space-between; margin-bottom:60px;}
.oshi_shohin h3{ margin-bottom:50px; font-size:1.6rem; word-spacing:10px !important;}
.oshi_shohin ul{
	margin-top:35px;
	display:flex; flex-wrap: wrap; 
}
.oshi_shohin ul li{width:50%; margin-bottom:1em;}
.oshi_shohin ul li a{
	display:block;
	margin-right:10px;
	padding:1em 0.5em 1em 40px;
}
.oshi_right{flex-direction:row-reverse;}

.oshi_shohin_t{width:52%;}
.oshi_shohin_img{width:43%;}
.oshi_shohin_img img{ display:block; margin-bottom:5px;}
 



/* こだわり
--------------------------------------------------------------------------------------*/
.kodawari .inner_l{ text-align:center;}

.kodawari .inner_l section{ padding-bottom:40px;}
.kodawari .inner_l section ul{ margin-bottom:30px;}
.ko01 ul,
.ko02 ul,
.ko03 ul,
.ko04 ul{
	position:relative; width:100%; height:340px;
	background-size: 50% auto !important;
}

/* PC用 */
@media screen and (min-width: 681px) {

	.ko01 ul{background:url(/common/img/kodawari1.jpg) no-repeat left 50%;}
	.ko02 ul{background:url(/common/img/kodawari2.jpg) no-repeat right 50%;}
	.ko03 ul{background:url(/common/img/kodawari3.jpg) no-repeat left 50%;}
	.ko04 ul{background:url(/common/img/kodawari4.jpg) no-repeat right 50%;}
	
	
	.ko01 ul li,
	.ko02 ul li,
	.ko03 ul li,
	.ko04 ul li{
		position:absolute;top:50%;
		transform: translateY(-50%);
		-webkit- transform: translateY(-50%);
	}
	
	.ko01 ul li:first-child,
	.ko02 ul li:first-child,
	.ko03 ul li:first-child,
	.ko04 ul li:first-child{
		top:50%;left:50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
	}
	/* 奇数 */
	.ko01 ul li:last-child,
	.ko03 ul li:last-child{ right:24%;}
	
	/* 偶数 */
	.ko02 ul li:last-child,
	.ko04 ul li:last-child{ left:24%;}

}



/* 会社概要
--------------------------------------------------------------------------------------*/
.company #main h3{ position:relative; margin-bottom:60px; text-align:center;}
.company #main h3:before {
	border-top:#a1675f 1px solid;
	content: ""; position: absolute; top:7px; left: 0; z-index:0; width: 100%;
}
.company #main h3 em{display:inline-block; position: relative; padding: 0 0.5em; background:#fff; font-style:normal; vertical-align: top; line-height: 1;}
.company #main h3 em img{vertical-align: top;}
#company01{ margin:80px 0 100px;}
#company01 h4{ margin-bottom:50px;}
#company01 .nowrap{ white-space:nowrap; width:450px; margin:0 auto;}

#company02{ margin-bottom:100px;}
.gaiyo{ width:100%;}
.gaiyo th,
.gaiyo td{padding:10px; vertical-align:top;}
.gaiyo th{
	border-width:1px; border-color:#dfccca; border-style:solid none solid solid;
	color:#9f3427;
	width:166px;
	text-align:right;
}
.gaiyotxt{
	border-width:1px; border-color:#dfccca; border-style:solid solid solid none;
}
.gaiyotxt table td{ padding:0 1em 5px 0;}
.gaiyono{ width:25px;}

.gaiyo ol li{ list-style-type:decimal; margin-left:1.5em;}



/* 歴史
--------------------------------------------------------------------------------------*/
.historytop{border-top:solid 1px #a1675f; border-bottom:solid 1px #a1675f; padding:55px 0; margin-bottom:55px !important;}
.historytop h3{ margin-bottom:40px;}
.historytop li:nth-child(1){ padding-left:30px;}
.historytop li:nth-child(2){align-self:center; text-align:center;}

.historylist{
	width:900px; margin:0 auto; min-height:1650px !important;
	background:url(/common/img/history_line.png) repeat-y 50% 0;
}
.historylist h2{ text-align:center; margin-bottom:30px;}
.historylist li{ display:block;}
.historylist li strong{ font-size:1.8rem;}
/*奇数*/
.historylist li:nth-child(odd){
	margin-left:50%; padding-left:70px;
	background:url(/common/img/historylist1.png) no-repeat left 1em;
}

/*偶数*/
.historylist li:nth-child(even){
	text-align:right; margin-right:50%; padding-right:70px;
	background:url(/common/img/historylist2.png) no-repeat right 1em;
}
.historylist li:last-child{ padding-bottom:50px;}
.historylist li:nth-child(9){ margin-top:-150px;}
.historylist li:nth-child(10){ margin-top:-40px;}
.historylist li:nth-child(13){ margin-top:-140px;}
.historylist li:nth-child(14){ margin-top:-80px;}
.historylist li:nth-child(17){ margin-top:-200px;}
.historylist li:nth-child(18){ margin-top:7em;}
.historylist li:nth-child(19){ margin-top:-11em;}



.historylist_last{ background:#FFF url(/common/img/history_lineb.png) no-repeat 50% 0;
height:56px; color:#fff;}


/* お問い合わせ
--------------------------------------------------------------------------------------*/
.contact .gaiyo{ margin:55px 0;}
.contact .gaiyo th{ width:218px; text-align:left;}
.contact .gaiyotxt{
	border-width:1px; border-color:#ececec; border-style:solid solid solid none;
}
.contact input[type="text"],
.contact input[type="tel"],
.contact input[type="email"],
.contact textarea{
	border:solid 1px #c7c8c8;
	padding:10px;
}
.contact input[type="text"],
.contact input[type="email"]
{
	margin:3px 0;
	width:70%;
}
.contact .post input[type="text"]{ width:30%;}
.contact textarea{ width:80%; height:20em;}


.contact input[type="submit"]{
	display:inline-block; min-width:260px; line-height:1;
	padding:13px 62px;
	border:solid 1px #c6c6c6;
	background:#fff;
	font-size:1.5rem;
	color:#000;
	text-decoration:none;
	position:relative;
}

.mast:after{
	content:"必須";
	background:#81342A;
	color:#fff;
	font-size:9px;
	padding:1px 1em;
	float:right;
}



/* プライバシーポリシー
-------------------------------------------------------------------------------------- */
.privacypolicy #main p{ margin-bottom:1rem !important;}

.privacypolicy #main hr{ border:none; margin-bottom:50px;}

.privacypolicy #main h3{
	color:#81342A;
	font-size:1.6rem;
	position:relative;
	margin-bottom:20px;
}
.privacypolicy #main h3 em{
	display:inline-block; background:#fff; padding-right:1em;
	position: relative;
}
.privacypolicy #main h3:before {
	border-top: #c09994 1px solid;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 0;
	width: 100%;
}

.privacypolicy #main ul li{
	margin-left:2em;
}
.privacypolicy #main ul li:before{
	content:"■";
	margin-left:-2em;
	margin-right:1em;
}

.privacypolicy .mail{
	border:solid 1px #dfccca;
	padding:30px;
	margin-bottom:60px;
}
.privacypolicy .mail p:nth-child(1){ font-size:1.1rem; margin-bottom:20px;}
.privacypolicy .mail p:nth-child(2) a{ font-size:1.8rem; color:#81342A; text-decoration:none;}





/* 店舗一覧
--------------------------------------------------------------------------------------*/

.tenpo_s h3{ margin-bottom:15px; font-size:1.2rem;}
.search_map{
	width:734px;
	margin:0 auto 30px;
	position:relative;
}

.search_map ul li a{ display:block; position: absolute;}
.search_map ul li a:hover{background-color: rgba(129, 52, 42, 0.1);}
.search_map ul li:nth-child(1) a{
	border:solid 1px #C5C5C5; padding:5px 1em; color:#000; text-decoration:none;
	top: 43px;
	left: 4px;
}
.search_map ul li:nth-child(2) a{
	left: 36px;
	top: 237px;
	width: 104px;
	height: 38px;
}
.search_map ul li:nth-child(3) a{
	top: 137px;
	left: 1px;
	width: 126px;
	height: 49px;
}
.search_map ul li:nth-child(4) a{
	left: 552px;
	top: 200px;
	width: 110px;
	height: 41px;
}
.search_map li strong{ display:none;}

.keyword{
	display:flex;
	flex-wrap: wrap;
	width:100%;
	text-align:center;
}
.keyword li{ width:20%; margin-bottom:10px;}
.keyword li a{
	display:block;
	border:solid 1px #c5c5c5;
	margin-right:10px;
	color:#333;
	text-decoration:none;
	padding:3px;
}
.keyword li a.select{ background:#333; color:#fff;}

.ten_list{
	margin-top:35px;
	margin-bottom:70px;
	border-top:solid 1px #c5c5c5;
}
.ten_list.disnon{ display:none;}

.ten_list ul{
	display:table; width:100%; position:relative;
	border-bottom:solid 1px #c5c5c5;
}
.ten_list ul li{
	display:table-cell;
	vertical-align: middle;
	padding-top:16px;
	padding-bottom:16px;
}
.ten_list ul li:after{
	position:absolute;
	top:0;
	left:0;
	width:43px;
	font-size:1rem;
	text-align:center;
	padding:10px 0;
	color:#fff;
}


.ten_list ul li:first-child{ padding-left:85px; width:207px;}
.ten_list ul li img{ width:75px; height: auto; object-fit:contain;}
.ten_list ul li h3{
	font-size:1.6rem;
	margin-bottom:18px;
}
.ten_list ul li:nth-child(2){
	font-size:1.1rem;
	padding-right:100px;
}
.ten_list a{
	display: block;
	color:#000;
	text-decoration:none;
	position:relative;
}
.ten_list a:after{
	content:"詳細 >";
	position:absolute;
	top:50%;
	right:-75px;
	border:solid 1px #c5c5c5;
	padding:15px 9px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);

}

.tenpo_details #main{ margin-bottom:85px;}
.tenpo_details h2 strong,
.tenpo_details h3 strong,
.tenpo_details .non{ display:none;}

.tenpo_details h2{ margin:20px 0 60px;}
#shoplist00{ margin-bottom:30px;}

.tenpo_txt{ text-align:center; padding:35px 0; margin-bottom:60px;}

.tencho{
	background:url("/common/img/tenpo/bg.png");
	padding:25px 0 30px;
	margin-bottom:40px;
	text-align:center;
}

.tencho h3{ font-size:2.1rem;}
.tencho h3:first-line{ font-size:1.4rem;}
.tencho ul{
	display:flex;
	flex-direction:row-reverse; 
	width:55%; text-align:left; margin:25px auto 0;
	font-size:1.1rem;
	}
.tencho li:first-child{ width:66px; margin-left:20px;}
.tencho li:first-child img{ max-width:66px !important;}

.infotenpo_w{ text-align:center; margin:20px 0 50px;}
.infotenpo{
	margin-bottom:20px;
	text-align:start;
	display:inline-block;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.infotenpo h3{ margin-left:70px;}
.infotenpo p{ margin-top:2em;}
@media (min-width: 681px) {
.infotenpo p{margin-left: 1.5rem;}
}
.infotenpo h4{ text-align:end; margin-right:45px;}

.oshinagaki{ position:relative;}
.oshinagaki_tit {
	position:absolute;
	top:0; right:0;
	height:204px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.oshinagaki_tit h3{ margin-left:25px;}

.oshinagaki_tit strong{ font-size:1.2rem; display: inline-block; margin-left:20px; }
.oshinagaki_tit p{ 
	font-size:10px;
	letter-spacing:-1px;
}


#tenpoCook:after {
  clear: both;
  content: '';
  display: block;
}
#tenpoCook li{ float:left; width:50%; height:408px; display:block; font-size:1rem; }
#tenpoCook li div{padding-top:24px; display:inline-block; max-width: 35em;}
#tenpoCook li h4{ font-size:1.6rem; margin-bottom:18px;}

#tenpoCook li img{ 
	height:204px;
}
#tenpoCook li:nth-child(2){ margin-top:204px;}
#tenpoCook li:nth-child(even){ text-align:right;}
#tenpoCook li:nth-child(even) div{ text-align:left;}
#tenpoCook li:nth-child(odd){ margin-top:-204px;}

#tenpoCook li:first-child{ margin-top:0;}


#shoplist-new{
	background-color:#eaf3ee;
	background-image:
		url(/common/img/tenpo/univoftokyo_bg2.png),
		url(/common/img/tenpo/univoftokyo_bg2.png);
	background-repeat:repeat-x;
	background-position:top, bottom;

}
#shoplist-new .inner_l{
	padding:60px 86px;
}

.shoplist-new_txt{ padding:0 0 0 233px;}
.shoplist-new_txt p{ margin-bottom:1em;}

#shoplist02{
	background:#e6e2db;
}

#shoplist02 .inner_l{
	background:url("/common/img/tenpo/tit03.png") no-repeat 92% 29px;
	padding:30px 0;
	position:relative;
}
#shoplist02 ul{
	display: table;
	margin:0 auto;
	border-collapse:collapse;
	font-size:1rem;
	width:70%;
	background:#793c3a;
}
#shoplist02 ul li{
	display:table-cell;
	vertical-align:top;
	color:#fff; width:50%;
}

#shoplist02 ul li:first-child{ padding:15px;}

#shoplist02 ul li h4{ font-size:1.3rem;}


#shoplist03{
	position:relative;
	padding-left:20%;
	padding-top:50px;
	margin-top:50px;
}

#shoplist03 h3{
	position: absolute;
	left:0; top:0;

}
.tenpo_returnlink{
	position: relative;
	left:inherit;
	bottom: inherit !important ;
	margin-left:-20%;
}
.tenpo_returnlink a{ color:#000; text-decoration:none;}
#shoplist03 table{width:100%; border-top: solid 1px #c5c5c5; margin-bottom:20px;}
#shoplist03 table th,
#shoplist03 table td{
	text-align:left;
	border-bottom: solid 1px #c5c5c5; padding:12px;
}



#shoplist04 ul{
	border: solid 1px #c5c5c5;
	margin-bottom:30px;
	text-align:center;
	line-height:1;
}
#shoplist04 ul li:first-child{border-bottom: solid 1px #c5c5c5; background:#793c3a; color:#fff; font-size:1.8rem; padding:8px;}
#shoplist04 ul li:nth-child(2){ font-size:2.5rem; padding:20px;}
#shoplist04 a{ text-decoration:none;}

#shoplist04 ul li:nth-child(2) a.net{
	display:inline-block; border:solid 1px #c5c5c5; font-size:1.3rem; vertical-align:middle; padding:5px 1em;
	color:#333; text-decoration:none; margin-bottom:5px;
}


#shoplist05 {padding-left: 20%; margin-bottom:50px;}
#shoplist05 ul li{ display:inline-block; width:31%; height:150px; margin-bottom:30px; margin-right:2%;}
#shoplist05 ul li:nth-child(3n){ margin-right:0;}

#shoplist05 ul li img{
	width:100%;
	height:100%;
	object-fit:contain;
	padding: 5px;
	background-color: #eee;
}


/**/


/* 山上会館ご予約フォーム
--------------------------------------------------------------------------------------*/

.yoyaku table{ width:100%; margin:30px 0 45px;}
.yoyaku th,
.yoyaku td{padding:17px 16px; vertical-align:top;}

.yoyaku th{
	border-top:solid 1px #dfccca;
	width:218px;
	text-align:left;
	vertical-align:middle;
}
.yoyaku tr:last-child th{border-bottom:solid 1px #dfccca;}

.yoyaku_td{border-top:solid 1px #ececec;}
.yoyaku tr:last-child .yoyaku_td{border-bottom:solid 1px #ececec;}
.choice_box,
.buffet,
.none {
	display: none;
}


[id^="choice"], [id*=" choice"]{ padding-top:20px;}
.yoyaku h3{ font-size:18px;}
.yoyaku .yoyaku_li .mwform-radio-field{ display:block; font-size:15px; margin-bottom:1em; padding-left:1em;}
.yoyaku_li label{cursor:pointer;}
.yoyaku td table{ margin:0 !important;}
.yoyaku td table td{
	border:solid 1px #ececec;
	font-size:12px;
}
.yoyaku td .buffet li{ padding-left:1.5em;}

.yoyakutit{
	border:none;
	height:1px;
	background:#c09994;
	margin:15px 0;
}

.yoyaku_hr{
	border:none;
	height:1px;
	background:#c09994;
	margin:30px 0;
}



/* 2021-------------------- */
.btn_2021{
	position:absolute;
	left:0;
	bottom:28px;
	width: 100%;
	text-align: center;
}
.btn_2021 .in{position:relative;}
.btn_2021 a.linebtn{display: inline-block; vertical-align: top; margin: 0 5px;}
.btn_2021 .btn_over{opacity:0; transition : 1s;}
.btn_off{ position:absolute;}
.btn_2021 a.linebtn:hover .btn_off{opacity:0; transition : 1s;}
.btn_2021 a.linebtn:hover,
.btn_2021 a.linebtn:hover .btn_over{opacity:1; transition : 1s;}
.btn10th{display: inline-block; vertical-align: bottom; margin: 0 5px;}
.acf-map{ height:auto !important;}

.svg_1{fill:#fff;}
a .svg_2{fill:url(#off); }
.svg_3{fill:#cb3b08;}
.svg_4{fill:#0068b6;}
.svg_5{stroke:#9f3427;}
.svg_5,
.svg_6{fill:none;stroke-miterlimit:10;stroke-width:1.88px;}
.svg_7{fill:#08b6ec;opacity:.92;}
.svg_8{fill:#e50012;}
.svg_6{stroke:#0068b6;}
.svg_9{fill:#231815;}
.svg_10{fill:#9f3427;}

a:hover #stop1{
   animation: stop1 2s ease-in-out infinite alternate;
}
a:hover #stop2{
   animation: stop2 2s ease-in-out infinite alternate;
}
@keyframes stop1{
   0% {stop-color: #08bce9;}
   100% {stop-color: #0068b6;}
}
@keyframes stop2{
   0% {stop-color: #0068b6;}
   100% {stop-color: #08bce9;}
}

/* 2024年ボタン */
.b2024{
	display: inline-flex;
	justify-content:center;
	gap:18px;
}
.b2024 svg{vertical-align: top; max-width: 100%;}
	.b2024 a,
	.b2024 span{display: block;}
	.b2024 a{
		padding: 3px;
		border-radius: 10px;
		max-width: 354px;
	}
	.b2024 span{
		background: #fff;
		border-radius: 7px;
	}

      .linkin2,
	  .linktk3{fill: none;}

	.linktk1 {fill: #231815;}
	.linktk2 {fill: #fe2c55;}
	.linktk4 {fill: #25f4ee;}
	
	.btn_inst a{
		background: url("../../../../common/img/btn_inst.png");
		background-size: 100% 100%;
	}
	.btn_tik a{ background:#231815;}
	
	.b2024 a:hover{opacity: 1!important;}
	.b2024 a:hover span{background-color: transparent!important;}
	
	.btn_inst a:hover .linkin4{fill: #fff;}
	
	
	.inst_txt .linkin1{fill: #231815;}
	.inst_logo_w .linkin1{fill: #fff;}

.b2024 a:hover .cls-5{opacity: 0;}
.b2024 a:hover .linkin1{fill: #fff;}

.b2024 a:hover .linktk1 {fill: #fff;}

/* 2025-大街道店ボタン追加 */
.btn_epark_b .inner{
	padding-top: 96px;
}

.btn_epark{
	position: fixed;
	top: 88px;
	right: 0;
	
}
.btn_epark div[data-epark-widget]{
	border: 1px solid #411F1F;
	max-width: 360px;
	width: 100%;
	flex-wrap:nowrap!important;
	padding: 0 5px 0 0;
}
.btn_epark div[data-epark-waitings-title]{font-size: 14px; padding: 5px;}

.btn_epark div[data-copyright="byepark"]{display: none;}


.company_no{
counter-reset: number 0;
display: inline-block!important;
text-align: left;
}
.company_no li{
display: flex;
margin-bottom: 1.3rem;
text-align: justify;
}
.company_no li::before{
counter-increment: number 1;
content: counter(number) "｜";
font-size: 120%;
white-space: nowrap;
}
.company_no li strong{
font-size: 120%;
}



