@charset "UTF-8";
/*!*
	--------------------------------
	Created: 2018.01.15
	Last Modified:
	--------------------------------
	- Table of Contents -
	初期化
	--------------------------------
*!*/

/*!* -------------------------------
	colors
------------------------------- *!*/
:root {
	--index-color-A: #fdf9de;
	--index-color-B: #fdeedf;
	--index-color-C: #fde7e7;
	--index-color-D: #f1e9fa;
	--index-color-E: #e3eefa;
	--index-color-F: #e4f9f9;
	--index-color-G: #eef9e4;

	--anchor-color-A: #feec7e;
	--anchor-color-B: #fcbd7e;
	--anchor-color-C: #fcb1b1;
	--anchor-color-D: #d6b6fa;
	--anchor-color-E: #b1d4fa;
	--anchor-color-F: #b4effa;
	--anchor-color-G: #d3faaf;

	--feature-color-A: #fdfbed;
	--feature-color-B: #fdf5ed;
	--feature-color-C: #fdf1f1;
	--feature-color-D: #f4effa;
	--feature-color-E: #eff4fa;
	--feature-color-F: #ecf9f9;
	--feature-color-G: #f4faef;
}

/*!* -------------------------------
	main_visual
------------------------------- *!*/
.main_visual.product_index{background-image:url(../img/index/img_main_visual.jpg); background-position: 100% 50%;}
.main_visual.product_index.B .B{opacity:1}
.main_visual.product_index.W .W{opacity:1}
.main_visual.product_index .color_select ul li #color_select_01+label:before{background-color:#554447}
.main_visual.product_index .color_select ul li #color_select_02+label:before{background-color:#e9e5e5}
.index_content .index_section{background-position: left center;background-size: auto 100%;}
.index_content .index_section:nth-of-type(even){background-position: right center;}
.index_content .index_section a{color:#333}
.index_content .index_section:nth-of-type(1){background-image:url(../img/index/img_section_01.png);background-color:var(--index-color-A)}
.index_content .index_section:nth-of-type(2){background-image:url(../img/index/img_section_02.png);background-color:var(--index-color-B)}
.index_content .index_section:nth-of-type(3){background-image:url(../img/index/img_section_03.png);background-color:var(--index-color-C)}
.index_content .index_section:nth-of-type(4){background-image:url(../img/index/img_section_04.png);background-color:var(--index-color-D)}
.index_content .index_section:nth-of-type(5){background-image:url(../img/index/img_section_05.png);background-color:var(--index-color-E)}
.index_content .index_section:nth-of-type(odd) .index_section_inner{left: inherit;right: 1.42%}
.index_content .index_section:nth-of-type(even) .index_section_inner{left: 1.42%;right: inherit;}

.main_visual.product_index .main_visual_inner {
	top: 50%;
}

.main_visual .main_visual_note {
	position: absolute;
	right: 1em;
	bottom: .7em;
	font-size: .85em;
	font-weight: bold;
	text-shadow:
    1px 1px 0 #fff,
    -1px 1px 0 #fff,
    -1px -1px 0 #fff,
    1px -1px 0 #fff;
}

.main_visual_logos {
	display: flex;
	margin-top: 0;
	align-items: flex-end;
}
.main_visual_logo {
	display: inline-block;
	margin-right: 50px;
	max-width: 146px;
	width: calc(146 / 600 * 100%);
}
.main_visual_logo img{
	width: 100%;
	height: auto;
}

.main_visual_logo02 {
	display: inline-block;
	max-width: 150px;
	width: calc(150 / 600 * 100%);
}

.main_visual_logo02 img{
	width: 100%;
	height: auto;
}

.main_visual.product_index .main_visual_inner .main_visual_sub-text {
  font-size: .75em;
  text-align: left;
  font-weight: bold;
	margin-bottom: auto;
	margin-top: calc(60 / 600 * 100%);
	margin-left: 10px;
}
.main_visual.product_index .main_visual_inner .main_visual_sub-text--02 {
  margin-top: calc(30 / 584 * 100%);
}


.index_content .index_section:nth-of-type(odd) .index_section_inner {
	right: 0;
}
.index_content .index_section:nth-of-type(even) .index_section_inner {
	left: 0;
}

.index_section .index_section_inner {
	width: auto;
}

@media only screen and (max-width: 767px) {
	.main_visual.product_index .main_visual_inner {
		top: auto;
		height: auto;
		left: initial;
		bottom: calc(65/750*100vw);
		left: 0;
		width: 100%;
	}

	.main_visual_logos {
		display: flex;
		justify-content: flex-start;
		margin-top: -20px;
		width: 100%;
	}

	.main_visual_series {
		font-size: calc(24/750*100vw) !important;
	}
	.main_visual_title {
		font-size: calc(60/750*100vw) !important;
	}

	.main_visual_catch {
		font-size: calc(28/750*100vw) !important;
	}

	.index_section .index_section_inner {
		padding-top: 66.59%;
	}
	.main_visual_logo {
		width: calc(126 / 750 * 100vw);
		max-width: 100%;
		margin-right: calc(60/750*100vw);
	}
	.main_visual_logo02 {
		width: calc(171 / 750 * 100vw);
		max-width: 100%;
	}
	.main_visual.product_index .main_visual_inner .main_visual_sub-text {
    font-size: .7em;
		margin-left: 5px;
  }

  .main_visual.product_index .main_visual_inner .main_visual_sub-text--02 {
    position: absolute;
    width: 100%;
		margin-top: 0;
    bottom: calc(-50 / 750 * 100vw);
    left: 0;
  }

}

@media screen and (max-width: 500px) {
  .main_visual.product_index .main_visual_inner.pos_right { top: 0; }
  .main_visual.product_index .main_visual_inner .main_visual_sub-text {
    font-size: .6em;
  }
  .main_visual.product_index .main_visual_inner .main_visual_sub-text--02 {
		font-size: .5em;
  }
}

/*!* -------------------------------
	product head image
------------------------------- *!*/
.product_tab_nav .upper_nav .product_wrap .head_img{width:110px;}
/*!* -------------------------------
	page_anchor
------------------------------- *!*/
/*! .page_anchor !*/
.page_anchor.page_anchor--color{background-color: #e3e3e3;max-width:none;margin:0;padding-left:11px;padding-right:11px}
.page_anchor.page_anchor--color ul{display: flex;margin:0 auto;max-width:1414px;letter-spacing:normal;padding: 15px 0;}
.page_anchor.page_anchor--color ul li{display:flex;margin:0 2px;padding:0;border-left:none;line-height:calc(20 / 15);width: calc((100% / 7) - 4px);}
.page_anchor.page_anchor--color ul li:last-child{border-right:none}
.page_anchor.page_anchor--color ul li a{box-sizing: border-box;background-color: #fff;border-radius: 5px;display:flex;align-items: center;justify-content: center;font-size: calc((15 / 16) * 100%);font-weight: bold;padding:0;background-image:none;padding: 12px 8px 14px 8px;width: 100%;min-height: 70px;position: relative;}
.page_anchor.page_anchor--color ul li a::after{border-bottom:2px solid #ef1800;border-right:2px solid #ef1800;content: "";position: absolute;bottom: 8px;left: calc(50% - 5px);width: 10px;height: 10px;transform: rotate(45deg);}
.page_anchor.page_anchor--color ul li a:hover{text-decoration:none}
.page_anchor.page_anchor--color ul li:nth-of-type(1) a.is-active{background-color: var(--anchor-color-A);}
.page_anchor.page_anchor--color ul li:nth-of-type(2) a.is-active{background-color: var(--anchor-color-B);}
.page_anchor.page_anchor--color ul li:nth-of-type(3) a.is-active{background-color: var(--anchor-color-C);}
.page_anchor.page_anchor--color ul li:nth-of-type(4) a.is-active{background-color: var(--anchor-color-D);}
.page_anchor.page_anchor--color ul li:nth-of-type(5) a.is-active{background-color: var(--anchor-color-E);}
.page_anchor.page_anchor--color ul li:nth-of-type(6) a.is-active{background-color: var(--anchor-color-F);}
.page_anchor.page_anchor--color ul li:nth-of-type(7) a.is-active{background-color: var(--anchor-color-G);}
.page_anchor.page_anchor--fixed{border-top: 1px solid #fff}
.page_anchor.page_anchor--fixed ul{padding: 10px 0;}
.product_tab_nav .page_anchor{display:none}
.product_tab_nav.is-fixed .page_anchor{display:block;margin-top: -1px;}
@media (hover: hover) {
    .page_anchor.page_anchor--color ul li a{transition: background-color .3s ease;}
    .page_anchor.page_anchor--color ul li:nth-of-type(1) a:hover{background-color: var(--anchor-color-A);}
    .page_anchor.page_anchor--color ul li:nth-of-type(2) a:hover{background-color: var(--anchor-color-B);}
    .page_anchor.page_anchor--color ul li:nth-of-type(3) a:hover{background-color: var(--anchor-color-C);}
    .page_anchor.page_anchor--color ul li:nth-of-type(4) a:hover{background-color: var(--anchor-color-D);}
    .page_anchor.page_anchor--color ul li:nth-of-type(5) a:hover{background-color: var(--anchor-color-E);}
    .page_anchor.page_anchor--color ul li:nth-of-type(6) a:hover{background-color: var(--anchor-color-F);}
    .page_anchor.page_anchor--color ul li:nth-of-type(7) a:hover{background-color: var(--anchor-color-G);}
}

@media screen and (min-width:768px){
	.page_anchor.page_anchor--color ul {
		justify-content: center;
	}
}

/*!* -------------------------------
	product feature image
------------------------------- *!*/
.content.recording .section-fill{padding-top: 75px;padding-bottom: 100px;margin-top: 0;}
.content.recording .section-fill--01{background-color: var(--feature-color-A);}
.content.recording .section-fill--02{background-color: var(--feature-color-B);}
.content.recording .section-fill--03{background-color: var(--feature-color-C);}
.content.recording .section-fill--04{background-color: var(--feature-color-D);}
.content.recording .section-fill--05{background-color: var(--feature-color-E);}
.content.recording .section-fill--06{background-color: var(--feature-color-F);}
.content.recording .section-fill--07{background-color: var(--feature-color-G);}
.content.recording .section-fill .headline .outer{border-bottom: 3px solid #dbdbdb}
.content.recording .section-fill .subheadline{background-color: #e3e3e3}
.content.recording #section01_01 .products_img img{width:77.37%}
.content.recording #section01_02 .products_img img{width:72.46%}
.content.recording #section01_03 .products_img img{width:30.58%;vertical-align:middle}
.content.recording #section01_03 .products_img img+img{width:31.25%;margin-left:1.92%}
.content.recording #section01_03 .products_img img+img+img{width:34.83%;margin-left:1.25%}
.content.recording #section01_04 .products_img img{width:57.54%}
.content.recording #section01_05 .products_img img{width:57.54%}
.content.recording #section01_06 .products_img img{width:91.4%}
.content.recording #section02_01 .products_img img{width:99.65%}
.content.recording #section02_02 .products_has_2col .products_has_2col .col{width:47.19%}
.content.recording #section02_02 .products_has_2col .products_has_2col .col+.col{margin-left:5.26%}
.content.recording #section02_02 .products_has_2col .products_has_2col .col .products_img img{width:100%}
.content.recording #section02_02 .products_has_2col .products_has_2col .col .bold+.products_img{margin-top:15px}
.content.recording #section02_02 .products_has_2col .products_has_2col+.products_has_2col{margin-top:40px}
.content.recording #section02_02 .products_has_2col .bold+.products_has_2col{margin-top:15px}
.content.recording #section03_01 .products_img img{width:72.11%}
.content.recording #section04_01 .products_has_2col .products_has_2col .col{width:46.67%}
.content.recording #section04_01 .products_has_2col .products_has_2col .col+.col{margin-left:6.67%}
.content.recording #section04_01 .products_has_2col .products_has_2col .col .products_img img{width:100%}
.content.recording #section04_01 .products_has_2col .products_has_2col .col .bold+p{font-size:.88em}
.content.recording #section04_01 .products_has_2col .products_has_2col .col .bold+.products_img,.content.recording #section04_01 .products_has_2col .products_has_2col .col .bold+p+.products_img{margin-top:10px}
.content.recording #section04_01 .products_has_2col .products_has_2col+.products_has_2col{margin-top:25px}
.content.recording #section04_01 .products_has_2col .after{position:relative}
.content.recording #section04_01 .products_has_2col .after:before{position:absolute;top:50%;left:-9%;content:"";width:0;height:0;border-style:solid;border-width:21.5px 0 21.5px 17px;border-color:transparent transparent transparent #999}
.content.recording #section04_01 .products_has_2col .col:nth-child(5) .products_img img{margin-top:2.5em;width:84.21%}
.content.recording #section04_01 .products_has_2col .caption{margin-top:3px;font-size:.88em}

.products_img.products_img--w800 {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}

@media only screen and (min-width: 768px) {
	.main_visual.product_index .main_visual_wrap {
		padding-bottom: 41.667%;
	}
}

.ballon {
	width: fit-content;
	color: #fff;
	background: #9f0077;
	padding: 1em 2em;
	border-radius: 50%;
	font-weight: bold;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.cont-right-bottom {
	margin-top: auto;
	margin-left: auto;
}
.cont-right-bottom20 {
	margin-top: 20px;
	margin-left: auto;
}

.products_has_4col {
	display: flex;
	flex-wrap: wrap;
	margin-right: -25px;
	margin-left: -25px;
}

.products_has_4col .col {
	padding-right: 25px;
	padding-left: 25px;
	width: calc(25% - 50px);
	margin-top: 30px;
}

.products_img img {
	vertical-align: bottom;
}

.color-red {
	color: #d00100;
}

.p-box {
	padding: 10px;
	border: 1px solid #000;
}

.p-flex {
	display: flex;
}

.p-flex.center {
	justify-content: center;
}

.p-flex > .w50 {
	width: 50%;
}

.border {
	border: 1px solid #000;
	padding: 18px;
}

.video_wrap { position: relative; display: block; max-width: 600px; margin-right: auto; margin-left: auto; }

.video_wrap > div { padding-top: 56.25%; }

.video_wrap > div > * { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; }


.new-icon {
	position: relative;
}
.new-icon::before{
	content:"";
	position: absolute;
	left: -8px;
	top: -15px;
	width: 49px;
	height: 32px;
	background: url(../img/feature/icon_new.png) no-repeat center / 100%;
}


.product_has_row {
	display: flex;
	align-items: flex-end;
}

.product_has_row > .col {
	margin-right: 10px;
	margin-left: 10px;
}

@media only screen and (max-width:767px){

	.head_local_nav .container {
		display: block;
	}

	.cont-right-bottom {
		margin-right: auto;
		margin-left: auto;
	}
	.cont-right-bottom20 {
		margin-top: 0;
		margin-right: auto;
		margin-left: auto;
	}

	.products_has_4col {
		margin-right: -10px;
		margin-left: -10px;
		margin-top: 25px;
	}

	.products_has_4col .col {
		padding-right: 10px;
		padding-left: 10px;
		width: calc(50% - 20px);
		margin-top: 0;
		margin-bottom: 20px;
	}
	.new-icon::before{
		left: calc(-10 / 750 * 100vw);
		top: calc(-15 / 750 * 100vw);
		width: calc(73.5 / 750 * 100vw);
		height: calc(48 / 750 * 100vw);
	}

	.products_img.products_img--w800 {
		text-align: center;
	}

}




/*!* -------------------------------
	spec
------------------------------- *!*/
.spec_content .spec_head .img_product{padding:0 5px}
.spec_content .spec_head .product_info{margin-top:10px}
.spec_content .spec_head .icon_point img{width:213px}
.spec_content .spec_detail .spec_more .item .image img{width:91.58%}
.spec_content .spec_detail .spec_more .item+.item .image img{width:14.04%}
@media only screen and (max-width:767px){.main_visual.product_index{background-image:url(../img/index/img_main_visual_sp.jpg)}
.index_content .index_section{background-position: center top;background-size: 100% auto;}
.index_content .index_section:nth-of-type(even){background-position: center top;}
.index_content .index_section:nth-of-type(1){background-image:url(../img/index/img_section_01_sp.jpg)}
.index_content .index_section:nth-of-type(2){background-image:url(../img/index/img_section_02_sp.jpg)}
.index_content .index_section:nth-of-type(3){background-image:url(../img/index/img_section_03_sp.jpg)}
.index_content .index_section:nth-of-type(4){background-image:url(../img/index/img_section_04_sp.jpg)}
.index_content .index_section:nth-of-type(5){background-image:url(../img/index/img_section_05_sp.jpg)}
.index_content .index_section:nth-of-type(odd) .index_section_inner{right: auto}
.index_content .index_section:nth-of-type(even) .index_section_inner{left: auto}
.product_tab_nav .upper_nav .product_wrap .head_img{width:110px;}
.page_anchor.page_anchor--color{padding-left:5px;padding-right:5px}
.page_anchor.page_anchor--color ul{flex-wrap: wrap;margin:0;max-width:none;padding: 6px 0;}
.page_anchor.page_anchor--color ul li{margin:0 1px;line-height:calc(25 / 22);width: calc((100% / 3) - 2px);}
.page_anchor.page_anchor--color ul li:nth-of-type(n+4){width: calc((100% / 3) - 2px);margin-top: 2px;}
.page_anchor.page_anchor--color ul li a{border-radius: 4px;font-size: calc((11 / 15.96) * 100%);padding: 8px 5px 10px 5px;min-height:45px;}
.page_anchor.page_anchor--color ul li a::after{border-bottom:1px solid #ef1800;border-right:1px solid #ef1800;bottom: 5px;left: calc(50% - 3px);width: 6px;height: 6px;}
.page_anchor.page_anchor--fixed{border-top: 1px solid #d2d2d2;margin-top: -1px;}
.page_anchor.page_anchor--fixed ul{padding: 6px 0;}
.page_anchor.page_anchor--fixed ul li {width: calc((100% / 3) - 2px);}
.content.recording .section-fill{padding-top: 40px;padding-bottom: 60px;}
.content.recording #section01_01 .products_img img{width:85.86%}
.content.recording #section01_02 .products_img img{width:86.55%}
.content.recording #section01_03 .products_img{text-align:left}
.content.recording #section01_03 .products_img img{width:88.1%}
.content.recording #section01_03 .products_img img+img{width:89.66%;margin:15px 0 0}
.content.recording #section01_03 .products_img img+img+img{width:100%;margin:15px 0 0}
.content.recording #section01_04 .products_img img{width:100%}
.content.recording #section01_05 .products_img img{width:100%}
.content.recording #section01_06 .products_img img{width:100%}
.content.recording #section01_06 .products_has_2col .col+.col{margin-top:30px}
.content.recording #section02_02 .products_has_2col .col:nth-child(3){margin-top:40px}
.content.recording #section02_02 .products_has_2col .products_has_2col .col{width:100%}
.content.recording #section02_02 .products_has_2col .products_has_2col .col+.col{margin:25px 0 0}
.content.recording #section02_02 .products_has_2col .products_has_2col .col .products_img{padding:0 15px}
.content.recording #section02_02 .products_has_2col .products_has_2col+.products_has_2col{margin-top:30px}
.content.recording #section03_01 .products_img img{width:85.86%}
.content.recording #section04_01 .products_has_2col .col:nth-child(4){margin-top:40px}
.content.recording #section04_01 .products_has_2col .bold.sp_small{margin-bottom:15px}
.content.recording #section04_01 .products_has_2col .products_has_2col .col{width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}
.content.recording #section04_01 .products_has_2col .products_has_2col .col+.col{margin:35px 0 0}
.content.recording #section04_01 .products_has_2col .products_has_2col+.products_has_2col{margin-top:30px}
.content.recording #section04_01 .products_has_2col .products_has_2col+.products_has_2col .col+.col{margin-top:20px}
.content.recording #section04_01 .products_has_2col .after:before{top:-25px;left:50%;margin-left:-21px;border-width:17px 21.5px 0 21.5px;border-color:#999 transparent transparent transparent}
.content.recording #section04_01 .products_has_2col .col:nth-child(5) .products_img img{margin-top:0;width:100%}
.spec_content .spec_head .img_product{padding:0 10px}
.spec_content .spec_head .product_info{margin-top:45px}
.spec_content .spec_detail .spec_more .item .image img{width:100%}
.spec_content .spec_detail .spec_more .item+.item .image img{width:27.59%}
}

.spec_pro_color {
	padding: 0 10px 0 14px;
    font-size: 42%;
    font-weight: normal;
    vertical-align: middle;
}

/*!* -------------------------------
	util
------------------------------- *!*/
.overflow-hidden {
	overflow: hidden;
}

.mt-pc30-sp20 {
	margin-top: 30px !important;
}

@media only screen and (max-width:767px){
	.mt-pc30-sp20 {
		margin-top: 20px !important;
	}
}