@charset "utf-8";
/* CSS Document */
/* tosato */

body {
	background-color : #000833;
	color : #fff;
}

.fs-l-header { 
	background-color : #000833;
	color : #fff;
}

.fs-pt-carousel.fs-pt-carousel--fitImage.fs-c-slick {
    z-index: 0!important;
}

.fs-p-inputGroup {
  border : 1px solid #fff;/*#000833;*/
  background : #000833;
}

/*リンクカラー*/
.fs-p-headerUtilityMenu__list a:link,
.fs-p-headerUtilityMenu__list a:visited,
.fs-p-headerUtilityMenu__list a:hover,
.fs-p-headerUtilityMenu__list a:active { color : #fff; }

a .fs-p-headerUtilityMenu__list {
	color : #fff;
	border-bottom : 1px #fff dashed;
	display : inline-block;
}

.fs-p-headerNavigation__link:link,
.fs-p-headerNavigation__viewCartButton.fs-p-headerNavigation__link:link,
span.fs-p-headerNavigation__viewCartButton__label,
a.fs-p-headerNavigation__viewCartButton.fs-p-headerNavigation__link
{
    color: #ae7f46!important;
}

.fs-l-header__drawerOpener { color: #ae7f46;/*#b35f00;*/}
/*リンクカラー*/


/***ナビゲーション***/
.fs-p-headerNavigation__link:link,
.fs-p-headerNavigation__link:visited,
.fs-p-headerNavigation__link:active,
.fs-p-headerNavigation__link:hover { color: #ae7f46; }
/***ナビゲーション***/

.fs-l-main { 
	margin-top : 0;
	padding-top : 0;
	padding-right: 0;
    padding-left: 0;
}

.fs-p-heading--lv2 { color : #fff; }

.products-content h4 { color : #fff; }

span.fs-c-productName__copy { color : #c0c0c0; }

.newmember::before, .mypage::before, .favo::before {
    font-family: 'FontAwesome';
    color: #fff;
    padding-right: 5px;
}

.fs-p-inputGroup__button { 
	background: #ae7f46;
	padding: 0;
    height: 2.4em;
}

.fs-p-searchForm__button::before {
    line-height: 1.5em;
}


[class*="fs-l-col--"] img {
    width: 80%;
}

/********** tosatoコンテンツ **********/

/***** SVG *****/
section.tosaQ {
    padding-top: 100px;
    /* padding-bottom: 100px; */
	padding-left: 5px;
	padding-right: 5px;
}

.hinomaru01{fill : #bc002d;}
.hinomaru02{fill : #d6c6af;}

.svg { width : 100%; }
/***** SVG *****/

/***** 枠組み *****/
.txtvisual {
	position : relative;
	/*padding-top : 144px;*/
	padding-bottom : 120px;
	margin-top : 80px;
	color : #a59564;
}
.txtvisual__header {
		position : absolute;
		top : 0;
		left : 5.3333333333%;
		width : 89.3333333333;
	
}

/*.txtvisual__header .line {
	height : 1px;
	background-color : #d6c6af;
}*/

/*画像箇所背景色 スライド時に表示*/
.txtvisual__image.img-sp {
	display : block;
	/*background-color : #141b33;*/
	/*background : rgba(255,255,255,1);*/
}

.txtvisual__image.img-pc { display : none; }

.txtvisual__heading {
	margin-right : 5.3333333333%;
	margin-bottom : 30px;
	margin-left : 5.3333333333%;
}

.txtvisual__heading:before {
	position : relative;
	display : inline-block;
	width : 22px;
	height : 22px;
	margin-right : 5px;
	content : "";
	background-color : #bc1616;
	/*border-radius : 50%;*/
}

.txtvisual__description {
	margin-top : 30px;
	margin-right : 5.3333333333%;
	margin-left : 5.3333333333%;
}

.txtvisual__description.txtp1 > ul > li {
    list-style-type: none;
    text-indent: -30px;
}

.txt01 {
	font-family : shippori-mincho,serif;
	font-size : 1.9em;
	font-weight : 400;
	line-height : 1.2;
	color : #d6c6af;
	letter-spacing : .05em;
}

.txt02 {
	font-family : shippori-mincho,serif;
	font-size : 2em;/*1.5em;*/
	font-weight : 400;
	line-height : 1.5;
	color : #d6c6af;
	letter-spacing : .03em;
}

.txt03 {
	font-family : shippori-mincho,serif;
	font-size : 1.5em;
	font-weight : 400;
	line-height : 1.5;
	color : #d6c6af;
	letter-spacing : .03em;
}

.txt04 {
	font-family : shippori-mincho,serif;
	nt-size : 1.9em;
	font-weight : 400;
	line-height : 1.2;
	color : #d6c6af;
	letter-spacing : .05em;
}

.txtp1 {
	font-family : dnp-shuei-gothic-kin-std,sans-serif;
	font-size : 1.2em;/*1em;*/
	line-height : 1.75;
	letter-spacing : .03em;
	color: #fff;
}

.txtp2 {
	font-family : dnp-shuei-gothic-kin-std,sans-serif;
	font-size : 1em;
	line-height : 1.5;
	letter-spacing : .03em;
}

/***** 最下部商品 *****/
section.tosatoRecommend {
    padding-top: 0px;
	padding-left: 1%;
	padding-right: 1%;
	/*font-family: dnp-shuei-gothic-kin-std,sans-serif;*/
	font-family: shippori-mincho,serif;
}

/*
.productContainer {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    -ms-grid-columns: 33% 33% 1fr;
    grid-template-columns: 33% 33% 1fr;
    align-items: start;
}*/

.productContainer > * { padding: 4%; }


.product_img01 { grid-row: 1;grid-column: 1; }
.product_img02 { grid-row: 1;grid-column: 2; }
.product_img03 { grid-row: 1;grid-column: 3; }

.product_name01 { grid-row: 2;grid-column: 1; }
.product_name02 { grid-row: 2;grid-column: 2; }
.product_name03 { grid-row: 2;grid-column: 3; }

.product_price01 { grid-row: 3;grid-column: 1; }
.product_price02 { grid-row: 3;grid-column: 2; }
.product_price03 { grid-row: 3;grid-column: 3; }

.product_price01,
.product_price02,
.product_price03 {
	color: #ffafa;
	font-weight: bold;
	text-align: right;
	font-size: 1.2em;
}

.product_price01::after,
.product_price02::after,
.product_price03::after {
	content: "円(税込)";
}

div.col_reco {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin-bottom: 15px;
}
div.col_reco img { width: 100%; }
div.col_reco > div { width: 50%!important; padding: 5px; display: flex; flex-direction: column; } /*2列*/

/***** 最下部商品 *****/

/********** tosatoコンテンツ **********/

/*h1*/
.fs-l-header__contents > .fs-l-header__logo > a > .fs-p-logo > h1,
.fs-l-header__logo > a > .fs-p-logo > h1 { 
	font-weight: normal;
    line-height: 0;
    font-size: 0em;
	margin: 0!important;
	padding: 0!important;
	text-align: center;
}




/********** tablet **********/
@media screen and (min-width: 768px){
	section.tosaQ {
		padding-top: 150px;
		padding-bottom: 100px;
	}
	
	a.fs-pt-menu__link.fs-pt-menu__link--lv1 {
		color: #ae7f46;
	}
	
	div.col_reco > div { width: 33.3333%!important; padding: 5px; display: flex; flex-direction: column; } /*3列*/
	
	[class*="fs-l-col--"] img {
		width: 60%;
	}

}

/********** PC **********/
@media screen and (min-width : 1024px) {
	
	/* ロゴサイズ */
	.fs-l-header__contents > .fs-l-header__logo > a > .fs-p-logo > img.fs-p-logo__image,
	.fs-l-header__contents > .fs-l-header__logo > a > .fs-p-logo > h1 >img.fs-p-logo__image { max-width: 40%; }

	.fs-l-header__logo > a > .fs-p-logo > img.fs-p-logo__image,
	.fs-l-header__logo > a > .fs-p-logo > h1 > img.fs-p-logo__image { max-width: 25%; }
	
	/*PC 左ナビ非表示　メインカラム幅変更*/
	.fs-l-sideArea { display: none; } /*左ナビ非表示*/
	.fs-l-sideArea + .fs-l-pageMain, .fs-l-pageMain + .fs-l-sideArea { max-width: 1168px; } /*メインカラム幅変更*/
	/*PC 左ナビ非表示　メインカラム幅変更*/
	
	.fs-p-headerNavBar {
		border-bottom : 2px solid #000833;
	}

	.txtbox p {
		font-size : 1.2em;
	}
	
	

	
	
/********** tosatoコンテンツ **********/
	.txtvisual {
		display : flex;
		justify-content : space-between;
		padding-top : 40px;
		padding-bottom : 50px;/*160px;*/
		margin-top : 85px;
		margin-right : 5.5555555556%;
		margin-left : 5.5555555556%;
		margin-bottom : 200px;
	}
	
	.txtvisual__header {
		left : 0;
		width : 100%;
	}
	
	.txtvisual__body {
		align-self : flex-end;
		width : 37.5%;
	}	
	
	.txtvisual__visual {
		width : 37.5%;
	}

/*画像箇所背景色 スライド時に表示*/
	.txtvisual__image.img-sp { display : none; }	
	.txtvisual__image.img-pc {
		display : block;
		/*background-color : #141b33;*/
		/*background : rgba(255,255,255,1);*/
	}
	
	.txtvisual__heading {
		margin-right : 0;
		margin-bottom : 0;
		margin-left : 0;
	}
	
	.txtvisual__heading:before {
		width : 20px;
		height : 20px;
	}
	
	.txtvisual__description {
		margin-top : 40px;
		margin-right : 0;
		margin-left : 0;
	}
	
	.txt01 {
		font-size : 2.5rem;
	}
	.txt02 {
		font-size : 3em;
	}
	.txt03 {
		font-size : 2rem;
	}
	.txt04 {
		font-size : 2.5rem;
	}
	.txtp1,
	.txtvisual__description.txtp1 > ul > li {
		font-size : 1.2em;
		line-height : 1.55;
		letter-spacing : .03em;
	}
	.txtp2 {
		font-size : 2em;
		line-height : 1.55;
	}
	
	section.tosaQ {
		padding-top: 200px;
		/* padding-bottom: 100px; */
	}
	
	.svg { width : 100%; }
	
	.productContainer > * { padding: 5%; }
	
}

/********** tosatoコンテンツ **********/