@charset "UTF-8";

/* *****************

    #main-content

******************* */

#main-content {

	width: 100%;

	max-width: 1920px;

    margin: 0 auto;

    color: #000000;

    font-size: 14px;

    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

#main-content * {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

}

#main-content dl,

#main-content dd,

#main-content dt,

#main-content ol,

#main-content ul,

#main-content li {

	margin: 0;

	padding: 0;

	list-style: none;

}

#main-content figure,

#main-content figcaption {

	margin: 0;

	padding: 0;

}

#main-content button {

	margin: 0;

	padding: 0;

	background: none;

	border: none;

	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;

	outline: none;

}

#main-content h1,

#main-content h2,

#main-content h3 {

	margin: -.2em 0;

	padding: 0;

	line-height: 1.4;

	font-family: "Gothic MB101 Bold", "MySansSerif", "YakuHanJP", sans-serif;

	text-rendering: optimizeLegibility;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

#main-content h4,

#main-content h5,

#main-content h6 {

	margin: -.2em 0;

	padding: 0;

	line-height: 1.4;

	text-rendering: optimizeLegibility;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

#main-content p {

	margin: -.3em 0;

	padding: 0;

	line-height: 1.6;

	color: #585858;

}

#main-content a {

	display: inline-block;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

	-webkit-box-shadow: none;

	box-shadow: none;

	outline: none;

}

#main-content a:link,

#main-content a:visited,

#main-content a:hover,

#main-content a:active,

#main-content a:focus {

	color: #000000;

	text-decoration: none;

}

#main-content a:hover {opacity: .8;transition: .3s;}

#main-content img {

	width: 100%;

	vertical-align: bottom;

}

#main-content *.thumb {margin-bottom: 1em;}

#main-content *.name {font-size: 14px;line-height: 1.4;margin: -.2em 0;color: #000}

#main-content *.price {font-size: 10px;line-height: 1;margin-top: .8em;}

#main-content *.price *.num {

    font-family: "Helvetica", sans-serif;

    font-size: calc(24px * 1.095);

    font-weight: bold;

    margin:0 .2em;

}

#main-content *.price *.currency {font-size: 12px;}

#main-content *.size {

	display: inline-block;

	font-family: "Helvetica", sans-serif;

	font-size: calc(20px * 1.095);

	font-weight: bold;

	line-height: 1;

}

#main-content a.pre-release {pointer-events: none;}

/*  ---------------------

  #main-content sp

---------------------  */

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

	#main-content {

		font-size: 3.733vw;

	}

    #main-content p {font-size: 3.733vw;}

    #main-content *.name {font-size: 3.2vw;line-height: 1.5;margin: -.25em 0;}

    #main-content *.price {font-size: 2.667vw;margin-top: 2.133vw}

    #main-content *.price *.num {font-size: calc(4vw * 1.095);}

    #main-content *.price *.currency {font-size: 2.667vw;}

}

/*  ---------------------

  Utility

---------------------  */

#main-content *.ut-hide {display: none !important}

#main-content *.ut-in-block {display: inline-block}

#main-content *.ut-left {float: left}

#main-content *.ut-right {float: right}

#main-content *.ut-clearfix::after {

    clear: both;

    content: '';

    display: block;

}

#main-content *.ut-sp {display: none!important;}

#main-content *.ut-wrapper {

    max-width: 960px;

    margin-left: auto;

    margin-right: auto;

    padding-left: 40px;

    padding-right: 40px;

}

#main-content *.ut-inner {

    padding-left: 76px;

    padding-right: 76px;

}

#main-content *.ut-inner_pc {

    padding-left: 40px;

    padding-right: 40px;

}

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

    #main-content *.ut-pc {display: none !important}

    #main-content *.ut-sp {display: block !important}

    #main-content *.ut-wrapper {padding-left: 8vw;padding-right: 8vw;}

    #main-content *.ut-inner {padding-left: 8vw;padding-right: 8vw;}

    #main-content *.ut-inner_pc {padding-left: 0;padding-right: 0;}

    #main-content *.ut-inner_sp {padding-left: 8vw;padding-right: 8vw;}

}

/* =====================

    - #main-content

        > #hero

        > #promotion

        > #feature

        > #product

          > #anchor

          > #hard

          > #soft

===================== */

#main-content {

	min-width: 794px;

	margin-bottom: 30px;

}

#main-content .flag {

	width: 100%;

	text-align: center;

}

#main-content #hero .flag__deliveryfree {margin-top: 30px;}

#main-content #product .flag__new {margin-bottom: 15px;}

#main-content .flag > span {

	display: inline-block;

	width: 100%;

	padding: .4em;

	font-weight: 600;

	line-height: 1;

	text-align: center;

	background-color: #e5e5e5;

}

#main-content .flag__deliveryfree > span {

	width: auto;

	color: #585858;

}

#main-content .link__section {

	max-width: 570px;

	margin-left: auto;

	margin-right: auto;

	margin-top: 60px;

	text-align: center;

}

#main-content .link__section a {

	width: 100%;

	padding: .778em 0;

	text-align: center;

	border: 1px solid #ddd;

}

#main-content .link__list {

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	justify-content: space-between;

			-webkit-justify-content: space-between;

			-ms-flex-pack: justify;

}

#main-content .link__list li {width: 17.89%;}

#main-content .link__list li a {border-radius: 4px;}

#main-content .link__list li a:hover {color: #fff;background-color: #585858;}

#main-content .btn__size {

	font-family: "Helvetica", sans-serif;

	font-size: 22px;

	font-weight: bold;

}

#main-content .btn__size span {

	font-family: "Gothic MB101 Bold", "MySansSerif", "YakuHanJP", sans-serif;

	font-size: .727em;

}

#main-content .caption {

	display: inline-block;

	margin-top: .8em;

	font-size: 12px;

	line-height: 1;

}

#main-content .caption__icon {

	font-size: 75.5%;

	vertical-align: top;

	position: relative;

	top: -0.1em;

}



#main-content .section__heading {

	margin-bottom: 50px;

	text-align: center;

}

#main-content .section__sub-ttl {

	display: inline-block;

	font-family: "Gothic MB101 Bold", "MySansSerif", "YakuHanJP", sans-serif;

	font-size: 20px;

	margin-bottom: calc(30px - .2em);

}

#main-content .section__ttl {

	font-size: 32px;

	margin-bottom: calc(50px - .2em);

}

#main-content .section__ttl:only-child {margin-bottom: 0;}

#main-content .section__column3 {

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	justify-content: center;

		-webkit-justify-content: center;

		-ms-flex-pack: center;

	margin-left: -2.841%;

	margin-right: -2.841%;

}

#main-content .section__column3 > li {

	width: 27.96%;

	margin-left: 2.688%;

	margin-right: 2.688%;

}

#main-content .column__img {margin-bottom: 25px;}

#main-content .column__ttl {

	margin-bottom: calc(25px - .2em);

	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;

	font-size: 16px;

	text-align: center;

}

#main-content .section__img {

	max-width: 570px;

	margin-left: auto;

	margin-right: auto;

}

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

	#main-content {

		min-width: initial;

		min-width: auto;

	}

}

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

	#main-content {

		min-width: initial;

		min-width: auto;

		margin-bottom: 4vw;

	}

	#main-content #hero .flag__deliveryfree {margin-top: 6.667vw;}

	#main-content #product .flag__new {margin-bottom: 4vw;}

	#main-content .flag > span {

		font-size: 3.2vw;

	}

	#main-content .flag__deliveryfree > span {

		padding: .5em;

		font-size: 3.733vw;

	}

	#main-content .link__section {margin-top: 10.67vw;}

	#main-content .link__list li {width: 16.19%;}

	#main-content .link__list li a:hover {color: #000;background-color: #fff;}

	#main-content .btn__size {font-size: 4vw;}

	#main-content .btn__size span {font-size: 3.2vw;}

	#main-content .section__heading {margin-bottom: 10.67vw;}

	#main-content #feature .section__heading p {text-align: left;}

	#main-content .section__sub-ttl {

		font-size: 4.533vw;

		margin-bottom: calc(6.667vw - .2em);

	}

	#main-content .section__ttl {

		font-size: 6.4vw;

		margin-bottom: calc(10.67vw - .2em);

	}

	#main-content .section__ttl:only-child {margin-bottom: 0;}

	#main-content .section__column3 {

		flex-wrap: wrap;

	    	-webkit-flex-wrap: wrap;

	    	-moz-flex-wrap: wrap;

	    	-ms-flex-wrap: wrap;

		margin-left: 0;

		margin-right: 0;

	}

	#main-content .section__column3 > li {

		display: -webkit-flex;

		display: -ms-flexbox;

		display: flex;

		justify-content: space-between;

			-webkit-justify-content: space-between;

			-ms-flex-pack: justify;

		width: 100%;

		margin-left: 0;

		margin-right: 0;

	}

	#main-content .section__column3 > li:not(:first-child) {margin-top: 8vw;}

	#main-content .column__img {

		width: 47.62%;

		margin-bottom: 0;

	}

	#main-content .column__txt {width: 47.62%;}

	#main-content .column__txt p {font-size: 3.2vw;}

	#main-content .column__ttl {

		margin-bottom: calc(4vw - .2em);

		font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;

		font-size: 3.2vw;

		text-align: left;

	}

	#main-content .section__img {

		max-width: none;

		margin-left: -4vw;

		margin-right: -4vw;

	}

}

/* =====================



  #hero



===================== */

#hero {margin-bottom: 100px;}

#hero .mainvisual {position: relative;}

#hero .mainvisual__img {}

#hero .mainvisual__txt {

	margin-top: 100px;

	text-align: center;

}

#hero .mainvisual__ttl {

	font-size: 48px;

}

#hero .mainvisual__sub-ttl {

	display: inline-block;

	margin-top: calc(30px - .2em);

	font-family: "Gothic MB101 Bold", "MySansSerif", "YakuHanJP", sans-serif;

	font-size: 24px;

	line-height: 1.4;

}

#hero .lead {

	margin-top: 40px;

	text-align: center;

}

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

	#hero {margin-bottom: 13.33vw;}

	#hero .mainvisual {position: relative;}

	#hero .mainvisual__txt {

		position: absolute;

		top: 12vw;left: 0;right: 0;

		margin-top: 0;

	}

	#hero .mainvisual__ttl {

		font-size: 8.533vw;

	}

	#hero .mainvisual__sub-ttl {

		margin-top: calc(5.333vw - .2em * 2);

		font-size: 4.267vw;

	}

	#hero .lead {

		margin-top: 13.33vw;

		text-align: left;

	}

}

/* =====================



  #promotion



===================== */

#promotion {margin-bottom: 100px;}

#promotion .movie {position: relative;}

#promotion .movie__btn {

	position: absolute;

    top: 0;bottom: 0;left: 0;right: 0;

    display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

    justify-content: center;

	    -webkit-justify-content: center;

	    -ms-flex-pack: center;

    align-items: center;

		-webkit-align-items: center;

	    -ms-flex-align: center;

}

#promotion .movie__btn a {

    width: 60px;

    height: 60px;

    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2257px%22%20height%3D%2257px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20opacity%3D%220.8%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M28.500%2C56.999%20C12.760%2C56.999%20-0.000%2C44.240%20-0.000%2C28.501%20C-0.000%2C12.761%2012.760%2C0.000%2028.500%2C0.000%20C44.240%2C0.000%2057.000%2C12.761%2057.000%2C28.501%20C57.000%2C44.240%2044.240%2C56.999%2028.500%2C56.999%20ZM20.525%2C19.493%20L20.525%2C39.558%20L42.000%2C29.000%20L20.525%2C19.493%20Z%22%2F%3E%3C%2Fsvg%3E');

	background-size: cover;

}

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

	#promotion {margin-bottom: 18.33vw;}

	#promotion .movie__btn a {

	    width: 12vw;

	    height: 12vw;

	}

}

/* =====================



  #feature



===================== */

#feature {margin-bottom: 130px;}

#feature > section {padding-top: 30px;}

#feature > section:not(:first-child) {margin-top: 100px;}

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

	#feature {margin-bottom: 21.33vw;}

	#feature > section {padding-top: 8vw;}

	#feature > section:not(:first-child) {margin-top: 13.33vw;}

}



#feature article.section__article {

	max-width: 670px;

	margin: 0 auto;

}

#feature .article__list {

	display: -webkit-flex;

    display: -moz-flex;

    display: flex;

    justify-content: center;

	    -webkit-justify-content: center;

	    -ms-flex-pack: center;

    margin-bottom: 50px;

}

#feature .article__list li {

	width: 29.85%;

	margin-left: 25px;

	margin-right: 25px;

}

#feature .article__list figcaption {

	margin-top: calc(1em - .3em);

	color: #585858;

}

#feature .article__main {max-width: 570px;margin-left: auto;margin-right: auto;}

#feature .article__head {font-size: 20px;margin-bottom: 20px;text-align: center;}

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

	#feature article.section__article {max-width: none;}

	#feature .article__list {

		justify-content: space-between;

			-webkit-justify-content: space-between;

			-ms-flex-pack: justify;

	    margin-bottom: 13.33vw;

	}

	#feature .article__list li {

		width: 47.62%;

		margin-left: 0;

		margin-right: 0;

	}

	#feature .article__list figcaption {font-size: 3.2vw;}

	#feature .article__main {max-width: none;margin-left: -8vw;margin-right: -8vw;}

	#feature .article__head {font-size: 4.533vw;margin-bottom: 6.667vw;}

}

#feature .swiper-parent {overflow: hidden;}

#feature .swiper-parent > .swiper-container {padding-bottom: 0;}

#feature .thumb__select {margin-bottom: 7px;}

#feature .thumb__select li {width: 20%!important;cursor: pointer;}

#feature .thumb__select li img {margin: 19px 0 30px;}

#feature .thumb__select .swiper-slide-thumb-active {

    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22114px%22%20height%3D%2291px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(219%2C%20219%2C%20219)%22%20d%3D%22M108.000%2C79.999%20L67.001%2C79.999%20L57.000%2C90.999%20L47.000%2C79.999%20L6.000%2C79.999%20C2.686%2C79.999%200.000%2C77.312%200.000%2C74.001%20L0.000%2C6.000%20C0.000%2C2.687%202.686%2C0.002%206.000%2C0.002%20L108.000%2C0.002%20C111.314%2C0.002%20114.000%2C2.687%20114.000%2C6.000%20L114.000%2C74.001%20C114.000%2C77.312%20111.314%2C79.999%20108.000%2C79.999%20Z%22%2F%3E%3C%2Fsvg%3E');

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

}

#feature .thumb__select li:not(.swiper-slide-thumb-active):hover {

    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22114px%22%20height%3D%2291px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(240%2C%20240%2C%20240)%22%20d%3D%22M108.000%2C79.999%20L67.001%2C79.999%20L57.000%2C90.999%20L47.000%2C79.999%20L6.000%2C79.999%20C2.686%2C79.999%200.000%2C77.312%200.000%2C74.001%20L0.000%2C6.000%20C0.000%2C2.687%202.686%2C0.002%206.000%2C0.002%20L108.000%2C0.002%20C111.314%2C0.002%20114.000%2C2.687%20114.000%2C6.000%20L114.000%2C74.001%20C114.000%2C77.312%20111.314%2C79.999%20108.000%2C79.999%20Z%22%2F%3E%3C%2Fsvg%3E');

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

}

#feature .guide__select {

	display: table;

	margin-top: 30px;

}

#feature .guide__select-ttl {

	font-size: 14px;

	line-height: 2.0;

	margin-top: -.5em;

}

#feature .guide__select p {

    font-size: 14px;

    line-height: 2.0;

    margin: 0;

}

#feature .guide__select .caption {font-size: 12px;}

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

	#feature .thumb__select {

		margin-left: 4vw;

		margin-right: 4vw;

		margin-bottom: 1.333vw;

	}

	#feature .thumb__select li {width: 20%!important;cursor: pointer;}

	#feature .thumb__select li img {margin: 4vw 0 6.4vw;}

	#feature .thumb__select .swiper-slide-thumb-active {

	    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22138px%22%20height%3D%22145px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(219%2C%20219%2C%20219)%22%20d%3D%22M69.001%2C144.998%20L46.000%2C120.000%20L92.003%2C120.000%20L69.001%2C144.998%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(219%2C%20219%2C%20219)%22%20d%3D%22M6.000%2C-0.001%20L132.000%2C-0.001%20C135.314%2C-0.001%20138.000%2C2.687%20138.000%2C6.001%20L138.000%2C121.999%20C138.000%2C125.313%20135.314%2C128.001%20132.000%2C128.001%20L6.000%2C128.001%20C2.686%2C128.001%20-0.000%2C125.313%20-0.000%2C121.999%20L-0.000%2C6.001%20C-0.000%2C2.687%202.686%2C-0.001%206.000%2C-0.001%20Z%22%2F%3E%3C%2Fsvg%3E');

	    background-size: contain;

	    background-position: center;

	    background-repeat: no-repeat;

	}

	#feature .thumb__select li:not(.swiper-slide-thumb-active):hover {

	    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22138px%22%20height%3D%22145px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(240%2C%20240%2C%20240)%22%20d%3D%22M69.001%2C144.998%20L46.000%2C120.000%20L92.003%2C120.000%20L69.001%2C144.998%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(240%2C%20240%2C%20240)%22%20d%3D%22M6.000%2C-0.001%20L132.000%2C-0.001%20C135.314%2C-0.001%20138.000%2C2.687%20138.000%2C6.001%20L138.000%2C121.999%20C138.000%2C125.313%20135.314%2C128.001%20132.000%2C128.001%20L6.000%2C128.001%20C2.686%2C128.001%20-0.000%2C125.313%20-0.000%2C121.999%20L-0.000%2C6.001%20C-0.000%2C2.687%202.686%2C-0.001%206.000%2C-0.001%20Z%22%2F%3E%3C%2Fsvg%3E');

	    background-size: contain;

	    background-position: center;

	    background-repeat: no-repeat;

	}

	#feature .slider__select {

		margin-left: 4vw;

		margin-right: 4vw;

		overflow: visible;

	}

	#feature .guide__select {

		margin-top: 5.333vw;

		margin-left: 8vw;

		margin-right: 8vw;

	}

	#feature .guide__select-ttl {font-size: 3.467vw;}

	#feature .guide__select p {font-size: 3.467vw;}

	#feature .guide__select .caption {font-size: 3.2vw;}

}

/* =====================



  #anchor



===================== */

#main-content #anchor .anchor-wrap {

    background-color: #fff;

    border-bottom: 1px solid #ddd;

}

#main-content #anchor .anchor {

	display: -webkit-flex;

    display: -moz-flex;

    display: flex;

    justify-content: center;

	    -webkit-justify-content: center;

	    -ms-flex-pack: center;

}

#main-content #anchor .anchor li {

    width: 260px;

    margin-left: 2.604%;

    margin-right: 2.604%;

    border-bottom: 3px solid #fff;

}

#main-content #anchor .anchor li:hover,

#main-content #anchor .anchor li.current {border-bottom: 3px solid #999;}

#main-content #anchor .anchor li a {

    width: 100%;

    padding-top: calc(1.25em - .2em);

    padding-bottom: calc(1em - .2em);

    color: #999999;

    font-weight: 600;

    line-height: 1.4;

    text-align: center;

}

#main-content #anchor .anchor li:hover a,

#main-content #anchor .anchor li.current a {color: #000000}

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

    #main-content #anchor .anchor-wrap {

        border-bottom: 1px solid #ddd;

    }

    #main-content #anchor .anchor {

    	justify-content: space-between;

			-webkit-justify-content: space-between;

			-ms-flex-pack: justify;

        flex-wrap: wrap;

	        -webkit-flex-wrap: wrap;

	        -moz-flex-wrap: wrap;

	        -ms-flex-wrap: wrap;

    }

    #main-content #anchor .anchor li:hover {border-bottom: none;}

    #main-content #anchor .anchor li {

        width: 47.62%;

        margin: 0;

    }

    #main-content #anchor .anchor li a {

        color: #000000;

        padding-top: .8em;

        padding-bottom: .8em;

        font-size: 3.733vw;

    }

}

/* =====================



  #product



===================== */

#product {}

#product > section {margin-bottom: 120px;}

#product > section > section {padding-top: 30px;}

#product > section > section:not(:first-child) {margin-top: 100px;}

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

	#product > section {margin-bottom: 17.33vw;}

	#product > section > section {padding-top: 4vw;}

	#product > section > section:not(:first-child) {margin-top: 13.33vw;}

}

#product .product__list {

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	justify-content: center;

		-webkit-justify-content: center;

		-ms-flex-pack: center;

	margin-left: -2.841%;

	margin-right: -2.841%;

}

#product .product__list > li {

	width: 44.62%;

	margin-left: 2.688%;

	margin-right: 2.688%;

	text-align: center;

}

#product .product__list-head {margin-bottom: 15px;}

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

	#product .product__list {

		flex-wrap: wrap;

	    	-webkit-flex-wrap: wrap;

	    	-moz-flex-wrap: wrap;

	    	-ms-flex-wrap: wrap;

		margin-left: 0;

		margin-right: 0;

	}

	#product .product__list > li {

		width: 100%;

		margin-left: 0;

		margin-right: 0;

	}

	#product .product__list > li:not(:first-child) {margin-top: 10.67vw}

	#product .product__list-head {margin-bottom: 2.667vw;}

}



#product .product__func {margin-top: 80px;}

#product .func__head {

	margin-bottom: calc(50px - .2em);

	font-size: 20px;

	text-align: center;

}

#product .func__list {

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	justify-content: center;

		-webkit-justify-content: center;

		-ms-flex-pack: center;

	margin-left: -2.841%;

	margin-right: -2.841%;

}

#product .func__list > li {

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	justify-content: space-between;

		-webkit-justify-content: space-between;

		-ms-flex-pack: justify;

	width: 47.16%;

	margin-left: 2.688%;

	margin-right: 2.688%;

}

#product .func__img {width: 48.19%;}

#product .func__txt {width: 46.99%;}

#product .func__ttl {

	font-size: 16px;

	margin-bottom: calc(15px - .2em);

}

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

	#product .product__func {margin-top: 13.33vw;}

	#product .func__head {

		margin-bottom: calc(8vw - .2em);

		font-size: 4.533vw;

		text-align: center;

	}

	#product .func__list {

		flex-wrap: wrap;

	    	-webkit-flex-wrap: wrap;

	    	-moz-flex-wrap: wrap;

	    	-ms-flex-wrap: wrap;

		margin-left: 0;

		margin-right: 0;

	}

	#product .func__list > li {

		width: 100%;

		margin-left: 0;

		margin-right: 0;

	}

	#product .func__list > li:not(:first-child) {margin-top: 8vw;}

	#product .func__img,

	#product .func__txt {width: 47.62%;}

	#product .func__txt p {font-size: 3.2vw;}

	#product .func__ttl {

		font-size: 3.733vw;

		margin-bottom: calc(4vw - .2em);

	}

}



#product .point {

    margin-top: 80px;

    padding: 60px;

    background-color: #f2f2f2;

}

#product .point__heading {

	margin-bottom: 30px;

    text-align: center;

}

#product .point__head {

    display: inline-block;

    margin-bottom: 20px;

    font-family: "Gothic MB101 Bold", "MySansSerif", "YakuHanJP", sans-serif;

    font-size: 16px;

    line-height: 1;

}

#product .point__ttl {

	margin-bottom: calc(50px - .2em);

    font-size: 20px;

}

#product .point__sub-ttl {

	margin-bottom: calc(15px - .2em);

    font-size: 16px;

}

#product .point__list {

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	justify-content: space-between;

		-webkit-justify-content: space-between;

		-ms-flex-pack: justify;

	align-items: center;

		-webkit-align-items: center;

		-ms-flex-align: center;

}

#product .point__list--3item {

	justify-content: center;

		-webkit-justify-content: center;

		-ms-flex-pack: center;

	flex-wrap: wrap;

	    -webkit-flex-wrap: wrap;

	    -moz-flex-wrap: wrap;

	    -ms-flex-wrap: wrap;

}

#product .point__list > li {width: 46.05%;}

#product .point__list > li.point__product-wrap {width: 50%;}

#product .point__list--3item > li.point__product-wrap {

	width: 100%;

	margin-top: 30px;

}

#product .point__product {

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	justify-content: space-between;

		-webkit-justify-content: space-between;

		-ms-flex-pack: justify;

}

#product .point__list--3item .point__product {

	justify-content: center;

		-webkit-justify-content: center;

		-ms-flex-pack: center;

}

#product .point__product > li {width:46.05%;}

#product .point__list--3item .point__product > li {

	width: 23.03%;

	margin-left: 1.973%;

	margin-right: 1.973%;

}

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

	#product .point {

	    margin-top: 13.33vw;

	    margin-left: -8vw;

	    margin-right: -8vw;

	    padding: 13.33vw 8vw;

	}

	#product .point__heading {margin-bottom: 8vw;}

	#product .point__heading p {text-align: left;}

	#product .point__head {

	    margin-bottom: 4vw;

	    font-size: 3.733vw;

	}

	#product .point__ttl {

		margin-bottom: calc(10.67vw - .2em);

	    font-size: 4.533vw;

	}

	#product .point__sub-ttl {

		margin-bottom: calc(4vw - .2em);

	    font-size: 3.733vw;

	}

	#product .point__list {

		flex-wrap: wrap;

	        -webkit-flex-wrap: wrap;

	        -moz-flex-wrap: wrap;

	        -ms-flex-wrap: wrap;

	}

	#product .point__list > li {width: 100%;}

	#product .point__list > li.point__product-wrap {width: 100%;}

	#product .point__list > li:not(:first-child) {margin-top: 4vw;}

	#product .point__list--3item .point__product {

		justify-content: space-between;

			-webkit-justify-content: space-between;

			-ms-flex-pack: justify;

		flex-wrap: wrap;

	        -webkit-flex-wrap: wrap;

	        -moz-flex-wrap: wrap;

	        -ms-flex-wrap: wrap;

	}

	#product .point__product > li {width:47.62%;}

	#product .point__list--3item .point__product > li {

		width: 47.62%;

		margin-left: 0;

		margin-right: 0;

	}

	#product .point__list--3item .point__product > li:nth-of-type(n+3) {

		margin-top: 5.333vw;

	}

}

/* =====================



  itemList



===================== */

#main-content .color-swatch {

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	align-items: center;

		-webkit-align-items: center;

	    -ms-flex-align: center;

	justify-content: center;

	    -webkit-justify-content: center;

	    -ms-flex-pack: center;

    margin-bottom: 2em;

}

#main-content .color-swatch li {

	width: 40px;

	height: auto;

	margin-left: 10px;

	text-align: center;

}

#main-content .color-swatch li input {display: none;}

#main-content .color-swatch li .mark img {

  width: 100%;

  height: auto;

  padding: 3.333px;

  border-radius: 50%;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border: 1.667px solid #dedede;

  cursor: pointer;

}

#main-content .color-swatch li img:hover,

#main-content .color-swatch li input:checked + .mark img {

  border: 1.667px solid #999;

}

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

  #main-content .color-swatch li {

    width: 12vw;

    margin-left: 2vw;

  }

  #main-content .color-swatch li img {padding: 1.067vw;}

}

/* =====================



  remodal



===================== */

.remodal-overlay {

	background: rgba(255,255,255, 0.8);

}

.remodal {

	padding: initial;

	padding: auto;

	color: #585858;

}

.remodal.movie {

	background: none;

	padding: 60px 0;

}

.remodal-close {

	content: "";

	top: 25px;

	right: 30px;

	width: 20px;

	height: 20px;

	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2249px%22%20height%3D%2249px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(102%2C%20102%2C%20102)%22%20d%3D%22M48.541%2C47.116%20L47.127%2C48.531%20L24.499%2C25.904%20L1.872%2C48.531%20L0.457%2C47.116%20L23.085%2C24.490%20L0.457%2C1.862%20L1.872%2C0.451%20L24.499%2C23.077%20L47.127%2C0.451%20L48.541%2C1.862%20L25.913%2C24.490%20L48.541%2C47.116%20Z%22%2F%3E%3C%2Fsvg%3E');

	background-color: rgba(255,255,255,0);

	background-size: cover;

}

.remodal-close:before {

	content: none;

}

.remodal.movie .remodal-close {

	top: 0;

	right: 0;

	left: initial;

	left: auto;

	width: 60px;

	height: 60px;

	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218px%22%20height%3D%2218px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(0%2C%200%2C%200)%22%20d%3D%22M17.987%2C16.428%20L16.438%2C17.980%20L8.999%2C10.541%20L1.561%2C17.980%20L0.012%2C16.428%20L7.449%2C8.991%20L0.012%2C1.553%20L1.561%2C0.003%20L8.999%2C7.441%20L16.438%2C0.003%20L17.987%2C1.553%20L10.550%2C8.991%20L17.987%2C16.428%20Z%22%2F%3E%3C%2Fsvg%3E');

	background-color: rgba(255,255,255,0);

	background-repeat: no-repeat;

	background-size: 20px 20px;

	background-position: center;

}

.video_wrap {

	max-width: 940px;

	width: 100%;

	margin-left: auto;

	margin-right: auto;

}

.video_wrap .video_container {

	position: relative;

	padding-bottom: 56.25%;

	height: 0;

	overflow: hidden;

}

.video_wrap .video_container iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

@media only screen and (min-width: 768px){

	.remodal {

		max-width: 872px;

	}

}

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

	.remodal {

		max-width: unset;

		width: 100%;

		overflow: hidden;

    }

	.remodal-close {

	    top: 5.5vw;

	    right: 5vw;

	    width: 6vw;

	    height: 6vw;

	}

	.remodal-wrapper {

	    padding: 0;

	}

}



/* =====================



  Add Styles



===================== */

#main-content .product__list a>span,

#main-content .point__list a>span {

    display: block;

}

.content #main-content h1 {

    border: none;

}

/* =====================



    #aluminum



===================== */

#aluminum {

    background-color: #f2f2f2;

}



#aluminum .ut-wrapper {

    padding-top: 100px;

    padding-bottom: 100px;

}



#aluminum .aluminum__txt a {

    margin-top: calc(50px - .2em);

    text-align: left;

}



#aluminum .aluminum__txt a+a {

    margin-top: 30px;

}



#aluminum .aluminum__txt a>span {

    display: inline-block;

}

#aluminum .aluminum__slide {

}

#aluminum .aluminum__slide .swiper-container {

}

#aluminum .aluminum__slide .swiper-container ul {}

#aluminum .aluminum__slide .swiper-container ul > li {}

#aluminum .aluminum__slide .swiper-pagination {

    position: static;

    font-size: 0;

    margin-top: 10px;

}

#aluminum .aluminum__slide .swiper-pagination-bullet {

    margin: 0 4px;

    background: #000000;

    opacity: .4;

}

#aluminum .aluminum__slide .swiper-pagination-bullet-active {opacity: 1;}

#aluminum .aluminum__slide .swiper-button-next,

#aluminum .aluminum__slide .swiper-button-prev {

    top: 0;

    bottom: 0;

    height: auto;

    margin: 0;

    width: 10%;

    background-size: 20px 40px;

}

#aluminum .aluminum__slide .swiper-button-next {

    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218px%22%20height%3D%2236px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22rgb(00%2C00%2C00)%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M1.999%2C32.992%20L14.999%2C17.975%20L1.999%2C2.993%20%22%2F%3E%3C%2Fsvg%3E');

    right: 0;

}

#aluminum .aluminum__slide .swiper-button-prev {

    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218px%22%20height%3D%2236px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22rgb(00%2C00%2C00)%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M14.998%2C2.993%20L2.000%2C18.012%20L14.998%2C32.992%20%22%2F%3E%3C%2Fsvg%3E');

    left: 0;

}



#main-content .section__column2 {

    display: flex;

    justify-content: space-between;

}



#main-content .section__column2>* {

    width: 47.16%;

}

#main-content .caption{

    color: #585858;

}

#main-content .productList__price {

    display: block;

    margin-top: 10px;

}

#main-content .productList__price .price .num {

    color: #7f0019;

}

#main-content .productList__del {

    margin-right: 5px;

    font-size: 10px;

    color: #777777;

    display: block;

    margin-bottom: 5px;

}

#main-content .productList__del .num {

    font-family: "Helvetica", sans-serif;

    font-size: 16px;

    margin-left: 5px;

    margin-right: 5px;

    font-weight: 600;

}

#main-content .productList__del::after {

    content: '→';

    margin-left: 5px;

}

#main-content .productList__annotation{

    display: block;

    margin-top: 8px;

    font-size: 12px;

    color: #777;

    text-indent: -7%;

    padding-left: 6%;

}

.delivery{

    margin-bottom: 5px;

    text-align: left;

    display: block!important;

}

.delivery__text{

    padding: 2px 5px;

    border-radius: 3px;

    background-color: rgb(255, 255, 255);

    border: 1px solid rgb(153, 153, 153);

    color: rgb(51, 51, 51);

    font-size: 12px;

}



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

    #aluminum .ut-wrapper {

        padding-top: 13.33vw;

        padding-bottom: 13.33vw;

    }



    #aluminum .section__heading {

        margin-bottom: 8vw;

    }



    #aluminum .aluminum__txt {

        margin-top: 8vw;

    }



    #aluminum .aluminum__txt a {

        margin-top: 8vw

    }



    #aluminum .aluminum__txt a+a {

        margin-top: 4vw;

    }



    #aluminum .aluminum__slide {

        margin-left: -8vw;

        margin-right: -8vw;

        overflow: hidden;

    }

    #aluminum .aluminum__slide .swiper-container {

        margin-left: 8vw;

        margin-right: 8vw;

        overflow: visible;

    }

    #aluminum .aluminum__slide .swiper-container ul {}

    #aluminum .aluminum__slide .swiper-container ul > li {}

    #aluminum .aluminum__slide .swiper-pagination {

        margin-top: 4vw;

    }

    #aluminum .aluminum__slide .swiper-pagination-bullet {margin: 0 1.067vw;}

    #aluminum .aluminum__slide .swiper-pagination-bullet-active {}



    #aluminum .aluminum__slide .swiper-button-next,

    #aluminum .aluminum__slide .swiper-button-prev {display: none;}



    #main-content .section__column2 {

        flex-wrap: wrap;

    }



    #main-content .section__column2>* {

        width: 100%;

    }



    #main-content #anchor .anchor li {

        width: 25.33vw;

    }



    #main-content #anchor .anchor li a {

        font-size: 3.2vw;

    }

    #main-content .caption{

        text-indent: -4%;

        padding-left: 4%;

        line-height: inherit;

    }

    #main-content .productList__price {

        display: block;

        margin-top: 10px;

}

#main-content .productList__del {

  margin-right: 5px;

  font-size: 2.4vw;

  color: #777777;

  margin-bottom: 3px;

}

#main-content .productList__del .num {

  font-size: 3vw;

  margin-left: 5px;

  margin-right: 5px;

  font-weight: 600;

}

#main-content .productList__del::after {

  content: '→';

  margin-left: 5px;

}

#main-content .productList__annotation{

  display: block;

  margin-top: 5px;

  font-size: 10px;

}

    .delivery__text{

        font-size: 10px;

    }

}