@charset "utf-8";

:root {
	--Blue: #042275;
	--Red: #cc5b5b;
	--Org: #f08d72;
	--BlacK: #4b4340;
}

*{
	box-sizing: border-box;
}

.iGab{
	margin-top: -5px;
	overflow: hidden;
	font-family: var(--Fyg),var(--Fip);
	font-size: 21px;
	color: #4b4340;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
.iGab *{
	word-wrap: break-word;
}
.iGab img{	max-width: 100%;}
.iGab a{	transition: 0.3s;}
.iGab a:hover{	opacity: 0.7;}

.iGab .Fs21{ font-size: 21px;}
.iGab .Fs40{ font-size: 40px;}
.iGab .Fs46{	font-size: 46px;}
.iGab .Fs51{	font-size: 51px;}
.iGab .Fs075e{	font-size: .75em;}
.iGab .Tblue{ color: var(--Blue);}
.iGab .Tred{	color: var(--Red);}
.iGab .Torg{	color: var(--Org);}
.iGab .lineY{	background: #fefacb;}

.cta .Tred,#Buy .Tred{	color: #e30200;}

.mr25{	margin-right: 25px;}
.mb45{margin-bottom: 45px;}
.mt-10{	margin-top: -10px;}
.mt-12{	margin-top: -12px;}
.mt-15{	margin-top: -15px;}
.mb-10{	margin-bottom: -10px;}
.mb-12{	margin-bottom: -12px;}
.mb-20{	margin-bottom: -20px;}
.mb-55{	margin-bottom: -55px;}
.ml-30{	margin-left: -30px;}

.mlAut{margin-left: auto}

.pore{	z-index: 2;}
.orfhid{	overflow: hidden;}

.wmax{
	position: relative;
	z-index: 2;
	width: 100%;
	margin: 0 auto;
}
.wmax470{	max-width: 470px;}
.wmax500{	max-width: 500px;}
.wmax560{	max-width: 560px;}
.wmax590{	max-width: 590px;}
.wmax640{	max-width: 640px;}
.wmax820{	max-width: 820px;}
.wmax860{	max-width: 860px;}
.wmax960{	max-width: 960px;}
.wmax900{	max-width: 900px;}

.wmax.poab{
	position: absolute!important;
	z-index: 2;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
}

.gab_sup{
	position: relative;
	top: -8px;
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	line-height: 0.8;
	letter-spacing: 0;
}
.notes{
	font-size: 12px;
	line-height: 1.7;
	letter-spacing: 0;
}
.pic{
	position: relative;
	left: 50%;
	top: 0;
	width: 2000px;
	transform: translateX(-50%);
}
.pic.w2400{	width: 2400px;}
.pic.w2200{	width: 2200px;}
.pic.w3000{	width: 3000px;}
.pic.w8000{	width: 8000px;}

.piclh0{	line-height: 0;}
.lineY{	background: #fefacb;}

.sec{
	position: relative;
	z-index: 2;
	padding: 80px 0;
}
.tit{
	margin-bottom: 60px;
	text-align: center;
}
.iwrap h3{
	font-size: 48px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.12em;
	color: var(--Blue);
}
.iwrap h3 .Fs08e{
	line-height: 1.5;
}
.tit p{
	font-size: 31px;
	font-weight: bold;
}
.iwrap .ctapri{
	letter-spacing: 0;
}
.iwrap .ctapri dt {
	width: 270px;
}
.iwrap .Cta {
	width: 650px;
}
.iwrap .ctapri dl {
	width: 650px;
}
.iwrap .ctapri .Tred{
	color: var(--ReD);
}
.awo li {
	margin: 5px;
}
.awo img {
	width: 110px;
	height: 110px;
}
.brB,.iwrap .Cta h3 .brB,.ispec h3 .brB{
	margin-left: 5px;
	padding: 5px;
	font-size: 14px;
	line-height: 1;
	letter-spacing: 1px;
	vertical-align: middle;
	border: 1px solid #666;
}
.cta .box{
	position: absolute;
	z-index: 2;
	left: calc(50% - 460px);
	top: 43%;
	width: 475px;
}
.iwrap .Cta h3{
	color: #000;
	font-weight: normal;
	letter-spacing: 0.05em;
}
.cta2 .awo,.cta3 .awo{
	margin: 20px auto;
	width: 360px;
}
.cta3 {
	background: url(/images/item/sup/gaba/cta3bg_0925.jpg) no-repeat center top;
	background-size: auto 100%;
}
.cta3 .bg{
	background: url(/images/item/sup/gaba/gaba_0801.jpg) no-repeat 50% 0;
	background-size: 2000px auto;
}
.cta3 .box{
	position: relative;
	left: 0;
	margin: auto;
	padding-top: 410px;
	width: 900px;
}
.iwrap .cta3 h3{
	color: #fff;
}
.cta3 .notes{
	margin: auto;
	padding-top: 280px;
	width: 900px;
}
.iwrap .cta3 .ctapri dl{
	border-bottom: 1px solid #a6b4cd;
}
.cta3 .wariSo,.cta3 .tuuSo{
	color: #fff;
	border: 1px solid #d8dee9;
	background: none;
}
.iwrap .cta3 .ctapri .thTei dt:before{
	color: #fff;
	border: 1px solid #d8dee9;
	background: none;
}
.iwrap .cta3 .ctapri .onTei dt:before{
	color: #fff;
	border: 1px solid #d8dee9;
	background: none;
}
.iwrap .cta3 .ctapri .thrTu dt:before{
	color: #fff;
	border: 1px solid #d8dee9;
	background: none;
}
.iwrap .cta3 .Cta h3 .brB{
	color: #fff;
	border: 1px solid #d8dee9;
	background: none;
}
.cta4 h4{
	position: absolute;
	left: calc(50% - 185px);
	top: 170px;
	width: 370px;
}
.cta4 .box{
	position: absolute;
	top: 885px;
	left: 50%;
	max-width: 900px;
	width: 100%;
	transform: translateX(-50%);
	color: #fff;
}
.cta4 .awo {
	top: 468px;
	left: calc(50% - 300px);
}
.cta4 .tit2 {
	width: 360px;
	margin: -20px auto 0;
	display: block;
}
.cta4 .ico {
	width: 590px;
	margin: 30px auto 20px;
	display: block;
}
.iGab .btn{
	margin: 40px auto 80px;
	width: 400px;
}
.iGab .btn a{
	position: relative;
	padding: 10px 5px;
	color: #fff;
	font-size: 34px;
	line-height: 1;
	text-decoration: none;
	background: var(--Blue);
	box-shadow: 8px 8px 0 rgba(0,0,0,0.2);
}
.iGab .btn a::after{
	content: '';
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	background: url(/images/item/common/icon_buy.svg) no-repeat 0 0;
	background-size: 100% 100%;
}

.main{
	position: relative;
	z-index: 2;
	background: url(/images/item/sup/gaba/main.jpg) no-repeat center top;
	background-size: cover;
}
.main h2{
	top: 195px;
	left: calc(50% + 225px);
	width: 79px;
}
.main .awo{
	top: 333px;
	left: calc(50% - 300px);
}
.main .box{
	top: 790px;
	left: 50%;
	max-width: 900px;
	width: 100%;
	transform: translateX(-50%);
}
.main .tit2{
	margin: -30px auto 0;
	display: block;
	width: 360px;
}
.main .ico{
	width: 590px;
	margin: 20px auto;
	display: block;
}

.worr .box1{
	position: relative;
	margin-bottom: -1px;
	background: #f9f9f1;
}
.worr .box1:after{
	content: '';
	position: absolute;
	z-index: 3;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 210px;
	background: url(/images/item/sup/gaba/worrbg1.png) center top;
	background-size: 100% 100%;
}
.worr .box1 .tit{
	position: absolute;
	left: 50%;
	top: 85px;
	max-width: 960px;
	width: 100%;
	transform: translateX(-50%);
}
.worr .box2{
	padding: 30px 0 45px;
	background: #eaedf4;
}
.worr .box2 .boxin{
	margin-bottom: 40px;
	padding: 30px;
	color: var(--Blue);
	line-height: 1.45;
	font-weight: bold;
	width: 690px;
	background: #fff;
	box-shadow: 6px 6px 0 #d9dde9;
}
.worr .box2 .boxin:nth-of-type(even){
	margin-left: auto;
}
.worr .box2 .txt{
	width: calc(100% - 140px);
}
.worr .box2 img{
	width: 150px;
	max-width: 150px;
	max-height: 160px;
}
.worr .box2 .boxin6 img {
	width: 140px;
	height: 140px;
}
.worr .box2 h4{
	margin-bottom: 5px;
	font-size: 30px;
	font-weight: bold;
}
.worr .box2 .txt p{
	font-size: 24px;
	letter-spacing: 0;
}
.worr .box2 .notes{
	margin-right: -1em;
	padding-top: 2px;
	font-size: 11px;
	font-weight: normal;
}

.worr .box2 .boxin1 h4{	color: #718ec8;}
.worr .box2 .boxin2 h4{	color: #69bd83;}
.worr .box2 .boxin3 h4{	color: #7c9fb1;}
.worr .box2 .boxin4 h4{	color: #f6ab00;}
.worr .box2 .boxin5 h4{	color: #b9ac69;}
.worr .box2 .boxin6 h4{	color: #eb9bb1;}
.worr .box2 .boxin7 h4{	color: #dfb0a8;}

.hint .box1{
	position: relative;
	margin-bottom: -1px;
	position: relative;
	padding-top: 135px;
	height: 955px;
	background: url(/images/item/sup/gaba/hint1_0925.jpg) no-repeat center top;
	font-weight: bold;
}
.hint .box1::after{
	content: '';
	position: absolute;
	z-index: 3;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 207px;
	background: url(/images/item/sup/gaba/hintbg1_0925.png) center top;
	background-size: 100% 100%;
}
.hint .box1 p{
	padding-top: 3px;
	color: var(--Blue);
	text-align: center;
	line-height: 2.3;
}
.hint .box1 .tit h3{
	border-bottom: 2px dashed #809acf;
}
.hint .box2{
	padding: 30px 0 100px;
}
.hint .box3{
	position: relative;
	height: 999px;
	background: url(/images/item/sup/gaba/hint3_0801.jpg) no-repeat center center;
	background-size: cover;
}
.hint .box3 .tit.poab{
	z-index: 3;
	left: 50%;
	top: 80px;
	transform: translateX(-50%);
}
.hint .box3 .pic{
	margin-left: 18%;
	margin-bottom: 5.5%;
}
.hint .awo {
	margin-left: 16%;
	margin-bottom: 5.5%;
	width: 264px;
}
.hint .awo li:first-of-type{
	margin: 5px 20px;
}
.hintbg2{
	padding-top: 80px;
	background: url(/images/item/sup/gaba/hintbg2_0925.jpg) repeat-y center top;
	text-align: center;
}

.effe .tit h3 .TfwB{
	font-size: 78px;
	line-height: 1;
}
.effe img{
	line-height: 0;
}
.effe .box{
	margin-bottom: 40px;
	padding: 45px 100px 70px;
	position: relative;
	background: #faf9f4;
	color: var(--Blue);
}
.effe .num{
	position: absolute;
	left: 0;
	top: 0;
	width: 78px;
	height: 78px;
}
.effe .box h4{
	position: absolute;
	z-index: 2;
	left: 10px;
	width: 450px;
	text-align: center;
	font-size: 32px;
	line-height: 1.3;
	font-weight: 700;
}
.effe .boxin1 h4{	top: 50px;}
.effe .boxin2 h4{	top: 0;}
.effe .boxin3 h4{	top: 40px;}
.effe .boxin4 h4{	top: 45px;}
.effe .boxin5 h4{	top: 15px;}
.effe .boxin6 h4{	top: 35px;}

.effe .box .notes{
	padding-left: 10px;
	max-width: 550px;
	width: 100%;
	margin: 0 auto;
	color: #000;
	text-align: justify;
}
.effe .graph{
	padding: 1px;
	max-width: 500px;
	margin: 0 auto;
}
.effe .subtit{
	margin-left: 38px;
	margin-right: 33px;
}
.effe .boxin1 .graph div{	margin-right: -117px;}
.effe .boxin2 .graph div{	margin-right: -61px;}
.effe .boxin3 .graph div{	margin-right: -72px;}


.expe{
	padding-top: 200px;
	background: #a2b4c0 url(/images/item/sup/gaba/expebg.jpg) no-repeat center top;
	color: #fff;
}
.expe h3{
	margin: 0 0 80px -140px;
	max-width: 780px;
}
.expe .txt{
	padding: 25px 40px;
	background: url(/images/item/sup/gaba/expebg2.jpg) repeat 0 0;
	color: var(--Blue);
	text-align: justify;
	font-weight: 600;
}
.expe .box1 .txt{
	box-shadow: -7px 7px 0 #809bac;
}
.expe .box2 .txt{
	box-shadow: 7px 7px 0 #809bac;
}
.expe .box1 .inbox{
	position: relative;
	z-index: 3;
	margin-top: -5px;
	width: calc(65% + 20px);
}
.expe .box2 .inbox{
	position: relative;
	z-index: 2;
	margin-top: -10px;
	margin-right: -40px;
	width: calc(65% + 60px);
}
.expe .box1 .peopic{
	margin-left: -20px;
	width: 35%;
}
.expe .box2 .peopic{
	padding-top: 50px;
	margin-right: -20px;
	width: 35%;
}
.expe hr{
	margin: 60px 0;
	border-bottom: 2px dashed #fff;
}
.expe .gabaImg1{
	right: -100px;
	top: -50px;
}
.expe .gabaImg2{
	top: 47%;
	left: -220px;
}
.expe .gabaImg3{
	right: -220px;
	bottom: 125px;
}

.parti .subtit{
	margin-bottom: 30px;
	height: 24px;
	font-size: 24px;
	line-height: 1.2;
	border-bottom: 3px solid var(--Blue);
	font-weight: bold;
	text-align: center;
}
.parti .subtit p{
	padding: 7px 25px;
	border: 3px solid var(--Blue);
	background: #fff;
}
.parti .tit.line{
	border-bottom: 2px solid var(--Blue);
}
.parti .box1 .txt{
	width: 60%;
	margin-left: 1%;
	text-align: justify;
}
.parti .box2 .txt{
	margin-right: 4%;
	width: 56%;
	text-align: justify;
}
.parti .partiimg1{
	margin-top: -35px;
	width: 53%;
	margin-right: -17%;
}
.parti .partiimg2{
	width: 48%;
	margin-left: -13%;
}
.parti h4{
	margin-bottom: 15px;
	font-size: 31px;
	font-weight: bold;
	line-height: 1.7;
	color: var(--Blue);
	text-align: center;
}

.celeb{
	padding-bottom: 100px;
	background: #ede8e2;
	color: var(--Blue);
}
.celeb .titbox{
	margin-bottom: -200px;
	height: 715px;
	background: url(/images/item/sup/gaba/celeb_titbg_0801.jpg) no-repeat center top;
}
.celeb .titbox .tit{
	padding: 140px 40px 0;
}
.celeb .box{
	margin-bottom: 50px;
	position: relative;
	z-index: 3;
	padding: 10px;
	background: #fff;
	letter-spacing: 0.05em;
}
.celeb .box:after{
	content: '';
	content: "";
	position: absolute;
	left: -28px;
	bottom: -12px;
	width: 0;
	height: 0;
	border: none;
	border-style: solid;
	border-color: currentColor transparent transparent transparent;
	border-width: 32px 32px 0 32px;
	transform: rotate(45deg);
}
.celeb .box:nth-of-type(even):after{
	left: auto;
	right: -27px;
	transform: rotate(-45deg);
}
.celeb .boxin{
	padding: 20px 50px 40px;
	border: 1px solid #8291ba;
}
.celeb .box:nth-of-type(even) .fleR{
	flex-direction: row-reverse;
	justify-content: initial;
}
.celeb .num{
	position: absolute;
	right: -15px;
	top: -15px;
	width: 150px;
}
.celeb .box:nth-of-type(even) .num{
	left: 0;
}
.celeb .box .peopic{
	margin-left: -61px;
	margin-right: -34px;
	width: 70%;
}
.celeb .box:nth-of-type(even) .peopic{
	margin-right: -62px;
}
.celeb .cmttit{
	position: relative;
	z-index: 3;
	margin-left: -10%;
	margin-right: -10%;
	width: 55%;
}
.celeb .cmttit h4{
	font-size: 30px;
	line-height: 1.2;
	font-weight: 700;
}
.celeb .cmttit h4>div{
	display: inline-block;
	padding: 3px 5px;
	background: #fff;
	margin-bottom: 10px;
}
.celeb .name{
	margin-bottom: -30px;
	padding: 35px 20px 5px;
	font-size: 26px;
	font-weight: 700;
	text-align: right;
	line-height: 1.3;
}
.celeb .box:nth-of-type(3) .name{
	margin-left: -20px;
}

.voi{
	padding-top: 85px;
	color: var(--Blue);
}
.voi .name{
	padding: 15px 0 20px;
	text-align: right;
	font-size: 19px;
}
.voi .name::before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 1px;
	margin-top: -1px;
	margin-right: 10px;
	background: var(--Blue);
}
.voi .box{
	padding-bottom: 95px;
	margin-bottom: 95px;
	border-bottom: 1px solid var(--Blue);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.voi .box:nth-of-type(even){
	flex-direction: row-reverse;
}
.voi .box:last-of-type{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 30px;
}
.voi .box .peopic{
	width: 43.8%;
	margin-left: -13.6%;
}
.voi .box:nth-of-type(even) .peopic{
	margin-right: -13.6%;
}
.voi .txt{
	padding-top: 10px;
	width: 65%;
	text-align: justify;
}
.voi .txttit img{
	width: auto;
	height: 111px;
}

.quality h4{
	margin-bottom: 25px;
	padding-left: 20px;
	border-left: 11px solid #000;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.4;
	color: #000;
}
.quality .box1{
	padding-top: 185px;
	height: 766px;
	background: url(/images/item/sup/gaba/qualitybg_0925.jpg) no-repeat center top;
}
.quality .box2 .inpic{
	width: 52%;
	margin-left: -23%;
}
.quality .txt{
	margin-bottom: 60px;
	margin-right: -1%;
	width: 67%;
	line-height: 2.2;
}

.iwrap .qa{
	background: #dadeea;
	color: var(--Blue);
	width: 100%;
}
.qa .tit{
	margin: 0 auto 60px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
.qa_item.aarw{
	margin: 20px 0 0;
	padding: 2px 20px;
	letter-spacing: 0;

}
.qa_item.aarw dt.acoA{
	position: relative;
	padding: 5px 8px 8px;
	display: flex;
	font-size: 26px;
	line-height: 1.5;
	font-weight: bold;
	align-items: center;
	border-bottom: 2px solid var(--Blue);
}
.qa_item.aarw dt .num{
	position: absolute;
	top: -8px;
	left: -5px;
	width: 35px;
	line-height: 0;
}
.qa_item.aarw dt.acoA:after{
	top: -3px;
	right: 10px;
	border-color: #000;
	border-width: 2px;
	width: 18px;
	height: 18px;
	transform: translateY(-15%) rotate(45deg);
}
.qa_item.aarw dt.acoA.active::after {
	transform: translateY(25%) rotate(225deg);
	top: 3px;
}
.iwrap .qa_item dd.acoB{
	position: relative !important;
	padding: 13px 15px 5px;
	line-height: 1.7;
	border: none;
}
.qa .q_ico{
	margin: 6px 18px 0 6px;
	width: 30px;
}
.qa .a_ico{
	margin: 0;
	position: absolute;
	left: 0;
	top: 5px;
	width: 30px;
}
.qa .txt{
	position: relative;
	padding-left: 45px;
	font-size: 21px;
	line-height: 1.7;
}
.iwrap .qa .aarw p{
	margin-left: 0;
	width: auto;
}
.item2{
	padding: 60px 0 30px;
	background: #a2b4c0;
	text-align: center;
}
.item2 h3{
	font-size: initial;
	font-weight: normal;
}
.iwrap .buyTiS h2{
	line-height: 1.2;
	width: 600px;
	border-bottom: 2px dotted var(--BluE);
}
.iwrap #Buy h3{
	line-height: 1.5;
	font-weight: normal;
}
.iwrap .buyTiS img{
	margin: auto;
	/* padding-left: 108px; */
}
.iwrap .buyReg .ctapri2{
	width: 960px;
}
.iwrap .buyReg .ctapri2 li {
	height: 295px;
	padding: 0 10px 30px;
}
.iwrap .buyReg .ctapri2 dt {
	font-size: 22px;
	letter-spacing: 0;
}
.iwrap .buyReg .ctapri2 dt img {
	margin-bottom: 5px;
}
.iwrap .buyReg dd.wariSo{
	color: var(--ReD);
}
.iwrap .buyReg dd.wariSo,.iwrap .buyReg dd.tuuSo {
	margin: 5px auto 20px;
	font-size: 14px;
	width: 150px;
}
.iwrap #Buy .btnGreeN{
	margin-top: 0;
	min-width: 200px;
}
.compo2 dl {
	border: 1px solid #ccc;
	margin-bottom: 20px;
	background: #fff;
}
.compo2 dt {
	padding: 5px 10px;
	background: #e1e1e1;
	margin: 0;
}
.compo2 dt:before {content: none;}
.compo2 dd {
	padding-top: 6px;
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
	.pic{
		width: 182%;
	}
	.main .pic{
		top: 690px;
		max-width: 760px;
	}
}
@media only screen and (min-width: 1999px) {

	.quality .box1{
		background-position: center center;
		background-size: cover;
	}
	.hint .box1{
		background-position: center center;
		background-size: cover;
	}
	.hintbg2{
		background-size: 100% 100%;
	}
	.expe{
		background-size: 100% 300px;
	}
	.mc_w100p,.mc_w100p .pic,.mc_w100p img{
		width: 100%;
	}
}