@charset "utf-8";

/* @group ========== common ========== */
/* ================================================================= */

.font_yugothic{
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
}

/* IE11は游ゴシックの下に隙間ができる。游ゴシックを使うときIE11はメイリオにする。 */
@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop, .font_yugothic{
    font-family: "メイリオ", Meiryo, sans-serif;
  }
}

.contents#toppage {
	-webkit-font-feature-settings: 'palt' 1;
	        font-feature-settings: 'palt' 1;
	letter-spacing: .05em;
	margin: 0 0 160px;
}


.title {
	font-weight: bold;
	line-height: 1.4;
	color: #4a3000;
}

/* @group section */

.section {
	padding: 60px 0 0;
	margin: 0 0 60px;
	border-top: 1px solid #cecece;
}

.section:first-child {
	border-top: none;
}

/* title */

.section_title_box,
.sub_section_title_box {
	margin: 0 0 40px;
}

.section_title_box {
	
}

.section_icon {
	display: block;
	margin: 0 auto 11px;
	width: 64px;
	height: 64px;
	background: center no-repeat;
	background-size: contain;
}

.section_icon_products { background-image: url(../images/title_icon_gift.png); }
.section_icon_special { background-image: url(../images/title_icon_star.png); }
.section_icon_servise { background-image: url(../images/title_icon_heart.png); }
.section_icon_tips { background-image: url(../images/title_icon_light.png); }

@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx){
	.section_icon_products { background-image: url(../images/title_icon_gift@2x.png); }
	.section_icon_special { background-image: url(../images/title_icon_star@2x.png); }
	.section_icon_servise { background-image: url(../images/title_icon_heart@2x.png); }
	.section_icon_tips { background-image: url(../images/title_icon_light@2x.png); }
}

@media (-webkit-min-device-pixel-ratio: 3), (-o-min-device-pixel-ratio: 3/1), (min-resolution: 3dppx){
	.section_icon_products { background-image: url(../images/title_icon_gift@3x.png); }
	.section_icon_special { background-image: url(../images/title_icon_star@3x.png); }
	.section_icon_servise { background-image: url(../images/title_icon_heart@3x.png); }
	.section_icon_tips { background-image: url(../images/title_icon_light@3x.png); }
}


.section_title,
.sub_section_title {
	text-align: center;
}

.section_title {
	font-size: 3.6rem;
	line-height: 1.4;
}

.sub_section_title {
	font-size: 3.2rem;
	line-height: 1.5;
}

.section_subtitle {
	display: block;
	margin: 7px auto 0;
	font-family: Arial;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1;
	color: #f76d29;
}

.section_lead,
.sub_section_lead {
	font-weight: bold;
	line-height: 1.72;
	text-align: center;
}

.section_lead {
	margin: 0 auto;
	font-size: 1.8rem;
}

.section_body {
	margin: 53px 0 0;
}

.section_lead + .section_body {
	/* margin-topを.section_leadのline-heightの余白分減らす */
	margin: 47px 0 0;
}

/* sub_section */

.sub_section_container {
	max-width: 950px;
    margin: 0 auto;
}

.sub_section_container:after {
	content: '';
	display: block;
	clear: both;
}

.sub_section {
	width: 50%;
	float: left;
	text-align: center;
}

.sub_section_lead {
	margin: 0 auto 29px;
	font-size: 1.6rem;
}

.sub_section_link {
	display: block;
}

/* @end section */

.gift_footer {
	border-top: 1px solid #343434;
}


@media screen and (max-width: 1140px) {
	.contents#toppage {
		margin: 0 0 calc( 120 / 1080 * 100% );
	}
	.section_title {
		font-size: calc( 36 / 1140 * 100vw );
	}
	
	.sub_section_title {
		font-size: calc( 32 / 1140 * 100vw );
	}
	
	.section_title .section_subtitle {
		font-size: calc( 14 / 36 * 1em );
	}
	
	.sub_section_title .section_subtitle {
		font-size: calc( 14 / 32 * 1em );
	}
}

@media (max-width: 991px) {
	.section_lead {
		font-size: 1.6rem;
	}
	.sub_section_lead {
		font-size: 1.6rem;
	}

}

@media (max-width: 767px) {
	.section {
		padding: calc(60 / 768 * 100vw) 0 0;
		margin: 0 0 calc(60 / 768 * 100vw);
	}
	.section_icon {
		width: 56px;
		height: 56px;
	}
	.section_title {
		font-size: 2.4rem;
	}
	
	.sub_section_title {
		font-size: 2.4rem;
	}
	.section_body,
	.section_lead + .section_body {
    	margin: 40px 0 0;
	}
	.sub_section:first-child {
		padding-right: 8px;
	}
	.sub_section:last-child {
		padding-left: 8px;
	}
	.sub_section_lead {
		font-size: 1.4rem;
	}
}

@media (max-width: 575px) {
	.section {
		padding: 25px 0 0;
		margin: 0 0 40px;
	}
	.section_icon {
		margin-bottom: 6px;
		width: 36px;
		height: 36px;
	}
	.section_title_box, .sub_section_title_box {
    	margin: 0 0 20px;
	}
	.section_title {
		font-size: 2.0rem;
	}
	.sub_section_title {
		font-size: 1.8rem;
	}
	.section_subtitle.section_subtitle {
		font-size: .8rem;
	}
	.section_lead {
		font-size: 1.3rem;
	}
	.sub_section:first-child {
		padding-right: 8px;
	}
	.sub_section:last-child {
		padding-left: 8px;
	}
	.sub_section_lead {
		font-size: 1.2rem;
		margin: 0 auto 25px;
	}
	.section_body,
	.section_lead + .section_body {
    	margin: 30px 0 0;
	}
}

@media (max-width: 479px) {
	.sub_section_lead {
		font-size: 1.0rem;
		margin: 0 auto 15px;
	}
	.section_body,
	.section_lead + .section_body {
    	margin: 25px 0 0;
	}
}

/* @end common */

/* @group ========== main visual ========== */
/* ================================================================= */

.swiper-container {
	
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	/*background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSI0MSIgdmlld0JveD0iMCAwIDIyIDQxIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9InNsaWRlcl9hcnJvdy5zdmciIGNsYXNzPSJjbHMtMSIgZD0iTTE2NjcuMDksMzQ4Ljk4NWwtMi4wOC0yLjEzOCwxNy44My0xOC4zNTQtMTcuODMtMTguMzU0LDIuMDgtMi4xMzgsMTkuOSwyMC40OTJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTY2NSAtMzA4KSIvPgo8L3N2Zz4K);*/
	background-image: url(../../common/images/arrow_slider.svg);
	-webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.4));
            filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.4));
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 50%;
    right: auto;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    margin-left: -33.5%;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    left: auto;
    right: 50%;
    margin-right: -33.5%;
}

.mv_link {
	display: block;
}

.mv_pic {
	display: block;
	width: 100%;
}

.mv_img {
	width: 100%;
}

@media screen and (max-width: 1140px) {
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	    left: 20px;
	    margin-left: 0;
	    -webkit-transform: rotate(180deg);
	        -ms-transform: rotate(180deg);
	            transform: rotate(180deg);
	}	
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	    right: 20px;
	    margin-right: 0;
	}
}

@media (max-width: 767px) {
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		-webkit-filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.4));
	            filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.4));
	}

	.swiper-button-next, .swiper-button-prev {
	    width: calc( 27px * .8 );
	    height: calc( 44px * .8 );
	    margin-top: calc( -22px * .8 );
	    background-size: contain;
	}
}

@media (max-width: 575px) {
	.swiper-button-next, .swiper-button-prev {
	    width: calc( 27px * .6 );
	    height: calc( 44px * .6 );
	    margin-top: calc( -22px * .6 );
	    background-size: contain;
	}
}

/* @end common */

/* @group ========== 商品情報 ========== */
/* ================================================================= */

.products_nav {
	margin: 0 auto calc( 120 / 1080 * 100% );
}

.products_nav_list {
	margin-top: -20px;
	/* margin-left: -20px; */
	margin-top: calc( -20 / 1080 * 100% );
	/* margin-left: calc( -20 / 1080 * 100% ); */

	text-align: center;
	letter-spacing: -0.4em;
}

/* .products_nav_list:after {
	content: '';
	display: block;
	clear: both;
} */

.products_nav_item {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-top: 20px;
	padding-left: 20px;
	padding-top: calc( 20 / (1080 + 20) * 100% );
	/* padding-left: calc( 20 / (1080 + 20) * 100% );
	float: left;
	width: 25%; */
	display: inline-block;
	width: 26%;
	padding-left: calc( 15 / (1080 + 20) * 100% );
	padding-right: calc( 15 / (1080 + 20) * 100% );
}
.products_nav_item:nth-of-type(-n + 3) {
	padding-bottom: 35px;
	padding-bottom: calc( 35 / (1080 + 20) * 100% );
}
.products_nav_item_img {
	width: 100%;
}

.products_nav_item_link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.products_nav_item_link:hover {
	text-decoration: none;
	color: inherit;
}

.products_nav_item_btn_box {
	margin: 30px 0 0;
}

.products_nav_item_btn,
.products_nav_item_btn_slim,
.products_nav_item_btn_multiline {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid #bdbdbd;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	font-weight: bold;
	border-radius: 10em;
	line-height: 1;
	letter-spacing: 0;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.products_nav_item_btn {
	font-size: 1.4rem;
	min-height: calc( 60 / 14 * 1em );
	padding: .4em;
}

.products_nav_item_btn_multiline {
	font-size: 1.2rem;
	min-height: calc( 60 / 12 * 1em );
	padding: .4em;
	line-height: 1.5;
}

.products_nav_item_btn_slim {
	font-size: 1.2rem;
	min-height: calc( 50 / 14 * 1em );
	padding: .3em;
	margin: 5px 0 0;
}

@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop, .products_nav_item_btn {
	height: calc( 60 / 14 * 1em );
  }
  *::-ms-backdrop, .products_nav_item_btn_multiline {
	height: calc( 60 / 12 * 1em );
  }
  *::-ms-backdrop, .products_nav_item_btn_slim {
	height: calc( 50 / 14 * 1em );
  }
}

.products_nav_item_btn_plus {
	display: block;
	line-height: 1;
	font-size: .9em;
	margin: -.05em auto;
}

.products_nav_item_btn_font_small {
	font-size: 1.3rem;
}

.products_nav_item_btn:after,
.products_nav_item_btn_slim:after,
.products_nav_item_btn_multiline:after {
	content: '';
	display: block;
	width: 14px;
	height: 10px;
	background: url(../../common/images/arrow_btn_type02_black.svg) center no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translate(0,-50%);
	    -ms-transform: translate(0,-50%);
	        transform: translate(0,-50%);
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}


.products_nav_item_link:hover .products_nav_item_btn,
.products_nav_item_btn_multiline:hover, 
.products_nav_item_btn_slim:hover {
	color: #f76d29;
    background-color: #fff;
    border-color: #f76d29;
}

.products_nav_item_link:hover .products_nav_item_btn:after,
.products_nav_item_btn_multiline:hover:after, 
.products_nav_item_btn_slim:hover:after {
	background-image: url(../../common/images/arrow_btn_type02_orange.svg);
	-webkit-transform: translate(25%,-50%);
	    -ms-transform: translate(25%,-50%);
	        transform: translate(25%,-50%);
}

@media screen and (max-width: 1140px) {
	.products_nav_item_btn {
		font-size: calc( 14 / 1140 * 100vw );
	}
	.products_nav_item_btn_multiline {
		font-size: calc( 12 / 1140 * 100vw );
	}
}

@media (max-width: 991px) {
	.products_nav_item_btn_box {
		margin: calc( 30 / 992 * 100vw ) 0 0;
	}
	.products_nav_item_btn {
		font-size: calc( 14 / 992 * 100vw );
	}
	.products_nav_item_btn_multiline {
		font-size: calc( 12 / 992 * 100vw );
	}
	.products_nav_item_btn_slim {
		font-size: 1.0rem;
		padding: 1em .3em;
		min-height: calc( 60 / 14 * 1em );
	}
	.products_nav_item_btn_font_small {
		font-size: calc( 13 / 992 * 100vw );
	}
	.products_nav_item_btn:after, 
	.products_nav_item_btn_slim:after, 
	.products_nav_item_btn_multiline:after {
	    right: 15px;
	}
}

@media (max-width: 991px) and (-ms-high-contrast:none) {
  *::-ms-backdrop, .products_nav_item_btn_slim {
	height: calc( 60 / 14 * 1em );
  }
}

@media (max-width: 767px) {
	.products_nav_list {
		margin-top: calc( -30 / 768 * 100vw );
		margin-left: calc( -20 / 768 * 100vw );
		text-align: left;
	}
	.products_nav_item {
		padding-top: calc( 30 / (768 + 20) * 100vw );
		padding-left: calc( 20 / (768 + 20) * 100vw );
		padding-right: 0;
		width: 50%;
	}
	.products_nav_item:nth-of-type(-n + 3) {
		padding-bottom: 0;
	}
	.products_nav_item_btn_box {
		margin: calc( 30 / 768 * 100vw ) 0 0;
	}
	.products_nav_item_btn {
		font-size: calc( 13 / 768 * 100vw );
	}
	.products_nav_item_btn_multiline {
		font-size: calc( 12 / 768 * 100vw );
		min-height: calc( 60 / 12.92 * 1em );
	}
	.products_nav_item_btn_slim {
		font-size: calc( 13 / 768 * 100vw );
		min-height: calc( 60 / 14 * 1em );
		padding: .4em;
	}
	.products_nav_item_btn_font_small {
		font-size: calc( 12 / 768 * 100vw );
	}
	.products_nav_item_btn:after, 
	.products_nav_item_btn_multiline:after, 
	.products_nav_item_btn_slim:after {
		width: calc(14px * .8);
		height: calc(10px * .8);
	    right: 12px;
	}
	.products_nav_item_link:hover .products_nav_item_btn:after,
	.products_nav_item_btn_multiline:hover:after, 
	.products_nav_item_btn_slim:hover:after {
		-webkit-transform: translate(20%,-50%);
		    -ms-transform: translate(20%,-50%);
		        transform: translate(20%,-50%);
	}
}

@media (max-width: 767px) and (-ms-high-contrast:none) {
  *::-ms-backdrop, .products_nav_item_btn_multiline {
	height: calc( 60 / 12.92 * 1em );
  }
  *::-ms-backdrop, .products_nav_item_btn_slim {
	height: calc( 60 / 14 * 1em );
  }
}

@media (max-width: 575px) {
	.products_nav {
    	margin: 0 auto;
	}
	.products_nav_list {
		margin-top: calc( -20 / 375 * 100vw );
		margin-left: calc( -15 / 375 * 100vw );
	}
	.products_nav_item {
		padding-top: calc( 20 / (375 + 15) * 100vw );
		padding-left: calc( 15 / (375 + 15) * 100vw );
		width: 50%;
	}
	.products_nav_item_btn_box {
		margin: 20px 0 0;
	}
	.products_nav_item_btn,
	.products_nav_item_btn_slim,
	.products_nav_item_btn_multiline {
		font-size: 1.2rem;
	}
	.products_nav_item_btn_multiline {
		min-height: calc( 60 / 14 * 1em );
	}
	.products_nav_item_btn_font_small {
		font-size: 1.1rem;
	}
	.products_nav_item_btn_plus {
    	margin: -.05em auto 0;
	}
}

@media (max-width: 479px) {
	.products_nav_item_btn_box {
		margin: 15px 0 0;
	}
	.products_nav_item_btn,
	.products_nav_item_btn_slim,
	.products_nav_item_btn_multiline {
		font-size: 1.0rem;
	}
	.products_nav_item_btn_font_small {
		font-size: 0.8rem;
	}

}

/* @end 商品情報 */

/* @group ========== スペシャル ========== */
/* ================================================================= */

.special_nav {
	
}

.special_nav_list {
	position: relative;
	/* clearfix */
	overflow: hidden;
	letter-spacing: -0.4em;
	text-align: center;
}
/*
.special_nav_item_large {
	width: calc( 560 / 1080 * 100% );
	float: left;
}

.special_nav_item_middle {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	
	width: calc( 260 / 1080 * 100% );
	float: left;
	
	margin-top: calc((1080 - 560 - (240 * 2)) / 2 / 1080 * 100% );
	padding-left: calc(20 / 1080 * 100% );
}

@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop, .special_nav_item_middle {
    width: calc( 258 / 1080 * 100% );
  }
}

.special_nav_item_middle:nth-child(-n + 3){
	margin-top: 0;
}

.special_nav_item_small {
	width: calc( 270 / 1080 * 100% );
	position: absolute;
	bottom: 0;
}

.special_nav_item_small {
	left: 0;
}

.special_nav_item_small + .special_nav_item_small {
	
	left: calc( 560 / 1080 * 100% );
	-webkit-transform: translate(-100%,0);
	    -ms-transform: translate(-100%,0);
	        transform: translate(-100%,0);
}
*/
.special_nav_item_middle{
	width: calc( 260 / 1080 * 100% );
	padding-left: calc(20 / 1080 * 100% );
	display: inline-block;
	letter-spacing: normal;
    margin-bottom: calc(20 / 1080 * 100% );
}

.special_nav_item_small {
	width: calc( 320 / 1080 * 100% );
	padding-left: calc(20 / 1080 * 100% );
	display: inline-block;
	letter-spacing: normal;
}

.special_nav_item_link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.special_nav_item_img {
	width: 100%;
}

@media screen and (max-width: 1140px) {
	
}

@media (max-width: 991px) {
	
}

@media (max-width: 767px) {
	
}

@media (max-width: 575px) {
	.special_nav_list {
		margin: calc(15 / 375 * -100vw) 0 0 calc(15 / 375 * -100vw);
	}
	.special_nav_item_large {
		width: auto;
		float: none;
		padding: calc(15 / 375 * 100vw) 0 0 calc(15 / 375 * 100vw);
	}
	.special_nav_item_middle {
		width: 50%;
		float: left;
		margin: 0;
		padding: calc(15 / 375 * 100vw) 0 0 calc(15 / 375 * 100vw);
	}
	.special_nav_item_small {
		left: auto;
		bottom: auto;
		width: 50%;
		position: static;
		float: left;
		margin: 0;
		padding: calc(15 / 375 * 100vw) 0 0 calc(15 / 375 * 100vw);
	}
	.special_nav_item_small + .special_nav_item_small {
		left: auto;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
	}
}




/* @end スペシャル */