@charset "utf-8";
/* CSS Document */
.fs-l-page{
	padding-top: 85px!important;
}
html {
	scroll-behavior: smooth;
}

main{
	clear: both;
}
a img:hover {
	opacity: 0.5 ;
}


.wd2026{
	width: 1080px;
	margin: 0 auto;
	/*background: url("../img/bg.jpg")repeat-y;*/
}
.whitearea{
	background-color: #FFF;
}
.areaspace{
	padding: 100px 0 0 0;
}
.titleimage{
	width: 100vw;
	background: url("../img/top_bg.jpg")repeat-x;
	margin-left:calc(-50vw + 50%);
	line-height: 0;
	text-align: center;
}
.titleimage img{
	margin: 0 auto;
	border: solid 1px #DDD;
}
.gp_title{
	width: 400px;
	margin: 80px auto 0;
}
.menu_flex {
    display: flex;
	flex-wrap: wrap;
	width: 810px;
	margin: 0 auto;
	padding: 30px 0 150px 0;
}
.menu_flex02 {
    display: flex;
	flex-wrap: wrap;
	width: 1080px;
	margin: 0 auto;
	padding: 30px 0 80px 0;
}

.menu_item {
	width: calc(100% / 2);
}
.menu_title{
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
}
.button001{
	width: 350px;
	margin: 5px;
}
.button001 a {
    /*border-radius: 3px;*/
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 350px;
    padding: 20px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	text-decoration: none;
	font-size: 1.4em;
	border: solid 1px #313131;
}
.button001 a:hover {
    background: #8eb9d8;
    color: #FFF;
}
.button001 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button001 a:hover:after {
    border-color: #FFF;
}




.itemlist_flex_3 {
    display: flex;
	flex-wrap: wrap;
	width: 1200px;
	margin: 20px auto 120px;
}
.itemlist_item_3 {
    width: 400px;
    margin: 0 0 50px 0;
    padding: 0 25px;
}
.itemlist_flex_2 {
    display: flex;
	flex-wrap: wrap;
	width: 850px;
	margin: 20px auto 120px;
}
.itemlist_item_2 {
	width: calc(100% / 2);
	text-align: center;
	padding: 0 25px;
}
.itemlist_flex_1 {
    display: flex;
	flex-wrap: wrap;
	width: 400px;
	margin: 20px auto 120px;
}
.itemlist_item_1 {
	width: 100%;
	text-align: center;
}
.itemlist_item img {
	width: 350px;
}
.titletext{
	width: 600px;
	margin: 80px auto 60px;
	font-size: 1.2em;
	line-height: 2;
	letter-spacing: 0.1rem;
}
.titledetail{
	width: 800px;
	margin: 0 auto;
}

.itemtitle{
	width: 100vw;
	height: 100px;
	background-color: #9ab7d6;
	margin-left:calc(-50vw + 50%);
	line-height: 0;
	text-align: center;
	display: flex;
	align-items: center;
}
.itemtitle img{
	margin: 0 auto;
}
.itemtxt{
	color: #FFF;
	font-size: 1.8em;
	margin: 0 auto;
	letter-spacing: 0.1em;
}

.detail{
	text-align: center;
	margin: 0 0 100px 0;
}
.itemprice {
    font-size: 1.0em !important;
    font-weight: normal;
}
h4{
	font-weight: 800;
	font-size: 1.2em;
	margin: 0;
	text-align: center
}
h4.vditem{
	font-weight: 800;
	font-size: 1.2em;
	margin: 0;
	text-align: left;
	padding: 10px 5px;
}

h4.vditem span {
    display: block;
    font-size: 0.8em;
    padding: 2px;
}

.header_logo{
	margin: 0 auto;
	width:308px;
}

.content_service{
	/*background-color: #f1eee5;
	width: 100vw;
	margin-left: calc(-50vw + 50%);*/
	width: 600px;
    margin: 0 auto 100px;
    border: solid 1px #cdcdcd;
}


.shopper{
	padding: 60px 0;
	text-align: center;
	width: 100%;
}

.delivery{
	padding: 30px 0;
    margin: 0;
    text-align: center;
    font-size: 1.5em;
}

hr.goldline01{
	border-style: none;
    border-top: 17px solid #9e722d;
	width: 100vw;
	margin: 0;
	margin-left: calc(-50vw + 50%);
}


.fs-l-footer{
	width: 100vw;
	margin-left:calc(-50vw + 50%);
}

/* ▼トップへ戻るボタン▼ */
#pagetop {
    position: fixed;
    right: 0;
    bottom: 0;
    text-indent: -9999px;
    margin: 0;
}
#pagetop a {
    position: relative;
    display: block;
    width: 65px;
    height: 65px;
    background: rgba(0,0,0,1);
    transition: opacity .6s ease;
}
#pagetop a:hover {
    opacity: .3;
}
#pagetop a::before {
    position: absolute;
    top: 7px;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    margin: auto;
    content: '';
    transform: rotate(-45deg);
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
@media screen and (max-width:767px) {
#pagetop a {
    width: 45px;
    height: 45px;
}
#pagetop a::before {
    top: 5px;
    width: 10px;
    height: 10px;
}
}
/* ▲トップへ戻るボタン▲ */


.sp {display:none;}

/* SP用 */
@media screen and (max-width: 767px) {
	/* 全体調整 */
	.pc {display:none;}
	.sp {display:block;}
	img {max-width:100%;}

.fs-l-page {
    padding-top: 80px!important;
	}
.fs-l-main{
	padding: 0!important;
	margin: 0 auto!important;
	}
	
	
.wd2026{
		width: 100%;
		margin: 0 auto;
	}
.fs-l-footer__utility,.yosan_tabarea, .aite_tabarea,.fs-l-footer__contents {
		width: 100% !important;
	}
hr { width:100%;}
hr.goldline02{
	border-style: none;
    border-top: 12px solid #9e722d;
	width: 100%;
	margin: 50px 0 0 0;
}

.white_contents{
	background-color: #FFF;
	padding: 50px 0;
}
.spline{
	border-bottom: solid 1px #D8D1C9;
}
.areaspace{
	padding: 50px 0 0 0;
}
	
	/* ヘッダー */
.header_logo {
	    max-width: 300px;
	    min-width: 150px;
	    width: 80%;
	}
.header_logo img {
		min-width: 200px;
		width: auto;
	}
.titleimage{
	width: 100%;
	margin: 0;
}
.titletext{
	width: 90%;
	margin: 0 auto;
	font-size: 1.2em;
	line-height: 1.5;
	letter-spacing: 0.12em;
}
.titledetail{
	width: 100%;
	margin: 0 auto;
	}

.menu_flex {
    display: block;
	width: 100%;
	margin: 0 auto;
    padding: 30px 0 50px;
}
.menu_flex02 {
    display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 50px;
}

.menu_title{
	font-size: 1.2em;
}	
.menu_item {
	width: 71%;
	margin: 0 auto;
    padding: 3px 0;
}

.button001{
	width: 71%;
	margin: 0 auto;
	padding: 3px 0;
}
.button001 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width:100%;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	text-decoration: none;
	border: solid 1px #313131;
}

.itemtxt{
	font-size: 1.4em;
	font-weight: 800;
}

.detail{
	margin: 0 0 30px 0;
}
	
.itemlist_flex_1,.itemlist_flex_2,.itemlist_flex_3 {
	width: 100%;
	margin: 0 auto;
	gap: 10px;
}

.itemlist_item_3,.itemlist_item_2,.itemlist_item_1 {
    width: calc(100% / 2 - 6px );
    padding: 0;
}
.itemlist_item_1 img,.itemlist_item_2 img,.itemlist_item_3 img {
	max-width: 100%;
}
	
h4{
	font-weight: 800;
	font-size: 1.1em;
	margin: 0;
	text-align: center
}
h4.vditem{
	font-weight: 800;
	font-size: 1.1em;
	margin: 0;
	text-align: left;
	padding: 10px 5px;
}
h4.vditem span {
    display: block;
    font-size: 0.8em;
    padding: 2px;
}
	
	/* コンテンツ */
	#service_area01 {
		margin-top:0;
	}
	.search_title {
		margin-top: 60px;
		width: 160px;
	}
	
.content_service{
	/*background-color: #FFF;*/
	width: 90%;
}
	.vd2026_menu_sp{
		margin: 40px 5%;
		list-style: none;
		padding: 0;
	}
	.vd2026_menu_sp li{
		width: 50%;
		float: left;
		line-height: 0;
		padding: 2px;
	}

.delivery{
	padding: 10px 0;
    margin: 0;
    text-align: center;
    font-size: 1.2em;
}
	ul.itemlist, ul.itemlist_a {
		padding:0 3px;
	}
	
	ul.itemlist_a {
    /*display: -webkit-flex;
    display: flex;*/
    -webkit-justify-content: top;
    justify-content: top;
    -webkit-align-items: top;
    align-items: top;
    }
    
	ul.itemlist_a li,ul.itemlist li {
		width: 42%;
		margin:4%;
	}
	.itemlist li:nth-child(3n),.itemlist_a li:nth-child(3n){
		clear: both;
		/*padding: 0 0 50px 0;*/
	}
	.tab_class {
		width: 47%;
		margin: 0 1%;
	}
	.tab_class::before {
	  content: "▼";
	}
	.content_class {
		margin-left: 0px ;
	}

	.syousai_btn02{
	padding: 10px 20px;
	}
	.yosan_tabarea, .aite_tabarea {
		margin: auto;
		margin-bottom: 50px;
	}
	.aite_caption {
		width:90%;
		margin: 0 5%;
	}
	.content_class p.aite_caption {
		padding-top :20px;
	}

	.shopper{
		padding: 30px 0;
	}
hr.goldline01{
	border-style: none;
    border-top: 12px solid #9e722d;
	width: 100%;
	margin: 0;
}
	.pd{
		padding: 50px 0 0 0;
	}	

	
	/* フッター */
	.fs-p-footerNavigation {
		display: inline-block;
		margin:auto;
	}
	#footer-nav ul  {
	    display: -webkit-flex;
	    display: flex;
	    -webkit-justify-content: center;
	    justify-content: center;
	    -webkit-align-items: center;
	    align-items: center;
	    padding:0px;
    }
	#footer-nav ul li {
		float:none;
		margin: 3px;
	}
	#footer-nav ul li img {
		height:auto;
	}
	.fs-p-footerNavigationItem {
		display: block;
	}
	.fs-p-footerNavigationItem + .fs-p-footerNavigationItem {
		padding-right: 0px;
	}
	.fs-p-footerNavigationItem__body {
		display: block !important }

}