@charset "shift_jis";
/* --------------------------------------------------------------------------------
			Reset
-------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 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, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}


*, *: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 !important;
}


h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-size:100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* --------------------------------------------------------------------------------
			共通クラス
-------------------------------------------------------------------------------- */

.inner{
	width:1200px;
	margin:0 auto;
	/*padding:0 42px;*/
	}


/* --------------------------------------------------------------------------------
			structure
-------------------------------------------------------------------------------- */
body {
	margin:0;
	padding:0;
	word-break:normal;
	line-height:1.7;
	/*font-size:1.2em;*/
	-webkit-text-size-adjust:100%;
	font-family:"游明朝", "YuMincho", "ヒラギノ???? Pro W3", "Hiragino Mincho Pro", serif;
	/*font-family:"游ゴシ???? Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro";*/
	min-width: 1200px;
}

img {
	max-width:100%;
	height:auto;
	vertical-align:bottom;
	-ms-interpolation-mode:bicubic;
}
a img {
	border:none;
}
a {
	color:#000;
	
}
a:link {
	
}
a:visited {
	text-decoration:none;
}
a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	text-decoration:none;
}
a:active {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	text-decoration:none;
}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}



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

.fixed{
	position:fixed !important;
	top:0;
	left:inherit !important;
	}


/*初期??*/

.fs-l-header__contents{
	display: block !important;
}

.fs-l-header {
    display: block !important;
    padding-top: 0px !important;
    padding: 0;
}


.logout.my-false { display: none; }
.login.my-true { display: none; }
.regist.my-true { display: none; }




/* --------------------------------------------------------------------------------
	審査用??非表示
-------------------------------------------------------------------------------- */

/*.small-bnr{
	display: none!important;
}

#index .cat-list{
	display: none!important;
}

#index .committed{
	display: none!important;
}


#index .gift-service{
	display: none!important;
}


#index .credit{
	display: none!important;
}

#index .contact .more{
	display: none!important;
}

#sub1 .contents-info{
	display: none!important;
}
*/

.voice{
	display: none!important;
}


/* --------------------------------------------------------------------------------
	container
-------------------------------------------------------------------------------- */
#container{
	position:relative;
}

/* --------------------------------------------------------------------------------
	header
-------------------------------------------------------------------------------- */

#header a{
	color: #000;
}



#header{
	width:100%;
	

}


#header .head-inner{
	display: flex;
	justify-content: flex-end;
	position: relative;
	padding: 15px 0;
	height: 220px;

}

#header h1{
	position: absolute;
	width: 139px;
	left: 0;
	right: 0;
	margin: 20px auto;
	
}

#header .g-nav{
	padding: 10px 0;
	border-top: 1px solid #ccc;
	
	
}

#header .g-nav ul{
	display: flex;
	justify-content:space-between;
	align-items: center;
}

#header .g-nav ul li{
	width: 300px;
	text-align: center;
	border-left: 1px solid #ccc;
	font-size: 14px;

}

#header .g-nav ul li:last-child{
	border-right: 1px solid #ccc;
}



#header .my-account{
	text-align: right;

}

#header .my-account ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#header .my-account ul li span::after {
	content: '|';
	display: inline-block;
	padding: 0 15px;
	color: #ccc;
}


#header .my-account ul li:last-child span::after {
	content: '';
	display: inline-block;
	padding: 0;
	
}

.fs-p-headerUtilityMenu__list > li + li {
     margin-left: 0px; 
}


.h-info{
	text-align: center;
	border-top:10px solid #eee;
	border-bottom:10px solid #eee;
	padding: 15px 0;
	font-size: 18px;
}

.h-info span{
	font-size: 70%;
}

/* --------------------------------------------------------------------------------
	slider
-------------------------------------------------------------------------------- */




.top-main {
	position: relative;
	height: 900px;
	width: 100%;
	margin: 0 0 30px;
}

.top-main h1 {
	position: absolute;
	width: 500px;
	top:80px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 9997;
	font-size: 30px;
	text-decoration: underline;
	text-align: center;
	color: #c58d2b;
	line-height: 1.6;
	
}


.top-main .swiper-container-top{
	height: 900px;
	width: 100%;
	overflow: hidden;
}

.top-main .swiper-container-top img{
	height: 900px;
	width: 100%;
	object-fit: cover;
	display: block;

}



@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.top-main .swiper-container-top img{
  animation: fadeIn 4s ease 0s 1 normal;
}

 

.swiper-pagination {
	width: 100%;
	position: static !important;
	padding: 10px 0 0;
	z-index: 9990;
}


.swiper-pagination-bullet-active {
    opacity: 1;
    background: #000 !important;
}

.swiper-pagination-bullet {
    width: 10px!important;
    height: 10px!important;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
	margin: 0 0.3em;
}



section {
	margin: 0 0 30px;
	
}

section h2{
	font-size: 30px;
	margin: 0 0 30px;
	text-align: center;
}

section h2 span{
/*	display: block;
	font-size: 16px;
	color: #000000;
	margin: 5px 0 0;*/
}








/* --------------------------------------------------------------------------------
	wrapper
-------------------------------------------------------------------------------- */
#wrapper{
	
}




/* --------------------------------------------------------------------------------
	sub1
-------------------------------------------------------------------------------- */




#sub1{
	margin: 0;
	width: 230px;
	font-size: 16px;
}


#fs_Top #sub1{
	width: 230px;
}



#sub1 .pick{
	border-bottom: 1px solid #ccc;
	margin: 0 0 30px;
	padding: 0 0 15px;
	
}


#sub1 .cat-list{
	border-bottom: 1px solid #ccc;
	margin: 0 0 30px;
	padding: 0 0 15px;
	
}

#sub1 dt{
	margin: 0 0 15px;
	
}


#sub1 dl dd{
	margin: 0 0 15px;
	padding: 0 0 0 15px;
}



#sub1 .bnr{
	margin: 0 0 1px;
	
}



#sub1 .contents-info {
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
	margin: 2em 0 0;
	
   
}


#sub1 .contents-info .bnr{
	width: 48%;
	margin: 0 0 10px;

}

#sub1 .contents-info .bnr.full{
	width: 100%;
	margin: 0 0 10px;

}


#sub1 .contents-info ul{
	display: flex;
	justify-content: center;
	margin: 10px 0 0;

}

#sub1 .contents-info ul li{
	padding: 0 0.2em;
	

}




#sub1 .search{
	border-bottom: 1px solid #eee;
	margin:0 0 30px;
}


#sub1 .search{
	border-bottom: 1px solid #eee;
	margin:0 0 30px;
	padding: 0 0 30px;
}



#sub1 .search-box {
    border: 1px solid #ccc;
    border-radius: 7px;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    
}

#sub1 .search-text input {
    border: none;
    height: 36px;
    font-size: 14px;
}

#sub1 .btn-search input {
    width: 16px;
	padding: 3px 0 0 ;
}






/*#sub1 .member{
	border:1px solid #ddd;
	background:#fff;
	margin:0 0 10px;
}



#sub1 .member .heading{
	color:#fff;
	background:#000;
	text-align:center;
	font-size:14px;
	padding:5px 0;
}


#sub1 .member-inner{
	margin:15px 10px;
	text-align:center;
}

#sub1 .member-inner ul li{
	float:left;
	padding:8px 0;
	background:#c50e20;
	width:90px;
	border-radius:5px;
}


#sub1 .member-inner .fs-p-headerUtilityMenu ul li{
	float:none;
	padding :0;
	background:#c50e20;
	width:100%;
	border-radius:0px;
}


#sub1 .member-inner ul li:last-child{
	float:right;
}

#sub1 .member-inner .mypage-btn{
	padding: 9px 0;
}



#sub1 .member-inner .fs-p-headerUtilityMenu ul li a{
	display: block;
    color: #fff !important;
    font-size: 12px;
    background: url(https://meat5757.itembox.design/item/images/common/i-login.jpg) no-repeat 5px 50%;
    background-size: 15px;
    padding: 0 0 0 10px;
}

#sub1 .member-inner .fs-p-headerUtilityMenu__list > li + li {
    margin-left: 0px;
}

#sub1 .fs-p-headerUtilityMenu__logout.is-loggedIn--false {
  display: none;
}




#sub1 .member-inner ul li a{
	display:block;
	background:url(https://meat5757.itembox.design/item/images/common/i-member.jpg) no-repeat 7px 50%;
	background-size:15px;
	padding:0 0 0 20px;
	font-size:12px;
	color: #fff !important;

}


#sub1 .member-inner .lost-pass{
	font-size:12px;
	padding:5px 0;
	}

#sub1 .member-inner .lost-pass a{
	text-decoration:underline;
	}


#sub1 .member-inner p{
	font-size:16px;
	}

#sub1 .member-inner .btn{
	margin:5px 0;
	}
	
#sub1 .member-inner .btn a{
	display:block;
	background:#c50e20;
	color:#fff !important;
	font-size:14px;
	padding:8px 0;
	border-radius:5px;
	}

#sub1 .member-inner .point p{
	font-size:12px;
	margin:0 0 5px;
	}


#sub1 .member-inner .point img{
	width:185px;
	}

*/



#sub1  .contact {
	background: #eee;
	padding: 30px 1em;
	margin: 30px 0 0 ;
}


#sub1  .contact h2{
	font-size: 12px;
	background: #000;
	color: #fff;
	text-align: center;
	padding: 15px 5px;
	margin: 0 0 30px;

}


#sub1  .contact ul{
	display: flex;
	flex-direction: column;
	align-items: center;
}

#sub1  .contact ul li{
	text-align: center;
	margin: 0 0 20px;
	
}

#sub1  .contact ul li:first-child{
	border-bottom: 1px solid #ccc;
	padding: 0 0 30px;;
}

#sub1  .contact ul li h3{
	font-size: 14px;
	padding: 0 0 5px;
	border-bottom: 1px solid #000;
	margin: 0 0 15px;
	text-align: center;
	
}


#sub1 .contact ul li a{
	display: block;
	font-size: 18px;
	color: #c48d2b;
	background: url("../images/index/i-telno.jpg") no-repeat 0px 50%;
	background-size: 1.5em;
	padding: 0 0 0 30px;
}

#sub1 .contact ul li span{
	display: block;
	font-size: 10px;
	text-align: center;
	
}

#sub1 .contact ul li p{
	font-size: 18px;
	color: #c48d2b;
	background: url("../images/index/i-faxno.jpg") no-repeat 0px 50%;
	padding: 0 0 0 30px;
	background-size: 1.5em;
	
}



#sub1 .contact .credit{
	background: #fff;
	padding: 20px;
	margin: 20px 0;
	text-align: center;
	border: 2px solid #ccc;
	border-radius: 10px;
}


#sub1 .contact .credit h4{
	font-size: 14px;
	background: #999999;
	padding: 10px 0;
	margin: 0 0 20px;
	text-align: center;
	color: #fff;
	letter-spacing: -0.1em;
}


#sub1 .contact .credit ul{
	display: flex;
	justify-content: center;
	flex-direction: initial !important;
}

#sub1 .contact .credit ul li{
	padding: 0 10px;
	width: auto;
	
}

#sub1 .contact .credit ul li:first-child{
	padding: 0 10px;
	border-bottom: 0px solid #ccc;
}



#sub1 .contact .more {
	text-align: center;

}

#sub1 .contact .more.xls {
	margin: 20px 0 0;
}


#sub1 .contact .more.xls a {
    background: #339933;
}

#sub1 .contact .more a{
	   color: #fff;
    background: #c48d2b;
    padding: 10px 1em;
    text-align: center;
    position: relative;
    border-radius: 5px;
    font-size: 14px;
    display: inline-block;
    width: 100%;
	

}





#sub1 .contents-info {
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
	margin: 2em 0 0;
	
   
}


#sub1 .contents-info .bnr{
	width: 48%;
	margin: 0 0 10px;

}

#sub1 .contents-info .bnr.full{
	width: 100%;
	margin: 0 0 10px;

}


#sub1 .contents-info ul{
	display: flex;
	justify-content: center;
	margin: 10px 0 0;

}

#sub1 .contents-info ul li{
	padding: 0 0.2em;
	

}
/* --------------------------------------------------------------------------------
	f-store
-------------------------------------------------------------------------------- */
#f-store {
    margin-bottom: 50px;
}
#f-store .inner {
    padding: 80px 70px;
}
#f-store h2 {
    font-size: 30px;
    border-bottom: solid 1px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
#f-store .store-box {
    display: flex;
    justify-content: space-between;
    margin: 70px 0;
    gap: 70px;
}
#f-store .name {
    color: #c48d2b;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 0;
    line-height: 30px;
}
#f-store .address span {
  font-weight: bold;
}
#f-store .att {
	border: solid 1px #525252;
    padding: 13px 0px;
    width: 570px;
    margin: 0 auto;
    text-align: center;
}

/* --------------------------------------------------------------------------------
	f-info
-------------------------------------------------------------------------------- */





#haisou {
	/*display: none;*/

	text-align: center;
	margin: 30px 0 0 ;
	background: #fff;
	
}

#haisou h2{
	color: #fff !important;
	margin: 0 0 10px !important;
	font-size: 18px!important;
	text-align: center;
	background: #CC131D;
	padding: 5px 0;
	border-radius: 15px 15px 0 0;
	
}

#haisou span {
    /*font-size: 20px;*/
}
#haisou .senddate {
   color: #c48d2b;;
}


#haisou .haisou-inner {
    padding: 10px;
	background: #000;
	color: #fff;
	font-size: 16px;
}



div.sokujitu-info {
    margin: 0 0 20px 0;
    padding: 10px;
    border: 2px solid #c12a1c;
    border-radius: 2px;
}
div.sokujitu-info .sokujitu-title {
    font-size: 140%;
	color: #c12a1c;
	font-weight: bold;
	text-align: center;
}






/*calendar*/

#f-info .calendar{
	text-align:center;
}


#f-info .calendar span.Today
{
	display: block;
	cursor: pointer;
	font-weight: bold;
	color: #000;
	background-color: #ffeeee;
}

#f-info .calendar li.deli
{
	color: #000;
	background-color: #090;
}

#f-info .calendar li.openingsale
{
	color: #000;
	font-weight: bolder;
	background-color: #F00;
}

#f-info .calendar li.holyday
{
	color: #000;
	background-color: #fffec6;
}
#f-info .calendar li.holyday2
{
	color: #000;
	background-color: #4196bb;
}

#f-info .calendar li.Sun
{
	color: #F00;
	font-weight: bold;
}

#f-info .calendar li.Sat
{
	font-weight: bold;
}

#f-info .calendar li.undefined
{
	cursor: pointer;
}

/*ui*/

#f-info .calendar div.cal_wrapper
{
	color: #666;
}

#f-info .calendar ul.cal_ui
{
	float: right;
	width: 60px;
	margin: 3px 0 0;
	padding: 0;
}

#f-info .calendar ul.cal_ui li
{
	float: left;
	cursor: pointer;
	width: 20px;
	height: 15px;
	font-size: 10px;
	list-style: none;
	background-repeat: no-repeat;
}

#f-info .calendar li.cal_prev
{
	background-image: url(https://kani7253.itembox.design/item/cal/cal_01.gif);
}

#f-info .calendar li.cal_to
{
	background-image: url(https://kani7253.itembox.design/item/cal/cal_02.gif);
}

#f-info .calendar li.cal_next
{
	background-image: url(https://kani7253.itembox.design/item/cal/cal_03.gif);
}

#f-info .calendar div.cal_base
{
}

#f-info .calendar div.cal_base p
{
	margin: 0;
	text-align:center;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: #ccc solid 1px;
}

#f-info .calendar ul.cal_main
{
	clear: both;
	width: 300px;
	margin: 0 auto 5px;
	padding: 0;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

#f-info .calendar ul.cal_main:after
{
	content: " ";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

#f-info .calendar ul.cal_main li
{
	float: left;
	overflow: hidden;
	width: 14%;
	padding: 0.1em;
	text-align: center;
	list-style: none;
	font-size: 12px;
	border-bottom: #CCC solid 1px;
}

#f-info .calendar ul.cal_main li span
{
	display: block;
	padding: 3px;
}

#f-info .calendar li.cal_headline
{
}

#f-info .calendar .dayoff{
	font-size: 12px;
	padding: 5px 0;
}
#f-info .calendar .dayoff span{
	color: #fffec6;
}

#f-info .calendar .Today{
	font-size: 12px;
}

#f-info .calendar .Today span{
	color: #ffeeee;
}

#f-info .calendar .dayoff2{
	font-size: 12px;
	padding: 0 0 5px;
}


#f-info h2 {
	font-size: 24px;
    font-weight: normal;
    margin: 0 0 30px;
}


#f-info .inner {
	display: flex;
	flex-wrap: wrap;
	padding: 80px 0 100px ;
}

#f-info .calendar {
	width: 300px;
	margin: 0 70px 0 0;
	
}

#f-info .delivery-map {
	width: 670px;
	
}

#f-info .delivery-map p{
	margin: 40px 0 25px;
	
}

#f-info .delivery-map p span{
	color: #cc3333;
	display: block;
	margin: 0 0 25px;
	
}

#f-info .delivery-map h3{
	font-size: 24px;	
}

#f-info .delivery-map h3 span{
	font-size: 70%;	
}




/* --------------------------------------------------------------------------------
	footer
-------------------------------------------------------------------------------- */
#footer {
	
	background: #eeeeee;
	
}


#footer .inner {
	display: flex;
	flex-wrap: wrap;
	padding: 40px 0 0 ;
}

#footer .inner .col {
	width: 380px;
	margin: 0 25px 100px 0;
	display: flex;
	flex-direction: column;
}

#footer .inner .col:nth-of-type(3n) {
	width: 380px;
	margin: 0 0 100px;
	display: flex;
	flex-direction: column;
}


#footer.inner .col p span {
	font-weight: bold;	
}

#footer .col h3 {
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	padding:0 0 15px; 
	margin: 0 0 20px;
}

#footer .col p {
	margin: 0 0 60px;
}


#footer .col .tel {
	text-align: center;
    font-size: 28px;
    color: #c48d2b;
    background: url(../images/index/i-telno.jpg) no-repeat 20px 50%;
	background-size: 38px;
    padding: 0 0 0 40px;
	margin: 0 0 2px;
}

#footer .col .fax {
	text-align: center;
    font-size: 28px;
    color: #c48d2b;
    background: url(../images/index/i-faxno.jpg) no-repeat 20px 50%;
    padding: 0 0 0 40px;
	background-size: 38px;
}

#footer .more-btn {
	text-align: center;
	margin: 40px 0 0;
	display: flex;
	justify-content: center;
	margin-top: auto;
}
#footer .more-btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: #fff;
	width: 170px;
	background: #c48d2b;
	height: 30px;
	text-align: center;
	position: relative;
	border-radius: 5px;
}


#footer .f-nav ul {
	width: 1200px;
	display: flex;
	justify-content: center;
	margin: 0 0 30px;
}


#footer .f-nav ul li {
	padding: 0 7px;
	font-size: 14px;
}

#footer .f-nav ul li a{
	padding: 0 7px;

}

#footer .copy {
	text-align: center;
	background: #eee;
	
	padding:15px;
	
}

/* --------------------------------------------------------------------------------
	index
-------------------------------------------------------------------------------- */

#pickup {
	margin: 0 0 50px;


}



#pickup .large-bnr ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;

}

#pickup .large-bnr ul li{
	margin: 0 0 30px;
}



#pickup .small-bnr {
	position: relative;
	
}



#pickup .small-bnr .swiper-container{
	width: 1200px;
	margin: 0 auto 30px;
}


#pickup .small-bnr .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(https://kotonowa.itembox.design/item/images/common/slide_arrow_r.svg) !important ;
    right: -70px;
    left: auto;
}

#pickup .small-bnr .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(https://kotonowa.itembox.design/item/images/common/slide_arrow_l.svg) !important ;
    left: -70px;
    right: auto;
}




#index section{	
	margin: 60px 0 40px;
}


#index h2.heading{	
	text-align: center;
	border-bottom: 2px solid #c48d2b;
	font-size: 40px;
	padding: 10px 0;
	color: #c48d2b;

}




#index .anshin {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 15px 0 0;
}




#index .anshin div{
    width: 50%;
    height: 200px;
    display: flex;
	align-items: center;
	padding: 0 20px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}


#index .anshin div:nth-child(2n){
    width: 50%;
    height: 200px;
    display: flex;
	align-items: center;
	border-bottom: 1px solid #ccc;
	border-right: 0px solid #ccc;
}


#index .anshin div:nth-child(3){
	border-bottom: 0px solid #ccc;
}


#index .anshin div:nth-child(4){
	border-bottom: 0px solid #ccc;
}




#index .anshin div span{
	display: block;
    
}

#index .anshin div p{
	padding: 0 0 0 30px;
	font-size: 18px;
	line-height: 1.2;
	width: 300px;
}

#index .anshin div:nth-child(4) p{
	width: 380px;
}




#index .anshin div p span{
	font-size: 12px;
	margin: 10px 0 0;
}


#index .anshin div p a{
	display: block;
	margin: 20px auto 0;
	padding: 10px;
	border: 1px solid #c48d2b;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	color: #c48d2b;
   
}




#index .committed {
	text-align: center;
}

#index .committed h2{
	text-align: center;
	
}

#index .committed h3{
	display: inline-block;
	text-align: center;
	font-size: 30px;
	border-bottom: 1px solid #000;
	margin: 0 0 30px;
	
}

#index .committed .committed-box{
	display: flex;
	justify-content: space-between;
	margin: 0 0 30px;

}

#index .committed .committed-box:nth-last-of-type(odd){
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;

}


#index .committed .img{
	width: 400px;
}

#index .committed .txt{
	width: 510px;
	text-align: left;
	line-height: 2em;
}


#index .committed .more-btn{
	margin: 50px 0 0;
    
}


#index .committed .sec-bg{
	background-image: url(https://kotonowa.itembox.design/item/images/index/bg-img.jpg) ;
	background-size:cover;
	background-repeat: no-repeat;
	height: 370px;
	margin: 0 0 60px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	
}


#index .committed .sec-bg h4{
	font-size: 28px;
    padding: 0 0 70px;
    line-height: 1.8;
}





#index .committed .more-btn a{
    color: #fff;
    background: #c48d2b;
	padding: 20px 35px;
    text-align: center;
    position: relative;
    border-radius: 5px;
	font-size: 18px;
}


#index .seen h2{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 300px;
    background: url("../images/index/scene-bg-pc.jpg") no-repeat;
	background-size: cover;
}

#index .seen h2 span{
	color: #000;
	padding: 20px 10px;
	text-align: left;
	font-size: 30px;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	margin-left: 440px;
}

#index .seen ul{
	display: flex;
	justify-content:center;

}

#index .seen ul li{
	padding: 0 15px;
	width: 33%;
}


#index .seen h3{
	font-size: 30px;
	text-align: center;
	margin: 30px 0 0;
	line-height: 2;
}



#index .voice {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}



#index .voice h2{
	font-size: 24px;
	text-align: center;
	background: #000;
	border-radius: 25px;
	color: #fff;
	padding: 15px 0;
	width: 100%;
	margin: 0 0 40px;

}


#index .voice-box {
    display: flex;
    justify-content: space-between;
    margin: 0 0 30px;
	width: 460px;
}


#index .voice-box .img{
	width: 225px;
   
}

#index .voice-box .txt{
	width: 225px;
   
}

#index .voice-box .age{
	font-size: 20px;
	margin: 0 0 15px;
}

#index .voice-box p{
	font-size: 14px;
	
}





#index #haisou br{
	display: none;
}


#index #haisou .haisou-inner{
	font-size: 24px;
	
}




/*#index .ranking  .rank{
	position: absolute;
	top :0px;
	left: 0px;
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: #000;
	font-size: 30px;

}*/


#index .ranking .rank {
    position: absolute;
    top: -35px;
    right: 0px;
    left: 0;
    margin: 0 auto;
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #000;
    font-size: 19px;
}



#index .ranking ul{
	display: flex;
	justify-content: space-between;
	margin: 65px 0 0;
	
	
}

#index .ranking ul li{
	width: 300px;
	font-size: 16px;
	margin: 0 0 20px;

}

#index .ranking ul li .img{
	width: 300px;
	position: relative;
	margin: 0 0 10px;
}


#index .ranking p{
	font-weight: bold;
	
}




#index .cat-list ul {
	display: flex;
	flex-wrap: wrap;

}


#index .cat-list ul li{
	width: 220px;
	margin: 0 20px 25px 0;

}


#index .cat-list ul li:nth-child(4n){
	width: 220px;
	margin: 0 0 25px 0;

}


#index .cat-list .img{
	margin: 0 0 10px ;
}


#index .cat-list .txt{
	text-align: center;
	font-size: 16px;
}

/*
#index .more{
	text-align: right;
}


#index .more a{
	display: inline-block;
    padding: 10px;
    border: 1px solid #000;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    width: 200px;
}

*/





#index .gift-item ul{
	display: flex;
	
	
	
	
}

#index .gift-item ul li{
	width: 220px;
	font-size: 16px;
	margin: 0 20px 20px;
}


#index .gift-item ul li:nth-child(4n){
	width: 220px;
	font-size: 16px;
	margin: 0 0 20px;
}


#index .gift-item ul li .img{
	width: 220px;
	position: relative;
	margin: 0 0 10px;
}


#index .gift-item p{
	font-weight: bold;
}



#index .gift .bnr{
	margin: 0 0 40px;
	
}





#index .gift-service h2{
	text-align: center;
	font-size: 30px;
	margin: 0 0 40px;
}





#index .gift-service ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;

}


#index .gift-service ul li{
	display: flex;
	justify-content: space-between;
	width: 460px;
	margin: 0 0 40px;
}


#index .gift-service ul li .img{
	width: 220px;
}

#index .gift-service ul li .txt{
	width: 230px;
}

#index .gift-service ul li .txt h4{
	font-size: 18px;
	margin: 0 0 15px;
	/*font-weight: 900;*/
}

#index .gift-service ul li .txt p{
	font-size: 	14px;
	line-height: 2;
	
}


#index .gift-service .att{
	background: #cc3333;
	text-align: center;
	font-size: 	16px;
	color: #fff;
	padding: 15px 0;
	border-radius: 10px;

}




#index .choice-price{
		
}

#index .choice-price ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
		
}
#index .choice-price ul li{
	width: 460px;
	border-bottom: 1px solid #000;
	
}

#index .choice-price ul li:nth-child(1){
	border-top: 1px solid #000;
	
}

#index .choice-price ul li:nth-child(2){
	border-top: 1px solid #000;
	
}

#index .choice-price ul li a{
	font-size: 18px;
	padding: 20px 15px;
	display: block;
	
}



#index .news{
		
}

#index .news ul li{
	border-bottom: 1px solid #ccc;
	padding:0 10px;
	font-size: 16px;
	margin: 0 0 10px;
}


#index .news ul li .date{
	color: #ccc;
}



#index .contact {
	background: #eee;
	padding: 30px 40px;
}


#index .contact h2{
	font-size: 24px;
	background: #000;
	color: #fff;
	text-align: center;
	padding: 15px 0;
	margin: 0 0 50px;
	border-radius: 25px;
	
}


#index .contact ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#index .contact ul li{
	width: 420px;
	text-align: center;
}

#index .contact ul li h3{
	font-size: 18px;
	padding: 0 0 5px;
	border-bottom: 1px solid #000;
	margin: 0 0 15px;
	text-align: center;
	
}


#index .contact ul li a{
	display: block;
	font-size: 44px;
	color: #c48d2b;
	background: url("../images/index/i-telno.jpg") no-repeat 20px 50%;
	padding: 0 0 0 60px;
}

#index .contact ul li span{
	display: block;
	font-size: 18px;
	text-align: center;
	
}

#index .contact ul li p{
	font-size: 44px;
	color: #c48d2b;
	background: url("../images/index/i-faxno.jpg") no-repeat 20px 50%;
	padding: 0 0 0 60px;
	
}



#index .contact .credit{
	background: #fff;
	padding: 20px;
	margin: 20px 0;
	text-align: center;
	border: 2px solid #ccc;
	border-radius: 10px;
}


#index .contact .credit h4{
	font-size: 20px;
	background: #999999;
	padding: 10px 0;
	margin: 0 0 20px;
	text-align: center;
	color: #fff;
}


#index .contact .credit ul{
	display: flex;
	justify-content: center;
}

#index .contact .credit ul li{
	padding: 0 10px;
	width: auto;
	
}


#index .contact .more {
	text-align: center;

}

#index .contact .more a{
	color: #fff;
    background: #c48d2b;
    padding: 10px 35px;
    text-align: center;
    position: relative;
    border-radius: 5px;
    font-size: 18px;
	display: inline-block;
	

}





#instafeed{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


#instafeed div{
	width: 30%;
	margin: 0 0 30px;
	
}

#instafeed div img{
	width: 228px;
	height: 228px;
	object-fit: cover;
	
}




#index .movie {
	position: relative;
	padding-bottom: 56.25%; /*?????? 16:9??????*/
	height: 0;
	overflow: hidden;
	margin-bottom: 30px;
}

#index .movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/* --------------------------------------------------------------------------------
	philosophy
-------------------------------------------------------------------------------- */
#philosophy {
	background: url(https://kotonowa.itembox.design/item/images/index/philosophy-bg3.jpg) no-repeat center bottom;
	background-size: cover;
	background-position: center;
	/* height: 790px; */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	/* justify-content: center; */
	padding: 160px 0 160px 250px;
}

#philosophy h2{
	font-size: 36px;
    line-height: 1.2;
    letter-spacing: 0.1em;
    color: #fff;
    font-weight: 600;
    text-align: left;
	margin: 0 0 25px;
	text-shadow:1px 1px 7px #000;
}

#philosophy h3{
    font-size: 24px;
    letter-spacing: 0.15em;
    line-height: 1.4;
    font-weight: bold;
    margin-bottom: 35px;
    text-indent: 0.15em;
	color: #fff;
	text-align: left;
	text-shadow:1px 1px 7px #000;
}

#philosophy p{
    font-size: 18px;
    line-height: 2.5;
    letter-spacing: 0.1em;
	color: #fff;
	text-align: left;
	text-shadow:1px 1px 7px #000;
	
}











/* ????ペ??ジ??説明部????*/
.fs-l-productLayout__item--2{
    padding-bottom: 100px;
}


/* ????ペ??ジ??おすすめ??????*/
.fs-c-featuredProduct{
    padding: 100px 0 0;
}


/* 購入ス????プ下部の送料表記???*/
.fs-p-announcement__title span{
    font-size: 70%;
}

/* ショ????ングカート??ご利用方法???*/
.fs-p-announcement{
    text-align: center;
}

.fs-p-announcement .fs-p-announcement{
    padding: 20px 0 0;
}

/* ????グループ??覧の表記???*/
.fs-c-productListItem__productName {
    font-size: 2rem;
    line-height: 1.6;
}



/* --------------------------------------------------------------------------------
	???????
-------------------------------------------------------------------------------- */
#salt_category .title {
	margin: 70px 0;
}

#salt_category .committed {
    text-align: center;
}

#salt_category .committed .img, #salt_category .flex_box .img {
    width: 400px;
}

#salt_category .committed .committed-box, #salt_category .lineup .flex_box{
	display: flex;
	justify-content: space-between;
	margin: 0 0 30px;

}

#salt_category .committed .committed-box:nth-child(even){
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;

}

#salt_category .committed .committed-box2 {
	display: flex;
	justify-content: space-between;
	margin: 0 0 30px;
	flex-direction: row-reverse;
}

#salt_category .committed .txt, #salt_category .flex_box .txt{
	width: 510px;
	text-align: left;
	line-height: 2em;
}

#salt_category .center_txt {
	text-align: center;
    line-height: 2em;
    margin: 51px 0;
    font-size: 18px;
}

#salt_category .txt2 {
	line-height: 2em;
	margin: 40px 0;
}

#salt_category .lineup {
	margin: 0 0 100px 0;
}

#salt_category .lineup_title {
	font-size: 30px;
    margin: 70px 0 30px;
    text-align: center;
    background-color: black;
    color: white;
    padding: 10px 0;
}

#salt_category .flex_box h3 {
	font-size: 30px;
    margin: 15px 0 25px 0;
}

#salt_category .btn {
	background-color: black;
    color: white;
    font-size: 20px;
    padding: 10px 25px;
    margin: 25px 0 0;
    width: 210px;
    text-align: center;
}



/* --------------------------------------------------------------------------------
	???????
-------------------------------------------------------------------------------- */
#original_noshi .top_title, #original_noshi .about_flex {
	display: flex;
}

.premium {
	display: flex;
    gap: 30px;
    justify-content: space-evenly;
}

#original_noshi .top_title h2 {
	text-align: left;
	padding: 25px 0;
	margin: 0;
}

#original_noshi section h2 span {
	font-size: 45px;
}

#original_noshi .about h2 {
	font-size: 30px;
	font-weight: bold;
	text-decoration: underline 1px;
	margin: 25px 0 30px;
	text-underline-offset: 0.2em;
	text-align: left;
}

#original_noshi .about p ,   #original_noshi .about_flex p, .premium p {
	font-size: 17px;
	margin: 0 0 30px;
	text-decoration:none;
	font-weight: initial;
}

#original_noshi .about_flex .img,  #original_noshi .about_flex p, .premium p {
	width: 50%;
}

#original_noshi .about_flex a {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

#original_noshi .lineup_title {
	font-size: 30px;
	margin: 70px 0 30px;
	text-align: center;
	background-color: black;
	color: white;
	padding: 10px 0;
}

#original_noshi .lineup p {
	text-align: center;
	font-size: 25px;
	text-decoration: underline;
	text-underline-offset: 0.2em;
	font-weight: bold;
	margin: 30px 0;
}

#original_noshi .flex_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#original_noshi .flex_box::after {
	display: block;
	content:"";
	width: 283px;
}
#original_noshi .flex_box-2::after {
	display: block;
        content: "";
        width: 566px;
}

#original_noshi .lineup p, #original_noshi .about {
	font-family: initial;
}

#original_noshi .s_txt {
	font-weight: bold;
	background: linear-gradient(transparent 50%, yellow 50%);
}


/*WEB?X?L?~???O?p*/

/*???q?l??????*/
#fs_CustomerDetails .calendar{
	display: none !important;
}

#fs_CustomerDetails .h-contents-box{
	display: none !important;
}


/*???????葱??*/
#fs_ShoppingCart .calendar{
	display: none !important;
}

/*???????葱??*/
#fs_ShoppingCart .h-contents-box{
	display: none !important;
}


/*?????????E???i????w??E???i??????X?V?E?z???E?????@?I??(?????????)*/
#fs_CheckoutWithMultiAddress .calendar{
	display: none !important;
}

#fs_CheckoutWithMultiAddress .h-contents-box{
	display: none !important;
}

/*?}?C?y?[?W??A*/

#fs_Login .calendar{
	display: none !important;
}

#fs_Login .h-contents-box{
	display: none !important;
}


#fs_MyOrders .calendar{
	display: none !important;
}


#fs_MyOrders .h-contents-box{
	display: none !important;
}


#fs_MyAccountSettings .calendar{
	display: none !important;
}

#fs_MyAccountSettings .h-contents-box{
	display: none !important;
}


#fs_EditAccountSettings .calendar{
	display: none !important;
}

#fs_EditAccountSettings .h-contents-box{
	display: none !important;
}

#fs_DeleteAccount .calendar{
	display: none !important;
}

#fs_DeleteAccount .h-contents-box{
	display: none !important;
}


#fs_Register .calendar{
	display: none !important;
}

#fs_Register .h-contents-box{
	display: none !important;
}


/*?p?X???[?h??A*/
#fs_PasswordReminder .calendar{
	display: none !important;
}

#fs_PasswordReminder .h-contents-box{
	display: none !important;
}


#fs_EditPassword .calendar{
	display: none !important;
}

#fs_EditPassword .h-contents-box{
	display: none !important;
}


/* --------------------------------------------------------------------------------
	top-media
-------------------------------------------------------------------------------- */
#top-media {
	margin: 0px 0 100px 0;
	padding-top: 25px;
}
#top-media .media-list {
	display: flex;
	gap: 10px;
}
#top-media .media-list img {
	width: 100%;
}
#top-media .media-list li p {
	font-size: 16px;
	text-align: center;
}
#top-media .media-list li p span {
	font-size: 13px;
}