@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*-- 後に修正メモ 
①header-container.phpのロゴタグの生成
generate_the_site_logo_tagを後で消去した方がいいかも？
②footer-bottom.php の呼び込みを消去

--*/


*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}


html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}


a {
  color: #332626;
}


.p-t00{ padding-top:0px !important;}.p-t05{ padding-top:5px !important;}.p-t10{ padding-top:10px !important;}.p-t15{ padding-top:15px !important;}.p-t20{ padding-top:20px !important;}.p-t30{ padding-top:30px !important;}.p-t40{ padding-top:40px !important;}.p-t45{ padding-top:45px !important;}.p-t50{ padding-top:50px !important;}.p-t60{ padding-top:60px !important;}
.p-b00{ padding-bottom:0px !important;}.p-b05{ padding-bottom:5px !important;}.p-b10{ padding-bottom:10px !important;}.p-b15{ padding-bottom:15px !important;}.p-b20{ padding-bottom:20px !important;}.p-b30{ padding-bottom:30px !important;}.p-b40{ padding-bottom:40px !important;}.p-b45{ padding-bottom:45px !important;}.p-b50{ padding-bottom:50px !important;}.p-b60{ padding-bottom:60px !important;}
.p-l00{ padding-left:0px !important;}.p-l05{ padding-left:5px !important;}.p-l10{ padding-left:10px !important;}.p-l15{ padding-left:15px !important;}.p-l20{ padding-left:20px !important;}.p-l30{ padding-left:30px !important;}.p-l40{ padding-left:40px !important;}.p-l45{ padding-left:45px !important;}.p-l50{ padding-left:50px !important;}.p-l60{ padding-left:60px !important;}.p-l70{ padding-left:70px !important;}.p-l80{ padding-left:80px !important;}.p-l90{ padding-left:90px !important;}.p-l100{ padding-left:100px !important;}.p-l100{ padding-left:100px !important;}.p-l150{ padding-left:150px !important;}.p-l200{ padding-left:200px !important;}.p-l250{ padding-left:250px !important;}.p-l300{ padding-left:300px !important;}.p-l350{ padding-left:350px !important;}.p-l400{ padding-left:400px !important;}.p-l450{ padding-left:450px !important;}
.p-r00{ padding-right:0px !important;}.p-r05{ padding-right:5px !important;}.p-r10{ padding-right:10px !important;}.p-r15{ padding-right:15px !important;}.p-r20{ padding-right:20px !important;}.p-r30{ padding-right:30px !important;}.p-r40{ padding-right:40px !important;}.p-r45{ padding-right:45px !important;}.p-r50{ padding-right:50px !important;}

.m-t00{ margin-top:0px !important;}.m-t05{ margin-top:5px !important;}.m-t10{ margin-top:10px !important;}.m-t15{ margin-top:15px !important;}.m-t20{ margin-top:20px !important;}.m-t30{ margin-top:30px !important;}.m-t40{ margin-top:40px !important;}.m-t45{ margin-top:45px !important;}.m-t50{ margin-top:50px !important;}.m-t60{ margin-top:60px !important;}
.m-b00{ margin-bottom:0px !important;}.m-b05{ margin-bottom:5px !important;}.m-b10{ margin-bottom:10px !important;}.m-b15{ margin-bottom:15px !important;}.m-b20{ margin-bottom:20px !important;}.m-b30{ margin-bottom:30px !important;}.m-b40{ margin-bottom:40px !important;}.m-b45{ margin-bottom:45px !important;}.m-b50{ margin-bottom:50px !important;}.m-b60{ margin-bottom:60px !important;}
.m-l00{ margin-left:0px !important;}.m-l05{ margin-left:5px !important;}.m-l10{ margin-left:10px !important;}.m-l15{ margin-left:15px !important;}.m-l20{ margin-left:20px !important;}.m-l30{ margin-left:30px !important;}.m-l40{ margin-left:40px !important;}.m-l45{ margin-left:45px !important;}.m-l50{ margin-left:50px !important;}.m-l60{ margin-left:60px !important;}.m-l70{ margin-left:70px !important;}.m-l80{ margin-left:80px !important;}.m-l90{ margin-left:90px !important;}.m-l100{ margin-left:100px !important;}.m-l150{ margin-left:150px !important;}
.m-r00{ margin-right:0px !important;}.m-r05{ margin-right:5px !important;}.m-r10{ margin-right:10px !important;}.m-r15{ margin-right:15px !important;}.m-r20{ margin-right:20px !important;}.m-r30{ margin-right:30px !important;}.m-r40{ margin-right:40px !important;}.m-r45{ margin-right:45px !important;}.m-r50{ margin-right:50px !important;}.m-r60{ margin-right:60px !important;}


.logo-header{
	display:none;
}
.footer-bottom{
	display:none;
}


.pc-only {
}
.sp-only {
	display: none;
}


.small{font-size: 0.8em;}
.small2{font-size: 0.6em;}
.small3{font-size: 0.4em;}
.big{font-size: 1.2em;}
.big2{font-size: 1.4em;}
.big3{font-size: 1.6em;}

.bold {font-weight: bold;}

.red {  color: #d60033;}
.blue {  color: #1e47b7;}
.green {  color: #26966d;}


.m-red {background: linear-gradient(transparent 60%, #ffd0d1 60%);}

.m-blue {background: linear-gradient(transparent 60%, #a8dafb 60%);}

.m-yellow {background: linear-gradient(transparent 60%, #ff9 60%);}






body {
  font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

/*-- スライダー＆ヘッダーエリア関連 --*/

#wrap-area{
	display:flex;
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	justify-content: center;
}

#left-area{
	width:50%;
	max-width: 640px;
}

#right-area{
	width:50%;
	max-width:700px;
}

#fix-area{
	position:fixed;
	width: 50%;
}

.wrap {
  width: 100%;
}

.yui-logo{
	position: absolute;
	left: 40px;
	top: 40px;
	z-index: 999;
}

.yui-subt{
	position: absolute;
	left: 220px;
	top: 40px;
	z-index: 999;
	font-size:1.2rem;
	color:#ffffff;
	font-family:游ゴシック体, Medium;
}


#yui-header-wrap{
display:flex;
display : -webkit-box;  
display : -webkit-flex; 
display : -ms-flexbox;  
-webkit-flex-wrap: wrap;
-ms-flex-wrap    : wrap;
flex-wrap        : wrap;
justify-content: space-between;
}


#yui-header-menu{
	background:#4D3B36;
	height:100px;
	flex: 1;
	margin-left: -2px;
	color:#ffffff;
	padding: 24px 0;
	z-index: 0;
	font-size: clamp(1.1rem, 2.3vw/2, 1.4rem);
}

#yui-header-menu ul{
	display:flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
	padding-left: 24px;
}
#yui-header-menu ul li{
	text-align: center;
	list-style: none;
/*-- 	font-size: 1.4rem; --*/
	
	font-weight: bold;
	border-right: 1px solid #ACC63D;
	line-height: 14px;
	letter-spacing: 0.28px;
	opacity: 1;
}

#yui-header-menu ul li a{
	color:#ffffff;
	text-decoration: none;
	padding: 0 16px;
}

#yui-header-menu ul li a:first-child{
}

#yui-header-menu ul li:last-child{
		border:none;
}
#yui-header-menu a{
		position: relative; 
}


#yui-header-menu a::after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 14px;
background: #ACC63D;
bottom: 2px;               /*アンダーラインがaタグの下端から現れる*/
transform: scale(0, 1);     /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
transform-origin: left top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
transition: transform 0.3s; /*変形の時間*/
z-index: -1;
}



#yui-header-menu a:hover::after {
transform: scale(1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
}



#yui-header-cart{
	background:#332626;
	width:100px;
	height:100px;
	color:#ffffff;
	
	display:flex;
	display : -webkit-box;  
	display : -webkit-flex; 
	display : -ms-flexbox;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap    : wrap;
	flex-wrap        : wrap;
	justify-content: center;
	align-items: center;
}



/*-- メインコンテンツ --*/

#w700{max-width:700px;}

.w520{max-width:520px;}
.w500{max-width:500px;}


.main {
padding:0 6.2% 0  9.3%;
padding-bottom:0px;
}
.content{
	margin-top:0px;
}

.page-id-5992 .main,
.page-id-6001 .main,
.page-id-71 .main{
	background:#EBE9DF;
}

img{vertical-align: top;}


/*-- フッターエリア --*/

#footer{
	margin-top:0px;
	background: #332626;
	color: #fff;
	font-size:1.4rem;
	padding:60px 10px;
}

#footer-in{
	max-width: 640px;
	padding: 0 50px;
	margin:0;
}



#footer-up-area{
	text-align:center;
	
}
.footer-logo{
	margin-bottom:40px;
}
.footer-title{
	font-size:2.0rem;
	line-height: 20px;
	font-weight:bold;
	margin-bottom:22px;
	letter-spacing: 0.4px;
}
.footer-title span{
	font-size:1.6rem;
	letter-spacing: 0.32px;
}
.footer-address{
	font-size:1.4rem;
	line-height: 14px;
	margin-bottom:40px;
	letter-spacing: 0.28px;
}
.footer-kochira{
	font-size:1.4rem;
	line-height: 14px;
	font-weight:bold;
	margin-bottom:12px;
	letter-spacing: 0.28px;
}
.footer-tel{
	font-size:3.6rem;
	line-height: 36px;
	font-weight:bold;
	margin-bottom:12px;
	letter-spacing: 0.72px;
}
.footer-time{
	font-size:1.2rem;
	line-height: 12px;
	margin-bottom:40px;
	letter-spacing: 0.24px;
}



.footer-under-area{
	display:flex;
	display : -webkit-box; 
	display : -webkit-flex;
	display : -ms-flexbox; 
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap    : wrap;
	flex-wrap        : wrap;
	padding-bottom: 20px;
}

.footer-MenuWrap{
	display:flex;
	font-size:1.6rem;
	line-height: 24px;
	letter-spacing: 0.32px;
	justify-content: space-between;
}
.footer-MenuWrap ul{
	list-style-type: none;
	padding-left: 0;
}
.footer-MenuWrap ul li{
	padding-bottom: 20px;
}
.footer-MenuWrap ul li a{
	color:#fff;
	text-decoration:none;
}

ul.footer-MenuL{
	
}
ul.footer-MenuC{
	
}
ul.footer-MenuR{
	
}

#LightBrown-area{
	background:#4D3B36;
	margin:0px 0px 0px 0px;
	padding:14px 10px 90px;
}

.LastMenu-area{
	padding:0px 50px 0px 54px;
	max-width:640px;
}

ul.LastMenu{
display:flex;
justify-content: space-between;
padding-left: 0px;
	margin-bottom:8px;
color:#ffffff;
}
ul.LastMenu li{
list-style: none;
font-size:1.2rem;
line-height:24px;
letter-spacing: 0.24px;
}
.LastMenu a{
text-decoration: none;
	color:#fff;
}


.LastMenu-area .copy{
font-size:1.2rem;
line-height:24px;
letter-spacing: 0.24px;
color: #FFFFFF;
opacity: 0.5;
text-align:center;
}


#mobile-header-wrap {
    display: none;
}


/*-- 細かい設定：トップページ --*/

.tagline{margin: 0em 0em;}


ul.toplink-r{
padding:20px 11px 8px 0px;
max-width:580px;
}

ul.toplink-r li{
text-align: right;
letter-spacing: 0.28px;
color: #332626;
opacity: 1;
list-style: none;
font-size:1.4rem;
line-height: 14px;
padding-bottom: 16px;
}

.toplink-r li a{
text-decoration: none;
position: relative; 
padding: 0 2px 0 5px;
}


.toplink-r a::after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 18px;
background: #ACC63D;
bottom: 0px;
transform: scale(0, 1);
transform-origin: left top;
transition: transform 0.3s;
z-index: -1;
}

.toplink-r a:hover {
color:#332626;
}


.toplink-r a:hover::after {
transform: scale(1, 1);
}




.top-copy{
/*-- font-size:4.0rem; --*/
font-size: clamp(2.5rem, 40 /1280 * 100vw, 4.0rem);
/*-- line-height:58px; --*/
line-height:clamp(2.5rem, 58 /1280 * 100vw, 5.8rem);
font-family: 'Shippori Mincho', serif;
padding-bottom:40px;
letter-spacing: 0.8px;
color: #332626;
opacity: 1;
}

.top-message{
/*-- font-size:1.6rem; --*/
font-size: clamp(1.3rem, 16 /1100 * 100vw, 1.6rem);
line-height:30px;
letter-spacing: 0.32px;
padding-bottom:60px;
color: #332626;
opacity: 1;
}

.top-img{
}

p.top-midashi01{
font-size:3.2rem !important;
line-height:43px !important;
font-family:'Cinzel', serif !important;
letter-spacing: 0.64px !important;
color: #332626 !important;
opacity: 1 !important;
padding-bottom:20px !important;
}

p.top-midashi02{
font-size:2.4rem !important;
line-height:30px !important;
font-weight:bold;
letter-spacing: 0.48px !important;
color: #332626 !important;
opacity: 1 !important;
}


p.top-midashi03{
font-size:2.0rem !important;
line-height:30px !important;
font-weight:bold;
letter-spacing: 0.4px !important;
color: #332626 !important;
opacity: 1 !important;
padding-bottom:15px !important;
}

p.coordi-midashi{
font-size:3.2rem !important;
line-height:54px !important;
font-weight:bold;
letter-spacing: 0.64px !important;
color: #332626 !important;
opacity: 1 !important;
padding-bottom:20px !important;
}



.wideBox-right{
/*-- margin-right: -11.9%; --*/
margin-right: -7.9%;
margin-bottom:40px;
}

#news-area{
max-width:560px;
}


.news-wrap{
background: #FFFFFF 0% 0% no-repeat padding-box;
opacity: 1;
padding:20px 32px 13px 40px;
/*-- margin-left:40px; --*/
margin-left:clamp(2.5rem, 40 /1280 * 100vw, 4.0rem);
margin-bottom:80px;
/*-- margin-right:-11.9%; --*/
margin-right:-7.9%;
}

.news-wrap dl {
display: flex;
flex-wrap: wrap;
font-size:1.4rem;
line-height:20px;
letter-spacing: 0.28px;
color: #332626;
opacity: 1;
}
.news-wrap dl dt {
min-width: 86px;
margin-bottom:6px;
}
.news-wrap dl dd {
width: calc(100% - 90px);
}


#collection-area{
max-width:520px;
padding-bottom:80px;
}
.coll-message,
.lineup-message,
.schedule-message{
/*-- font-size:1.6rem; --*/
font-size:clamp(1.3rem, 16 /1100 * 100vw, 1.6rem);;
line-height:30px;
letter-spacing: 0.32px;
padding-bottom:40px;
color: #332626;
opacity: 1;
}


.coll-img{
margin-bottom:20px;
}

#collection-area p{
font-size:1.4rem;
font-height:24px;
letter-spacing: 0.28px;
color: #332626;
opacity: 1;
}

.imageBox-2-wrap{
display:flex;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
justify-content: space-between;
margin-top:0px;
margin-bottom:40px;
gap: 10px;
}

.imageBox-2-wrap .imageBox-2{
	max-width:250px;
	width:48%;
}

.imageBox-2-wrap .imageBox-2 img{
	margin-bottom:20px;
}

.imageBox-only-wrap{
display:flex;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
justify-content: space-between;
margin-top:0px;
margin-bottom:20px;
gap: 10px;
}


img.imageBox-only {
	max-width:250px;
	width:48%;
}




#white-area{
	background:#fff;
	margin:0px -7.6% 0px -11%;
	padding:60px 6.2% 20px 9.3%;
	overflow: hidden;
}

#lineup-area{
	
}

#lineup-area .box-right{
	margin: 0 0px 40px 60px;
	max-width:520px;
	width:100%;
}
#lineup-area .box-left{
	margin: 0 0px 40px 0px;
	max-width:520px;
	width:100%;
}

#lineup-area .box-right p,
#lineup-area .box-left  p{
font-size:2.8rem;
line-height:40px;
font-family: 'Shippori Mincho', serif;
letter-spacing: 0.56px;
color: #332626;
opacity: 1;
margin-bottom:20px;
}

#lineup-area .box-right p span,
#lineup-area .box-left  p span{
font-size:1.6rem;
line-height:22px;
font-family:'Cinzel', serif;
letter-spacing: 0.32px;
}

#howto-area{
	margin:60px 0px 60px 0px;
	padding:0px;
}

#howto-area .howto-message,
#blog-area .blog-message,
#photo-area .photo-message,
#safe-area .safe-message
{
font-size:1.6rem;
line-height:30px;
letter-spacing: 0.32px;
color: #332626;
opacity: 1;
}

.howtoBox-wrap{
	display:flex;
	display : -webkit-box; 
	display : -webkit-flex;
	display : -ms-flexbox; 
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap    : wrap;
	flex-wrap        : wrap;
	margin: 40px 0 64px;;
	column-gap: 20px;
max-width: 540px;
}

.howtoBox{
	width: 160px;
	margin-bottom:20px;
}

.white-circle{
	width: 160px;
height: 160px;
background: #FFFFFF;
border-radius: 50%;
display:flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
}

.how-title{
text-align: center;
font-size:1.6rem;
font-weight:bold;
line-height:20px;
letter-spacing: 0.32px;
color: #332626;
opacity: 1;
margin-bottom:8px;
}

.howtoBox p{
font-size:1.4rem;
line-height:20px;
letter-spacing: 0.28px;
color: #332626;
opacity: 1;
}



/*-- フォトウェディング ページ --*/


#point-area{
max-width:560px;
}


.point-wrap{
background: #FFFFFF 0% 0% no-repeat padding-box;
opacity: 1;
padding:20px 32px 13px 40px;
/*-- margin-left:40px; --*/
margin-left:0;
margin-bottom:60px;
/*-- margin-right:-11.9%; --*/
margin-right:-7.9%;
}

.point-wrap ul {
font-size:1.6rem;
line-height:30px;
letter-spacing: 0.32px;
color: #332626;
opacity: 1;
    list-style: none;
    padding-left: 1em;
    text-indent: -1em;
}
.point-wrap ul li {
min-width: 86px;
margin-bottom:10px;
}

#price-area{
max-width:520px;
}

#price-area .kakaku{
font-size:2.8rem;
line-height:30px;
font-weight:bold;
letter-spacing: 0.56px;
color: #332626;
margin-bottom:19px;

}
#price-area .kakaku span{
font-size:1.6rem;
font-weight:500;
}


.L-line-box{
	padding-left:20px;
	border-left:1px solid #8f8782;
	max-width:520px;
	width:auto;
}

#price-area .price-midashi{
font-size:1.4rem;
line-height:24px;
font-weight:bold;
margin-bottom: 6px;
}
#price-area ul.kakaku-list{
font-size:1.4rem;
line-height:20px;
    list-style: none;
    padding-left: 1em;
    text-indent: -1em;
}

#price-area ul.kakaku-list li{
margin-bottom:6px;
	
}

#price-area ul.kakaku-list li span{
	color:#ACC63D;
}
#price-area ul.kakaku-list li.small{
	font-size:12px;
	letter-spacing: 0.24px;
}


.imageBoxThin-2-wrap{
display:flex;
justify-content: space-between;
margin-top:10px;
margin-bottom:40px;
gap: 10px;
}

.imageBoxThin-2-wrap .imageBox-2{
	max-width:255px;
	width:255px;
}

.imageBoxThin-2-wrap.imageBox-2 img{
	margin-bottom: 0px;
}

.L-line-box p.message{
font-size:1.4rem;
line-height:24px;
letter-spacing: 0.28px;
margin-bottom:10px;
}
.L-line-box p.message-small{
font-size:1.2rem;
line-height:20px;
letter-spacing: 0.24px;
}

.L-line-box p.con-message{
font-size:1.6rem;
line-height:30px;
letter-spacing: 0.32px;
margin-bottom:10px;
}



#schedule-area{
	width:auto;
	max-width:500px;
	
}

.schedule-box-wrap {
  display: flex;
}

.schedule-box-left {
  width: 100px;
  height: auto;
  margin-right:20px;
}

.schedule-box-left p.flow-no {
text-align: center;
font-size:6.4rem;
line-height:76px;
font-family:'Cinzel', serif !important;
letter-spacing: 1.28px;
color: #332626;
opacity: 1;
}

.schedule-box-left .flow-no-img {
width:100px;
}

.schedule-box-right {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.schedule-box-right p {
}

.flow-title {
  font-size: 1.8rem;
  font-weight: bold;
line-height:30px;
letter-spacing: 0.36px;
margin-bottom:10px;
}

.flow-bun {
  font-size: 1.6rem;
  font-weight: 400;
line-height:30px;
letter-spacing: 0.32px;
margin-bottom:10px;
}


.tate-line {
	width:50px;
	height:40px;
	border-right:1px solid #aaa;
	margin:20px 0px;
}

.ChuShaku{
  font-size: 1.2rem;
line-height:20px;
letter-spacing: 0.24px;
margin-bottom:40px;
}

/*--  conceptページ --*/

#point02-area{
	margin-top:60px;
	margin-bottom:60px;
	
}



/*-- bottom共通エリア --*/


#expand-area{
	margin:0px -7.6% 0px -11%;
	padding:0px 6.2% 0px 9.3%;
	background:#EBE9DF;
}


#insta-area{
	margin:00px 0px 0px 0px;
	padding:60px 0 0 0px;
	max-width:540px;
}

.insta-wrap{
	display:flex;
	flex-wrap: wrap;
	max-width: 540px;
}

.instaBox{
}


#blog-area{
	margin:0px 0px 0px 0px;
	padding:60px 0 0 0px;
	max-width:520px;
}


.blog-img{
	margin: 40px 0 32px;
}

#photo-area{
	margin:00px 0px 0px 0px;
	padding:0px;
	max-width:520px;
}


.photo-img{
	margin: 40px 0 32px;
}

.btn01{
display: inline-block;
cursor: pointer;
width: 280px;
height: 48px;
border: 1px solid #332626;
border-radius: 24px;
opacity: 1;
text-align: center;
font-size:1.6rem;
font-weight:bold;
line-height: 48px;
text-decoration: none;
letter-spacing: 0.32px;
color: #332626;
margin-bottom:40px;
}

.right-yose{
	text-align:right;
}


#safe-area{
margin: 0px;
padding: 0px;
max-width: 520px;
}

#safe-area .safe-message2{
font-size:1.4rem;
line-height:24px;
letter-spacing: 0.28px;
color: #332626;
opacity: 1;
margin-top:40px;
margin-bottom:90px;
}



/*-- 

.go-to-top {
  position: fixed;
  left: 72%;
  transform: translateX(-50%)
             translateY(-50%);
}

.go-to-top-button {
    background-color: #06c755;
  color: #fff;
  font-size: 1.8rem;
  width: 420px;
height: 60px;
border-radius: 30px;
}

.to-top a{text-decoration: none;}

.fa-line{}

.line-green{color: #fff;
padding-right:20px;
}
 --*/

.cat-link {
font-size:1.4rem;
line-height:14px;
 background-color: #fff;
 color: #9A9A9A;
 border-radius: 16px;
 border: 1px solid #9A9A9A;
 padding: 9px 12px;
}

.cat-link .fa::before{
 display:none;
}

.categoryid-8 #breadcrumb {display:none;}


/*-- 20230705 --*/
.itemsubimg{
	display: flex;
	flex-wrap: wrap;
	gap: 11px;
	width: auto;
	max-width: 530px;
	margin: 20px 0px 40px 0px;
}

.itemsubimg a{
	display: block;
	width: 22.7%;
}



.itemsubimg img{
	object-fit: cover;
	padding: 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}

.item-name{
font-size:3.6rem;
line-height:58px;
letter-spacing: 0.72px;
color: #332626;
opacity: 1;
margin-bottom:20px;
}

.tax_inc_block{
font-size:2.8rem;
line-height:30px;
letter-spacing: 0.56px;
color: #D94366;
font-weight:bold;
}

.tax_inc_block .tax_inc_label{
font-size:1.6rem;
line-height:30px;
letter-spacing: 0.32px;
color: #332626;
font-style: normal;
}


.item_page_title{
	font-size:13px;
	line-height:16px;
	margin-bottom: 20px;
	letter-spacing: -0.3px;
}
 
#itempage h3{
font-size:2.0rem;
line-height:30px;
letter-spacing: 0.4px;
color: #332626;
}

.item-description{
	padding:20px 0 40px;
}

.item-description p{
font-size:1.6rem;
line-height:30px;
letter-spacing: 0.32px;
color: #332626;
}


.set-item-desc{
font-size:1.6rem;
line-height:30px;
letter-spacing: 0.32px;
border-bottom:2px solid #d4d1d1;
padding:20px 0 60px;
margin:0px 0 40px;

}

.item-info{
padding-bottom:60px;
border-bottom:2px solid #d4d1d1;
}

.cart-note{
font-size:1.4rem;
line-height:24px;
letter-spacing: 0.28px;
}


.item-info-wrap{
	margin:20px 0 40px;
}

.item-info-wrap table tr{
	border-bottom:2px solid #d4d1d1;
}
.item-info-wrap table th,
.item-info-wrap  table td {
	border:none;
	background:#fff;
	text-align:left;
font-size:1.8rem;
line-height:30px;
letter-spacing: 0.36px;
color: #332626;
opacity: 1;
padding:20px 0px;
}
.item-info-wrap table th{
width: 168px;
font-weight:bold;
}
.item-info-wrap  table td {
width: calc(100% - 168px);
}


dl.item-option{margin-bottom:40px;}

dl.item-option dt{
	font-size: 1.6rem;
	font-weight:bold;
	line-height:30px;
	margin-bottom:12px;
}

dl.item-option dd{
  position: relative;
  z-index: 1;
}



dl.item-option dd::after{
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  right: 40px;
  top: 33%;
  transform: translateY(-50%) rotate(45deg);
  border-bottom: 2px solid #332626;
  border-right: 2px solid #332626;
  /*-- z-index: -1; --*/
}

dl.item-option dd .iopt_select,#itempage .iopt_text{
	font-size: 1.6rem;
	line-height:30px;
	padding: 9px 60px 9px 40px;
	color: #332626;
	border: 0 solid #fff;
	text-indent: 0.4em;
	background:#f1f1f1;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	margin-bottom:20px;

  /* 標準ボタン初期化 */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}


#itempage .iopt_select:hover,#itempage .iopt_text:hover{
}
#itempage .iopt_select:focus  ,#itempage .iopt_text:focus  {
	border:red;
}

#itempage .skubutton {
    display:block;
	background:#DA4D6D 0% 0% no-repeat padding-box;
	width:100%;
	height:72px;
	border:0px ;
	padding:0;
	cursor:pointer;
	font-size: 2.4rem;
	font-weight:bold;
	line-height: 20px;
	letter-spacing: 0.48px;
	color: #FFFFFF;
	text-align: center;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	margin-bottom:20px;
}



#itempage .skubutton:hover,
#itempage .skubutton:focus
{
filter: alpha(opacity=60);
moz-opacity:0.6;
opacity:0.6;
}


h3.kanren-h3{
	font-size: 2.0rem;
	font-weight:bold;
	line-height: 30px;
	letter-spacing: 0.4px;
	margin:40px 0;
}

.category-box2-wrap{
	display   :flex;
	flex-wrap : wrap;
	justify-content: space-between;  /*-- 均等割り付け  --*/
}

.category-box2 {
	max-width:160px;
	width: 31.4%;
	padding: 0px 0px 0px 0px;
	margin: 0 0px 40px 0px;
}

.category-box2 .category-img2{
	margin-bottom:20px;
}

.category-content2{
	font-size: 1.6rem;
	line-height: 24px;
	letter-spacing: 0.32px;
}

.category-content2 a{
	text-decoration:none;
}


/*-- カテゴリーページ --*/
.isho-title .fa, .cat-itemname .fa {display:none;}

.isho-title-alphabet p{
font-family:'Cinzel', serif !important;
font-size:3.2rem;
line-height:43px;
letter-spacing: 0.64px;
font-style: normal;
margin-top:40px;
margin-bottom:5px;
}

.isho-title{
font-size:2.0rem;
line-height:30px;
letter-spacing: 0.4px;
font-style: normal;
margin-bottom:5px;
}
.category-page-content{
	margin-bottom:80px;
}

.category-page-content p{
font-size:1.6rem;
line-height:30px;
letter-spacing: 0.32px;
}


.category-box-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.category-box {
	max-width: 250px;
	width: 48%;
	padding: 0px 0px 0px 0px;
	margin: 0 0px 40px 0px;
	background: #ffffff;
	display:flex;
	flex-direction: column;
}

.category-box img{margin-bottom:16px; width:100%;}

a.cat-itemname {
font-size:1.8rem;
line-height:20px;
letter-spacing: 0.36px;
color: #332626;
text-decoration: none;
margin-bottom:12px;
  flex-grow: 1; /* 余白の割り当て */
}

.category-box .tax_inc_block {
font-size:2.4rem;
line-height:30px;
letter-spacing: 0.48px;
color: #D94366;
font-weight: bold;
}

.category-box  .tax_inc_block .tax_inc_label{
font-size:1.4rem;
line-height:30px;
letter-spacing: 0.28px;
font-style: normal;
}


/*-- Blog用 --*/

#blog-single-area h2{
font-size:2.8rem;
line-height:42px;
letter-spacing: 0.56px;
font-style: bold;
border-bottom:2px solid #332626;
background:none;
padding:15px 0;
margin:40px 0;
}

#blog-single-area h3{
font-size:2.4rem;
line-height:42px;
letter-spacing: 0.48px;
font-style: bold;
border:none;
padding:0;
margin:40px 0;
}

#blog-single-area h4{
font-size:2.2rem;
line-height:42px;
letter-spacing: 0.44px;
font-style: bold;
border:none;
background: #ACC63D;
padding:10px 20px;
margin:40px 0;
color:#fff;
}

#blog-single-area .date-tags {
text-align: left; 
font-size:20px !important;
line-height:30px;
letter-spacing: 0.32px;
margin-bottom:13px;

}



ul#hirokore_list{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul#hirokore_list li{
	
}




ul.line_btn{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.line_btn li{
	
}

ul.shichaku_top{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul.shichaku_top li{
	width:30%;

}




#shohin-kaisetsu h3 {
    font-size: 18px;
    margin: 20px 0 10px 0;
    color: #333;
}
#shohin-kaisetsu ul,
#shohin-kaisetsu p,
#shohin-kaisetsu dl {
    font-size: 14px;
    line-height: 1.8;
    color: #555;
}

#shohin-kaisetsu p{
	margin-left:20px;
	margin-right:20px;
}



#shohin-kaisetsu dl {
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    padding: 15px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 1.8;
}

#shohin-kaisetsu dt {
    font-weight: bold;
    color: #c30;
    position: relative;
    padding-left: 1.5em;
    margin-top: 10px;
}

#shohin-kaisetsu dt::before {
    content: "Q.";
    position: absolute;
    left: 0;
    font-weight: bold;
    color: #c30;
}

#shohin-kaisetsu dd {
    margin-left: 1.5em;
    padding: 5px 10px;
    background: #fff;
    border-left: 3px solid #c30;
    color: #333;
}



.fa-clock-o:before,.fa-history:before,.fa-folder-open:before {
    display:none;
}
.entry-categories-tags .tax-icon {
    margin-right: 0em;
}

.fa-fw {
	display: none;
}



.cam-bun{
color:#bf2a4f;
padding-top:5px;
font-weight:bold;
}





/*-- ページネーション --*/
.pagination-next{display:none;}

.pagination .prev, .pagination .next{
  font-size:3.0rem;
	border: none;
}
.page-numbers {
  color: #332626;
  border: 1px solid #332626;
  border-radius: 50%;
  font-size:1.8rem;
  line-height:3.0rem;
  padding:0px;
  width: 32px;
	height: 32px;
}
.pagination .current {
  background-color: #332626;
  color: #fff;
}
.page-numbers.dots {
  opacity: 1;
  background: none;
}
.pagination a:hover {
  background-color: #332626;
  color: #fff;
}


#scrollButton{
	display: none; /* 最初は非表示 */
	position: fixed; /* 画面に固定 */
	text-align:center;
	bottom: 20px;
	cursor: pointer;
}
#scrollButton.show  {
    display: block; /* 表示 */
}

#scrollButton img  {
    width:80%;
}
#scrollButton a:hover img{
filter: alpha(opacity=60);
moz-opacity:0.6;
opacity:0.6;
}

/*-- 追加 2024年09月10日(火) --*/
 
.page-template-uscescart #content{
	padding-bottom:30px;
}

.page-template-uscescart #wc_confirm tr,
.page-template-uscescart #wc_confirm  th,
.page-template-uscescart #wc_confirm  td,
.page-template-uscescart #wc_cart tr,
.page-template-uscescart #wc_cart  th,
.page-template-uscescart #wc_cart  td{
	display:block;
}
.page-template-uscescart #wc_confirm tr,
.page-template-uscescart #wc_cart tr
{margin-bottom:30px;}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}


@media screen and (max-width: 640px){
  /*必要ならばここにコードを書く*/
  
	#left-area{
		width:100%;
		margin-top: 80px;
	}

	#right-area{
		width:100%;
		overflow: hidden;
	}
	#fix-area{
		position:static;
		width: 100%;
	}
	
	#header-container,
	.yui-subt{
		display:none;
	}
  
  
  #mobile-header-wrap {
	  position: fixed;
	  top: 0;
	  left: 0;
	  right: 0;
	  background-color: #4D3B36;
	  height: 80px;
	  display: flex;
	  justify-content: end;
	  align-items: center;
	}
  #mobile-header-wrap div {

	}
	
	#yui-header-cart {
		width: 80px;
		height: 80px;
	}
	
	#yui-header-cart img{
		max-width: 90%;
	}
	
	.yui-logo {
		position: fixed;
		left: 40px;
		top:  20px;
 		width: 140px;
		height: 140px;
	}
	
	/*-- ハンバーガーボタン --*/
	.menu-btn {
/*-- 
	    position: fixed;
	    top: 10px;
	    right: 10px;
--*/
	    display: flex;
/*-- 	    height: 60px; --*/
	    height: 40px;
	    width: 60px;
	    justify-content: center; 
	    align-items: center; 
	    z-index: 90;
	    background-color: #4D3B36;
	}
	.menu-btn span,
	.menu-btn span:before,
	.menu-btn span:after {
	    content: '';
	    display: block;
	    height: 3px;
	    width: 25px;
	    border-radius: 3px;
	    background-color: #ffffff;
	    position: absolute;
	}
	.menu-btn span:before {
	    bottom: 8px;
	}
	.menu-btn span:after {
	    top: 8px;
	}

	#menu-btn-check{display:none;}
	#menu-btn-check:checked ~ .menu-btn span {
	    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
	}
	#menu-btn-check:checked ~ .menu-btn span::before {
	    bottom: 0;
	    transform: rotate(45deg);
	}
	#menu-btn-check:checked ~ .menu-btn span::after {
	    top: 0;
	    transform: rotate(-45deg);
	}

/*-- スライドしてくるメニュー --*/
.hamburger-menu .menu-content {
    width: 75%;
    max-width: 420px;
    height: 100%;
    position: fixed;
    top: 80px;
    right: -100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #EBE9DF;
    transition: all 0.5s;/*アニメーション設定*/
    padding: 40px 60px 0 40px;
}
	
#menu-btn-check:checked ~ .menu-content {
    right: 0%;/*メニューを画面内へ*/
}
.hamburger-menu .menu-content ul {
	padding:0;
	margin:0;
}
.hamburger-menu .menu-content ul li {
	list-style: none;
	margin-bottom:15px;
}
.hamburger-menu .menu-content ul li a {
	display: block;
	width: 100%;
	letter-spacing: 0.48px;
	color:#332626;
	text-decoration: none;
}

.hamburger-menu .menu1{
	font-size: 2.4rem;
	line-height:41px;
	font-weight:bold;
	letter-spacing: 0.48px;
}
.hamburger-menu .menu2{
	font-size: 2.2rem;
	line-height:30px;
	font-weight:normal;
	letter-spacing: 0.44px;
}

.menu-box-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; 
}

.menu-box{
	font-size: 2.0rem;
	line-height:30px;
	color:#332626;
	letter-spacing: 0.4px;
}
.menu-box a{text-decoration:none;}


.hamburger-menu .menu-sns{
	text-align:right;
	margin-top:80px;
}

.hamburger-menu .menu-line{
	border-bottom: 1px solid #332626;
	margin:60px 0px;
}



.toplink-r{display:none;}



#footer-in{
	padding: 0 20px;
	margin:0;
}




}

/*480px以下*/
@media screen and (max-width: 480px){


	.pc-only {
		display: none;
	}
	.sp-only {
		display: block;
	}  



	#left-area{
		margin-top: 40px;
	}
  #mobile-header-wrap {
	  height: 40px;
	}

	#yui-header-cart {
		height: 40px;
	}

	.yui-logo {
		position: fixed;
		left: 20px;
		top:  10px;
		width:  70px;
		height: 70px;
	}

	.hamburger-menu .menu-content {
	    top: 40px;
	}


	.hamburger-menu .menu-content ul li {
	    margin-bottom:10px;
	}

	.hamburger-menu .menu-content ul li a {
	}

	.hamburger-menu .menu-line{
		margin:30px 0px;
	}


	.hamburger-menu .menu1{
	    font-size: 1.8rem;
	    line-height:30px;
	}
	.hamburger-menu .menu2{
	    font-size: 1.6rem;
	    line-height:28px;
	}

	.menu-box{
		font-size: 1.5rem;
		line-height:28px;
	}

	.hamburger-menu .menu-sns{
		margin-top:40px;
	}

	.LastMenu-area {
	    padding: 0px 10px 0px 10px;
	}

	.footer-MenuWrap{
		display:block;
	}

	ul.footer-MenuL{
		display: flex;
		flex-wrap: wrap;
	}
	ul.footer-MenuL li{
		width: 24%;
	}


	ul.footer-MenuC{
		
	}
	ul.footer-MenuR{
		display: flex;
		flex-wrap: wrap;
	}

	ul.footer-MenuR li{
		width: 48%;
	}






}

/*420px以下*/
@media screen and (max-width: 420px){

	ul.footer-MenuR li{
		width: 90%;
	}


	ul.LastMenu {
		flex-wrap: wrap;
	}
	ul.LastMenu li{
		width: 33%;
	}
	ul.LastMenu li.max{
		width: 90%;
	}





}