@charset "utf-8";
/*---------------------------------
reset
---------------------------------*/
*,*:before,*:after{box-sizing:border-box;}
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul,ol,li{display:block;list-style:none;}

/*---------------------------------
base
---------------------------------*/
html{font-size:62.5%;}
body{
	position:relative;
	width:100%;
	overflow-x:hidden;
	overflow-y:auto;
	font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;
	line-height:1.8;
	letter-spacing:0.05rem;
	font-weight:400;
	scroll-behavior:smooth;
	color:#252525;
}
*[data-font="serif"]{font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;}
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{
	background:#fff;
	border-left:solid 1px #fff;
}
::-webkit-scrollbar-thumb{
	background-color:rgba(75,75,75,0.3);
	border-radius:4px;
	box-shadow:inset 0 0 0 2px rgba(75,75,75,0.3);
}
img{
	display:block;
	vertical-align:top;
}
a img,
a[data-hover]{
	display:block;
	opacity:1;
	transition:opacity 0.4s;
}
a:hover img,
a[data-hover]:hover{opacity:0.85;}
*[data-vert]{writing-mode:vertical-rl;}
*[data-fade],
*[data-fade-group] *[data-anime]{
	opacity:0;
	transition:opacity 0.8s;
}
*[data-fade].show,
*[data-fade-group].show *[data-anime]{opacity:1;}
*[data-fade-group].show *[data-anime="2"]{transition-delay:0.4s;}
*[data-fade-group].show *[data-anime="3"]{transition-delay:0.8s;}
*[data-fade-group].show *[data-anime="4"]{transition-delay:1.2s;}
*[data-fade-group].show *[data-anime="5"]{transition-delay:1.6s;}
.lanTtl{display:block;}
.lanTtl > *{display:block;}
.lanTtl *[lang="en"]{line-height:1.0;}
.lanTtl *[lang="en"] img{width:auto;}
.lanTtl strong{line-height:1.45;}
.lanTtl strong span{color:#9d2228;}
.leadTxt{
	display:block;
	line-height:1.6;
	text-align:center;
}
.cartBuyBtn{text-align:center;}
.cartBuyBtn a{
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fff;
	line-height:1.0;
	text-decoration:none;
}
.cartBuyBtn .firstBuyBtn a{background-color:#9d2228;}
.cartBuyBtn .secondBuyBtn a{background-color:#627f0e;}
.hdCls{
	display:block;
	top:0;
	left:0;
	width:100%;
	z-index:1;
}
.hdCls a{display:block;}
section,
figure{position:relative;}
#floatBtn{
	position:fixed;
	bottom:50px;
	opacity:0;
	transition:opacity 0.8s;
	z-index:100;
}
#floatBtn.show{opacity:1;}
#floatBtn a{line-height:1.5;}
#fvMain{position:relative;}
#fvMain .mvSlider,
#fvMain .mvSlider li{display:block;}
#fvMain .mvSlider img{width:100%;}
#fvMain .snsList{
	position:absolute;
	display:block;
}
#fvMain .snsList li,
#fvMain .snsList a{display:block;}
#fvMain .scrollBar{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	line-height:1.0;
	text-align:center;
	color:#fff;
}
#fvMain .scrollBar span{display:block;}
#fvMain .scrollBar:after{
	content:"";
	display:block;
	width:1px;
	margin:0 auto;
	background-color:#fff;
}


.conceptSec{width:100%;}
.conceptSec > figure img{width:100%;}
.conceptSec .txtBox p{line-height:2.0;}
#voice{
	width:100%;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	background:url("../img/voice-bg.jpg") no-repeat center top / cover;
	text-align:center;
	color:#fff;
}
#voice .lanTtl{width:100%;}
#voice .lanTtl *[lang="en"] img{
	margin:0 auto;
	text-align:center;
}
#voice .voiceSec{
	display:block;
	background-color:#fff;
	color:#252525;
	text-align:left;
	margin: 0 15px 20px;
}
#voice .voiceSec h3{
	display:table;
	width:100%;
	text-align:left;
	vertical-align:middle;
}
#voice .voiceSec h3 > *{
	display:inline;
	vertical-align:middle;
}
#voice .voiceSec h3 span{
	width:100%;
	padding-left:8px;
}
#voice .voiceSec figure img{
	width:100%;
}
#voice .voiceSec .txtBox{line-height:1.75;}


#mvi{position:relative;}
#mvi:before{
	content:"";
	display:block;
	width:100%;
	height:0;
	padding-top:53.968%;
}
#mvi video{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}


#galleryBox{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#galleryBox > *{display:block;}
#galleryBox img{width:100%;}
#cartBuy{
	width:100%;
	text-align:center;
}
#cartBuy .lanTtl span img{margin:0 auto;}
#cartBuy .txtBox{text-align:left;}
#cartBuy .itemName li{
	display:list-item;
	list-style:disc;
	line-height:1.0;
}
#cartBuy .itemDetail{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#cartBuy .itemNote,
#cartBuy .caution{display:block;}
#cartBuy .caution{color:#9d2228;}
#cartBuy .cartBuyBtn{
	width:100%;
	text-align:center;
}
#cartBuy .toForm{
	display:block;
	position:relative;
	width:100%;
	border:1px solid #9d2228;
}
#cartBuy .toForm:before{
	content:"";
	display:block;
	position:absolute;
	background:url("../img/tofotm-arr.svg") no-repeat center top / contain;
}
#cartBuy .toForm .toFormTtl{
	display:table;
	margin:0 auto;
	line-height:1.6;
	color:#9d2228;
	text-align:center;
}
#cartBuy .toForm .cartBuyBtn{
	display:table;
	margin:0 auto;
	line-height:1.3;
}
#cartBuy .toForm a{line-height:1.83;}
.purchaseForm_wrapper {
  position: relative;
  /*margin-top: 14rem;*/
  padding-top: 4rem;
  background-color: #f7f0e8;
}

.purchaseFormTitle {
  position: relative;
  font-size: 3.2rem;
  margin-top: 2rem;
  line-height: 4.4rem;
  font-weight: 300;
  margin-bottom: 0;
  color: #270d05;
  font-family: "Hiragino Sans", "Hiragino Sans W1", "HiraginoSans-W2", "Hiragino Sans W4", "Hiragino Sans W5", "Hiragino Sans W6", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", 游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif;
}

.purchaseInforBox {
  padding-right: 8rem;
  padding-left: 8rem;
}

.angleIcons {
  display: block;
  width: 10%;
  margin-top: 4rem;
  margin-right: auto;
  margin-left: auto;
  transform: rotate(90deg);
}

.purchaseInforBoxForm {
  width: 100%;
}

.purchaseFormDesc {
  margin-top: 2rem;
  font-size: 1.4rem;
  padding-right: 2rem;
  padding-left: 2rem;
  padding-bottom: 2rem;
  font-weight: 300;
  line-height: 1.7;
  color: #270d05;
  font-family: "Hiragino Sans", "Hiragino Sans W1", "HiraginoSans-W2", "Hiragino Sans W4", "Hiragino Sans W5", "Hiragino Sans W6", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", 游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif;
}
.colorText {
  color: #b22123;
  font-weight: 600;
}


@media screen and (max-width:1083.98px){
	body{font-size:1.3rem;}
	*[data-type="pc"]{display:none!important;}
	img{width:100%;}
	.lanTtl *[lang="en"] img{height:10px;}
	.lanTtl strong{font-size:2.9rem;}
	.lanTtl *[lang="en"]+strong{margin-top:4px;}
	.lanTtl strong+*[lang="en"]{margin-top:7px;}
	.leadTxt{
		margin:35px auto 0;
		font-size:1.5rem;
	}
	.hdCls{padding:3.733vw 3.733vw 0;}
	.hdCls .hdLogo{width:166px;}
	.hdCls .hdLogo{width:26.267vw;}
	#floatBtn{
		width:100px;
		right:2.4vw;
	}
	#floatBtn li+li{margin-top:12px;}
	#floatBtn a{
		padding:20px 5px;
		border-radius:7px;
		font-size:1.3rem;
	}
	#fvMain .snsList{
		width:23px;
		left:5.2vw;
		bottom:6vw;
	}
	#fvMain .snsList li+li{margin-top:15px;}
	#fvMain .scrollBar:after{height:38px;}
	#fvMain .scrollBar{font-size:1.1rem;}
	#fvMain .scrollBar:after{
		height:38px;
		margin-top:10px;
	}
	
	
	.conceptSec+.conceptSec{margin-top:34px;}
	.conceptSec[data-dir="right"]{}
	.conceptSec > figure{width:100%;}
	.conceptSec .txtBox{
		width:90vw;
		margin:30px auto 0;
	}
	.conceptSec .txtBox p{margin-top:36px;}
	#voice{
		margin-top:84px;
		padding:40px 4vw 46px;
	}
	#voice .lanTtl{margin-bottom:50px;}
	#voice .voiceSec{width:40vw;}
	#voice .voiceSec h3{padding:5px;}
	#voice .voiceSec h3 img{width:18px;}
	#voice .voiceSec h3 span{font-size:1.0rem;}
	#voice .voiceSec .txtBox{padding:18px 4vw 20px;}	
	#voice .voiceSec .txtBox p{font-size:1.2rem;}

	#mvi{width:100%;}
	
	#galleryBox > span{height:33.067vw;}
	#galleryBox > span:nth-child(n+4){margin-top:0.667vw;}
	#galleryBox .fg01{width:calc(51.333vw - 1px);}
	#galleryBox .fg02{width:calc(48vw - 1px);}
	#galleryBox .fg04{width:calc(43.733vw - 1px);}
	#galleryBox .fg05{width:calc(55.6vw - 1px);}
	#galleryBox img{
		width:100%;
		height:100%;
		object-fit:cover;
		object-position:center center;
	}
	#cartBuy{padding:0 8vw 80px;}
	#cartBuy .lanTtl{
		width:100%;
		margin-bottom:84px;
	}
	#cartBuy > *{
		width:100%;
		max-width:315px;
		margin:0 auto;
	}
	#cartBuy > figure{margin-bottom:20px;}
	#cartBuy .itemName{padding-left:34px;}
	#cartBuy .itemName li{font-size:2.1rem;}
	#cartBuy .itemName li+li{margin-top:13px;}
	#cartBuy .itemName li > small,
	#cartBuy .itemName .itemNote{font-size:1.5rem;}
	#cartBuy .itemName .itemNote{margin-top:20px;}
	#cartBuy .itemName .itemNote small{
		display:block;
		margin-top:14px;
		font-size:1.2rem;
	}
	#cartBuy .itemPrice{
		margin-top:24px;
		font-size:1.5rem;
	}
	#cartBuy .itemDetail{margin-top:20px;}
	#cartBuy .itemDetail dt{width:72px;}
	#cartBuy .itemDetail dd{width:calc(100% - 72px);}
	#cartBuy .caution{font-size:1.2rem;}
	#cartBuy .cartBuyBtn{margin-top:26px;}
	#cartBuy .cartBuyBtn li{
		display:block;
		width:100%;
		font-size:1.8rem;
	}
	#cartBuy .cartBuyBtn li+li{margin-top:15px;}
	#cartBuy .cartBuyBtn li a{padding:20px 16px;}
	#cartBuy .form{
		margin-top:65px;
		padding:28px 20px 30px;
	}
	#cartBuy .toForm{
		display:table;
		margin-top:48px;
		padding:24px 16px 30px;
	}
	#cartBuy .toForm:before{
		width:35px;
		height:18px;
		bottom:-18px;
		left:calc(50% - 18px);
	}
	#cartBuy .toForm span{
		display:table;
		position:relative;
		margin:0 auto;
		text-align:center;
		font-size:2.5rem;
	}
	#cartBuy .toForm .toFormTtl span+span{margin-top:14px;}
	#cartBuy .toForm .toFormTtl span:after{
		content:"";
		display:block;
		width:100%;
		height:1px;
		position:absolute;
		bottom:-5px;
		left:0;
		border-top:2px dotted #9d2228;
	}
	#cartBuy .toForm .cartBuyBtn{margin-top:30px;}
	#cartBuy .toForm .cartBuyBtn a{
		padding:13px 6px;
		font-size:2.4rem;
		line-height:1.5;
	}
	#cartBuy .toForm .toFormCaution{
		margin-top:12px;
		font-size:1.6rem;
		text-align:left;
	}
}
@media screen and (min-width:1084px){
	body{font-size:1.6rem;}
	*[data-type="sp"]{display:none!important;}
	.lanTtl *[lang="en"] img{height:13px;}
	.lanTtl strong{font-size:4.4rem;}
	.lanTtl *[lang="en"]+strong{margin-top:6px;}
	.lanTtl strong+*[lang="en"]{margin-top:14px;}
	.leadTxt{
		margin:46px auto 0;
		font-size:2.0rem;
	}
	.hdCls{padding:25px 26px;}
	.hdCls .hdLogo{width:166px;}
	#floatBtn{
		width:158px;
		right:25px;
	}
	#floatBtn li+li{margin-top:22px;}
	#floatBtn a{
		padding:36px 5px;
		border-radius:5px;
		font-size:1.8rem;
	}
	#fvMain .snsList{
		width:2.071428%;
		left:2.7857%;
		bottom:4.767%;
	}
	#fvMain .snsList li+li{margin-top:68.965%;}
	#fvMain .scrollBar{font-size:1.4rem;}
	#fvMain .scrollBar:after{
		height:50px;
		margin-top:12px;
	}
	
	.conceptSec{
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	.conceptSec[data-dir="right"]{flex-direction:row-reverse;}
	.conceptSec > *{width:50%;}
	.conceptSec .txtBox > *{width:500px;}
	.conceptSec[data-dir="right"] .txtBox > *{margin-left:auto;}
	.conceptSec .txtBox p{
		margin-top:24px;
		font-size:1.8rem;
	}
	#voice{
		margin-top:142px;
		padding:110px 15px 140px;
	}
	#voice .lanTtl{margin-bottom:70px;}
	#voice .voiceSec{width:330px;}
	#voice .voiceSec h3{padding:7px 6px;}
	#voice .voiceSec h3 img{width:26px;}
	#voice .voiceSec h3 span{font-size:1.3rem;}
	#voice .voiceSec .txtBox{padding:13px 30px 42px;}
	
	#mvi{
		width:96%;
		max-width:1268px;
		margin:136px auto 0;
	}
	
	
	#galleryBox > span:nth-child(n+4){margin-top:0.2857%;}
	#galleryBox .fg01,
	#galleryBox .fg02,
	#galleryBox .fg05{width:36.4285%;}
	#galleryBox .fg03{width:26.571428%;}
	#galleryBox .fg04,
	#galleryBox .fg06{width:31.5%;}
	#cartBuy{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		padding:0 0 80px;
		padding-right:calc(50vw - 542px);
		padding-left:calc(50vw - 542px);
	}
	#cartBuy .lanTtl{
		width:100%;
		margin-bottom:84px;
	}
	#cartBuy > figure{width:500px;}
	#cartBuy .txtBox{width:536px;}
	#cartBuy .itemName{padding-left:34px;}
	#cartBuy .itemName li{font-size:3.4rem;}
	#cartBuy .itemName li+li{margin-top:24px;}
	#cartBuy .itemName li > small,
	#cartBuy .itemName .itemNote{font-size:2.4rem;}
	#cartBuy .itemName .itemNote{margin-top:20px;}
	#cartBuy .itemName .itemNote small{font-size:1.4rem;}
	#cartBuy .itemPrice{
		margin-top:20px;
		font-size:2.2rem;
	}
	#cartBuy .itemDetail{margin-top:36px;}
	#cartBuy .itemDetail dt{width:86px;}
	#cartBuy .itemDetail dd{width:calc(100% - 86px);}
	#cartBuy .caution{font-size:1.4rem;}
	#cartBuy .cartBuyBtn{margin-top:55px;}
	#cartBuy .cartBuyBtn li{
		display:inline-block;
		margin:0 10px;
		font-size:2.0rem;
	}
	#cartBuy .cartBuyBtn li a{padding:26px 54px;}
	#cartBuy .toForm{
		padding:56px 20px 50px;
		margin-top:50px;
	}
	#cartBuy .toForm:before{
		width:70px;
		height:36px;
		bottom:-36px;
		left:calc(50% - 35px);
	}
	#cartBuy .toForm .toFormTtl{
		position:relative;
		margin-bottom:48px;
		font-size:3.4rem;
	}
	#cartBuy .toForm .toFormTtl:after{
		content:"";
		display:block;
		width:100%;
		height:1px;
		position:absolute;
		bottom:-9px;
		left:0;
		border-top:2px dotted #9d2228;
	}
	#cartBuy .toForm .cartBuyBtn .secondBuyBtn a{
		width:590px;
		margin:0 auto;
		padding:42px 10px;
		font-size:3.2rem;
	}
	#cartBuy .toForm p{
		margin-top:18px;
		font-size:1.8rem;
	}
	#cartBuy .form{margin-top:142px;}
}
@media screen and (min-width:1084px) and (max-width:1403.98px){
	.conceptSec[data-dir="left"] .txtBox > *{margin-left:30px;}
	.conceptSec[data-dir="right"] .txtBox > *{margin-right:30px;}
}
@media screen and (min-width:1404px){
	.conceptSec[data-dir="left"] .txtBox > *{margin-left:98px;}
	.conceptSec[data-dir="right"] .txtBox > *{margin-right:98px;}
}
@media screen and (min-width:751px) {
.purchaseForm_wrapper {
  padding-right: 4rem;
  padding-left: 4rem;
  padding-bottom: 4rem;
}

.purchaseForm_flexbox {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.purchaseInforBox {
  position: relative;
  width: 40%;
}

.purchaseFormTitle {
  position: relative;
  font-size: 2.4rem;
  margin-top: 0;
  line-height: 4.4rem;
  font-weight: 300;
  margin-bottom: 0;
  color: #270d05;
  font-family: "Hiragino Sans", "Hiragino Sans W1", "HiraginoSans-W2", "Hiragino Sans W4", "Hiragino Sans W5", "Hiragino Sans W6", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", 游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif;
}

.purchaseFormFigure {
  height: 18rem;
}


.purchaseFormDesc {
  width: 83%;
  margin-top: 3rem;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.7;
  color: #270d05;
  font-family: "Hiragino Sans", "Hiragino Sans W1", "HiraginoSans-W2", "Hiragino Sans W4", "Hiragino Sans W5", "Hiragino Sans W6", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", 游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif;
}

.angleIcons {
  position: absolute;
  top: 30%;
  left: 40%;
  width: 3%;
  transform: initial;
  align-items: center;
}
}
/*---------------------------------
追加
---------------------------------*/
body{
	background-image: url("https://www.okabemen.co.jp/lp/gokuboso/img/gokuboso-bg-min.jpg");
}
header{
	background: #fff;
}
th{
	font-weight: 400;
}
img{
	max-width: 100%;
	width: 100%;
}
.ff-go{
  font-family: "Hiragino Sans", "Hiragino Sans W1", "HiraginoSans-W2", "Hiragino Sans W4", "Hiragino Sans W5", "Hiragino Sans W6", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", 游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif;
}
.small{
	font-size: 60%;
}
.c-red{
	color: #b91923;
}
.fs-150{
	font-size: 150%;
}
.fs-70{
	font-size: 70%;
}
.fs-50{
	font-size: 50%;
}
.of-03-title01{
	font-size: 1.4em;
}
.hdTel a{
	font-size:2.5em;
	color:#000;
}
.button-green{
	background-color:#326e05;
	display: inline-block;
	width: 100%;
	color: #fff;
	font-size: 2.5em;
	padding:4px 0;
	border-radius: 10px;
	border: solid 4px #326e05;
}
.button-green:hover{
	background-color:#fff;
	color:#326e05;
	text-decoration: none;
}

#fvMain{
	background-color:#e1f0fa;
}
#fvMain .mvSlider img{
	max-width: 1400px;
    margin: 0 auto;
}
#fvMain h1{
	background-color:#00469b;
	font-size: 2.5em;
	padding: 15px 0;
    color: #fff;
}
#fvMain h1 span{
    color: #fff000;
}
.head-sns a{
	margin: 10px;
}
#gokuboso-div01{
	padding: 100px 0;
	background-image: linear-gradient(to top, rgba(0,0,0,0) 20%, #e1f0f0 20%, #e1f0f0 70%, rgba(0,0,0,0) 70%)

}
#gokuboso-div01 h1{
	font-size: 2.5em;
	line-height: 1.8;
	margin-bottom: 1.5em;
}
#gokuboso-div01 p.tate{
	font-size: 1.3em;
	line-height: 2;
}
.toph2wrap h1{
	font-size: 2.4em;
}
.toph2wrap p{
	font-size: 1.1em;
}
.toph2wrap{
	position: relative;
	display: inline-block;
	margin-bottom: 2em;
}
.toph2wrap:before, .toph2wrap:after{
	position: absolute;
	display: inline-block;
	content: "";
	background: #000;
	width: 2px;
	height: 5em;
	margin: 0 1em;
	margin-top: -.2em;
	vertical-align: middle;
}
.toph2wrap:before {
  transform: rotate(-35deg);
  left: -4em;
  top: 0;
}
.toph2wrap:after {
  transform: rotate(35deg);
  right: -4em;
  top: 0;
}
.shouhin-wrap h5{
	font-size: 1.8em;
	margin-bottom: 10px;
}
.souryou{
	display: inline-block;
    border: solid 1px;
    padding: 4px 20px;
    margin: 6px 0;
}
.btn_syouhin{
	background: #005fa0;
	border-radius: 16px;
	box-shadow: 4px 4px 8px rgba(0,0,0,0.6);
	display: block;
    text-align: center;
    color: #fff;
    padding: 15px 0;
    line-height: 1.4;
    margin-top: 15px;
	transition: all 0.2s ease;
	border: solid 2px #005fa0;
	font-size: 1.4em;
}
.btn_syouhin:hover{
	 transform: translate(4px, 4px);
	 box-shadow: none;
	 color: #005fa0;
	 background: #fff;
	 text-decoration: none;
}
.gb07{
	filter: drop-shadow(4px 4px 8px rgba(0,0,0,0.6));
	width: 90%;
	margin: 0 auto 50px;
}
.gokuboso-div02{
	padding: 100px 0;
}
.gb08{
	padding-left: 15%;
}
.gb09{
	padding-right: 15%;
	margin-top: 50px;
}
.gokubosoh03{
	font-size: 2.5em;
    margin-bottom: 2em;
}
.kodawarinum{
	width: initial;
	margin: 0 auto 20px;
}
.gokuboso-div04, .gokuboso-div05, .gokuboso-div06, .gokuboso-div07{
	position: relative;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
.gokuboso-div04:before{
	content:'';
	display: block;
	position: absolute;
	width: 90%;
	height: 24vw;
	left: 0;
	bottom: 0;
	background-color: #e1f0f0;
}
.gokuboso-div05:before{
	content:'';
	display: block;
	position: absolute;
	width: 90%;
	height: 24vw;
	right: 0;
	bottom: 0;
	background-color: #fff;
}
.gokuboso-div06:before{
	content:'';
	display: block;
	position: absolute;
	width: 90%;
	height: 24vw;
	left: 0;
	bottom: 0;
	background-color: #e1f0fa;
}
.gokuboso-div07:before{
	content:'';
	display: block;
	position: absolute;
	width: 90%;
	height: 24vw;
	right: 0;
	bottom: 0;
	background-color: #ebf5eb;
}
.gokuboso-div08{
	position: relative;
}
.gb21{
	position: absolute;
	width: auto;
    left: 10%;
    top: 0;
    height: 100%;
}
.gokuboso-div08{
	margin-top: 100px;
	margin-bottom: 160px;
}
#voice .lanTtl{
	font-size: 2.5em;
    color: #000;
}
.gokuboso-div09{
	padding: 100px 0;
}
.gokuboso-div09 h1{
	font-size: 2.5em;
    margin-bottom: 1em;
}
.gokuboso-div09 h2{
	font-size: 1.5em;
	background-color: #fff;
	padding: 10px 1em;
    margin-bottom: 1.5em;
	display: inline-block;
}
.gokuboso-div09 h3{
	font-size: 2em;
    margin-bottom: 10px;
	display: inline-block;
	border-bottom: solid 1px;
}
.gb26{
	width: 80%;
    margin: 0 auto 100px;
}
.footer-logo{
	width: initial;
	margin: 0 auto 20px;
}
.gokuboso-div10{
    margin: 100px auto 40px;	
}
.footer-link a{
	color: #666666;
	padding: 0 1em;
    border-right: solid;
}
.footer-link a:last-child{
    border-right: none;
}

.div-of-03{
	padding-top: 6em;
}
.bg-gray{
	background-color:#e6e6e6;
	display: inline-block;
	padding: 0 2em;
}
.of-03-title02{
	font-size: 1.6em;
	margin-bottom: 10px;
}
.of-03-title02 .c-red{
	font-size: 150%;
}
#div-of-03-03 .h1{
	font-size: 170%;
    margin-left: 2em;
    display: inline-block;
}
#div-of-03-03 p{
	margin: 3em auto;
	font-size: 1.3em;
}
#div-of-03-04{
	background-image: url("https://www.okabemen.co.jp/lp/gokuboso/img/of-03-05-min.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#div-of-03-04 h1{
	font-size: 2.5em;
	margin-bottom: 2em;
}
#div-of-03-07{
	background: #e1f0fa;
	padding-bottom: 5em;
}
#div-of-03-07 img{
	margin-bottom: 30px;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.2)
}
#div-of-03-07 h1{
	font-size: 2.5em;
	margin-bottom: 2em;	
}
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
#div-of-03-08 h1{
	font-size: 2.5em;
	margin-bottom: 2em;	
}
#div-of-03-09{
	background-image: url("https://www.okabemen.co.jp/lp/gokuboso/img/of-03-16-min.jpg");
	background-size: 100% auto;
	margin-top: 5em;
}
.img-of-03-17{
	max-width: 260px;
	margin: 0 auto;
	margin-bottom: -2em;
    z-index: 1;
    position: relative;
}
.wrap-bun{
    text-align: center;
}
.wrap-bun h2{
	font-size: 1.5em;
    margin-bottom: 1em;
    border-bottom: solid 1px;
}
.wrap-bun-right{
	padding-right: 30%;
}
.wrap-bun-left{
	padding-left: 30%;
}
#div-of-03-11{
	margin-bottom: 6em;
}
*[data-vert] > span.yokonum{
	text-combine-upright: all;
}
.lpc select{
	height: 3rem;
}
.lpc input[name^="CNT"], .lpc input[type="text"], .lpc input[type="email"], .lpc input[type="tel"], .lpc input[type="password"]{
	height: 3rem;
}
.purchaseForm_wrapper{
	margin-bottom: 50px;
}
@media screen and (max-width:991px){
#gokuboso-div01{
	padding: 50px 0;
}
#gokuboso-div01 h1{
	text-align: center;
}
.toph2wrap{
	font-size: 0.8em;
}
.gb08 {
    padding-left: 0;
}
.gb09 {
    padding-right: 0;
    margin-top: 25px;
}
}
@media screen and (max-width:767px){
*[data-vert] {
    writing-mode: inherit;
}
.img-of-03-01{
	max-width: 300px;
    margin: 0 auto 2em;
}
.div-of-03 {
    padding-top: 5em;
}
.of-03-title01{
	text-align: center;
}
.of-03-title02{
	text-align: center;
	font-size: 2em;
}
.sp-text-center{
	text-align: center;
}
.sp-text-center img{
	max-width: 280px;
    margin: 0 auto;
}
.button-green{
	font-size: 1.4em;
    width: 80%;
}
th {
    width: 20%;
}
#div-of-03-03{
	text-align: center;
}
#div-of-03-03 .h1{
	margin-left: 0;
	margin-bottom: 1em;
}
#div-of-03-04 img{
	max-width: 240px;
    margin: 0 auto;
}
#div-of-03-04  p{
	margin-bottom: 1.5em;
	font-size: 1.1em;
	padding: 0 3em;
}
#voice .voiceSec{
	width: 70vw;
	margin-bottom: 20px;
}
#div-of-03-07 h1 {
    margin-bottom: 1em;
}
#div-of-03-08 h1 {
    font-size: 1.8em;
    margin-bottom: 1em;
}
.img-of-03-17{
	max-width: 160px;
}
.wrap-bun-right, .wrap-bun-left{
    padding-right: 10%;
	padding-left: 10%;
	margin-bottom: 20px;
	margin-top: 10px;
}
.purchaseInforBox {
    padding-right: 15px;
    padding-left: 15px;
}
.purchaseFormTitle{
	font-size: 2.1rem;
}
.rightArrow img{
	width: 30px;
    margin: 10px auto;
}
#fvMain h1{
	font-size: 1.5em;
}

#gokuboso-div01 h1{
	font-size: 1.8em;
}
.shouhin-wrap img{
	width: 80%;
	margin: 30px auto 15px;
}
.shouhin-wrap{
	text-align: center;
	margin-bottom: 50px;
}
.btn_syouhin{
	font-size: 1.5em;
    margin-top: 15px;
}
.fs-70 {
    font-size: 90%;
}
.kodawarinum {
    margin: 20px auto;
}
.gokuboso-div08{
	padding: 100px 0;
    margin-top: 50px;
    margin-bottom: 50px;
}
.gb26{
	width: 100%;
}
.gokuboso-div09 p{
	margin-bottom: 30px;
	font-size: 1.2em;
}
.gokuboso-div10 {
    margin: 100px auto 250px;
}
.gokuboso-div10 .d-flex{
	flex-wrap: wrap;
}
#voice .lanTtl{
	font-size: 1.8em;
}
.gokuboso-div04 p, .gokuboso-div05 p, .gokuboso-div06 p, .gokuboso-div07 p{
	font-size: 1.3em;
}
}
/*インスタ公開時消す*/
/*#voice{
	display: none;
}
#div-of-03-06{
	padding-bottom: 6em;
}*/
/*202403追加*/
.balloon1 {
position: relative;
display: inline-block;
margin: 1em 0;
padding: 10px 10px;
width: 100%;
color: #fff;
font-size: 1.4em;
background: #b91923;
border-radius: 20px;
text-align: center;
}

.balloon1:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -6px;
border: 6px solid transparent;
border-top: 15px solid #b91923;
}
@media screen and (max-width: 767px){
.box-scroll{
width: 100%;
overflow-x: auto;
flex-wrap: nowrap;
}
.box-scroll > div {
width: 80%;
flex-shrink: 0;
}
.balloon1{
font-size: 1.2em;
border-radius: 30px;
}
}