@charset “UTF-8”;
/* ==============================================================================

CSS Information

 File name:	device.css

 Style Info:	デバイス設定

 ※ スマフォファースト。このファイルでは主にPC用上書きを記載。
 ※ スマホでのみ挙動するスワイプやアコーディオンはこのファイルに記載。

============================================================================== */
/*-------------------------------------------------------------------------------

 ブレイクポイントは 768px。768px以上はPCで

-------------------------------------------------------------------------------*/
/*media Queries タブレットサイズ / スマホサイズ
----------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.sp_hide, .unavi .search, .unavi .login, .unavi a span, .search_wrapper, .navi_area, .product_comment-1, .product_comment-1 {
		display: none;
	}
	.fs-l-header, .fs-body-top .fs-l-header {
		padding-top: 89px;
	}
	.header, .header_slim {
		position: fixed;
		z-index: 999999;
		top: 0;
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background: #FFF;
	}
	.header_inner {
		padding: 10px;
	}
	.header_line {
		padding: 2px 0;
		font-size: 1rem;
	}
	.header_slim .header_line {
		display: none;
	}
	.header .logo_area {
		float: left;
		margin-top: 10px;
	}
	.unavi {
		padding-right: 50px;
		justify-content: end;
	}
	.fcal_area {
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
	}
	.fcal_area .cal_area {
		width: 55%;
		margin-bottom: 20px;
		font-size: 1rem;
	}
	/* main //////////////////////////// sp */
	.btn_box.btn_center a {
		border-radius: 50vh;
	}
	/* index */
	.contents.content_info {
		margin-top: 0;
	}
	/* fs ////////////////////////////// sp */
	.brand_list .flex_block .inner {
		text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 12px #fff;
	}
	.fs-c-productList__controller .fs-c-listControl {
		align-items: center;
	}
	.fs-c-productList__list {
		-ms-grid-template-columns: calc(50% - 0px) calc(50% - 0px);
		grid-template-columns: calc(50% - 0px) calc(50% - 0px);
	}
	/* 商品ページ */
	div#about_pr {
		width: 100%;
	}
}
/* 小さいスマホ
----------------------------------------------------------- */
/* iphone5用 320x568	*/
@media screen and (min-width: 320px) and (max-device-width: 349px) {}
/*media Queries PCサイズ
----------------------------------------------------------- */
/* 途中ブレイク */
@media only screen and (max-width: 1100px) {}
@media only screen and (min-width: 768px) {
	.pc_hide, .product_comment-5 {
		display: none;
	}
	/* menu */
	.menu_btn_area {
		top: 30px;
		right: auto;
		left: -5px;
	}
	.header_slim .menu_btn_area {
		top: 5px;
	}
	.menu_wrapper {
		top: 130px;
		right: auto;
		left: -360px;
		width: 320px;
	}
	input[type="checkbox"]#menu_btn:checked ~ .menu_wrapper {
		left: 0;
	}
	input[type="checkbox"]#menu_btn:checked ~ .layer {
		top: 130px;
	}
	.header_slim .menu_wrapper, .header_slim input[type="checkbox"]#menu_btn:checked ~ .layer {
		top: 102px;
	}
	/* header slim */
	.header_slim {
		box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	}
	.header_slim .header_line {
		display: none;
	}
	.header_slim .header_inner {
		padding: 10px 10px 5px;
	}
	.header_slim .header_inner .logo_area {
		width: 260px;
		margin: 10px auto 10px;
	}
	.header_slim .unavi li a > span, .header_slim .unavi li label > span {
		display: none;
	}
	.header_slim .navi > li > a, .header_slim .navi > li > span {
		padding: .8em 1em;
	}
	.footer_company {
		padding: 60px 20px;
		background-size: cover;
	}
	.footer_guide {
		padding: 50px 20px 30px;
	}
	.fguide_inner {
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
	}
	.fguide_inner .guide_block {
		width: 28%;
		margin-bottom: 0;
	}
	.footer_guide h3 {
		font-size: 2rem;
	}
	.fguide_inner .guide_block.delivery {
		width: 36%;
		margin: 0 4%;
	}
	.footer_guide p {
		text-align: left;
	}
	.footer {
		padding-bottom: 0;
	}
	.footer_inner {
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
	}
	.footer_inner .info_area {
		width: 370px;
		max-width: 40%;
		margin: auto;
	}
	.footer_inner .fnavi_area {
		flex: 1;
		padding: 0 4%;
	}
	.footer_inner .fcal_area {
		width: 25%;
	}
	.icon_navi {
		font-size: 1rem;
	}
	.icon_navi li {
		margin-bottom: 10px;
	}
	.icon_navi a::before, .icon_navi span::before {
		top: 3px;
	}
	/* main ////////////////////////////// pc */
	.contents {
		padding: 30px 0;
	}
	.contents.bg02 {
		padding: 40px 0;
	}
	.title_block {
		margin-bottom: 40px;
	}
	.contents.bg01 .title_block {
		margin-bottom: 20px;
	}
	.contents.bg02 .title_block {}
	.title_block h1 > em, .title_block h2 > em {
		font-size: 2.5rem;
	}
	.btn_box a {
		padding: 15px 20px;
		font-size: 1.5rem;
	}
	.btn_box a::after {
		right: 25px;
		width: 20px;
		height: 15px;
		margin-top: -7px;
	}
	/* item list */
	.item_area {
		padding: 0 40px;
	}
	/* 分割 */
	.item_list02 li {
		width: 50%;
	}
	.item_list03 li {
		width: 33.33333%;
	}
	.item_list04 li {
		width: 25%;
	}
	.item_list05 li {
		width: 20%;
	}
	/* iframe */
	.news_iframe {
		height: 600px;
	}
	/* entry list */
	.entryblock_list {
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		margin: 0 -18px;
	}
	.entryblock_list li {
		width: 33.33333%;
	}
	.entryblock_list li > div {
		padding: 0 18px 30px;
	}
	.entryblock_list a {
		display: block;
	}
	.entryblock_list .thumb {
		width: auto;
		margin-right: 0;
	}
	.entryblock_list .entry_txt em {
		margin: 8px 0 8px;
	}
	/* index */
	.cover_container {
		margin: 0 auto 20px;
	}
	.category_list {
		margin: 0 -15px;
	}
	.category_list li > div {
		margin: 0 15px 30px;
	}
	.category_list a .inner .name {
		font-size: 3rem;
	}
	.category_list a .inner .text {
		font-size: 1.5rem;
	}
	.brand_list .text_box {
		width: 40%;
	}
	.brand_list .fig_box {
		width: 50%;
	}
	.brand_list .flex_block .inner, .brand_list .flex_block.reverse.inner {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		width: auto;
	}
	.brand_list .text_box h3 {
		margin-bottom: 20px;
		font-size: 4rem;
	}
	.brand_list li:last-child .fig_box {
		margin-right: 0;
	}
	/* faq */
	.faq_inner {
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
	}
	.faq_inner .fig_block {
		width: 45%;
		text-align: right;
	}
	.faq_inner .text_block {
		flex: 1;
	}
	
	/* fs //////////////////////////////////////////////////////////// pc */
	/* 商品一覧 */
	.contents_cate_title h1 {
		font-size: 2rem;
	}
	/*.fs-c-coordinationList__controller,
	.fs-c-staffList__controller*/
	.fs-c-sortItems {
		align-items: end;
		font-size: .875rem;
	}
	.fs-c-sortItems__label {
		border: none;
	}
	.fs-c-subgroupList__item {
		flex-basis: calc(33.33333333% + 1px);
	}
	.fs-c-heading--page {
		font-size: 187.5%;
	}
	.fs-c-productReview {
		grid-column: 1 / 3;
	}
	/* 商品一覧：カートボタン */
	.fs-c-button--plain.fs-c-button--addToCart--list {
		padding: 13px 0;
	}
	.fs-c-button--plain.fs-c-button--viewProductDetail {
		padding: 10px 0;
	}
	.fs-c-button--plain.fs-c-button--addToCart--list::before {
		width: 24px;
		height: 28px;
		margin-right: 15px;
	}
	.fs-c-button--plain.fs-c-button--viewProductDetail::before {
		width: 22px;
		height: 26px;
		margin-right: 15px;
	}
	/* 商品一覧：お気に入りアイコン */
	.fs-c-button--particular.fs-c-button--addToWishList--icon::before, .fs-c-button--particular.fs-c-button--removeFromWishList--icon::before {
		font-size: 2.2rem;
	}
	/* 商品詳細 ////////////////////////////////////////// */
	.fs-c-productReview {
		padding: 30px 20px;
	}
	.fs-c-reviewList__item {
		padding: 20px 30px;
	}
	/* cart */
	.fs-body-cart .fs-l-cart__sideColumn {
		margin: 0;
	}
	.fs-c-cartTable__dataCell {
		border-bottom: 1px solid #CCC;
	}
	/* 入力テーブル系共通 */
	.fs-c-inputTable__headerCell, .fs-c-inputTable__dataCell {
		padding: 15px 10px;
	}
	.fs-c-inputTable__headerCell {
		width: 30%;
		padding-top: 1.4em;
		font-weight: normal;
		vertical-align: top;
	}
	.fs-body-register .fs-c-inputTable__dataCell, .fs-body-customerDetails .fs-c-inputTable__dataCell {
		width: 526px;
		max-width: 65%;
	}
	.fs-c-memberPolicyAgreeField .fs-c-inputField, .fs-c-privacyPolicyAgreeField .fs-c-inputField {
		text-align: center;
	}
	/* login */
	.fs-body-login .fs-c-loginForm, .fs-body-cart-login .fs-c-loginForm, .fs-body-wishlist-login .fs-c-loginForm, .fs-body-review-login .fs-c-loginForm {
		justify-content: space-between;
		margin-bottom: 80px;
	}
	/*
	.fs-body-cart-login .fs-c-registeredUsers ,
	.fs-body-cart-login .fs-c-newUsers {
		width: 46%;
	}
	*/
	.fs-body-login .fs-c-registeredUsers, .fs-body-wishlist-login .fs-c-registeredUsers, .fs-body-review-login .fs-c-registeredUsers {
		width: 46%;
	}
	.fs-body-login .fs-c-newUsers, .fs-body-wishlist-login .fs-c-newUsers, .fs-body-review-login .fs-c-newUsers {
		width: 46%;
	}
	.fs-c-inputInformation__link {
		padding: 20px 40px 0 0;
	}
	.fs-c-buttonContainer--login {
		padding: 0 40px;
	}
	.fs-c-otherServiceLogin {
		padding: 0 40px;
	}
}
@media screen and (min-width: 960px) {
	.fs-l-product2 .fs-l-productLayout {
		grid-template-columns: calc(50%) calc(50% - 40px);
		grid-gap: 40px;
	}
}