@charset "utf-8";
/*----------------
[1]common
[2]headerContainer
[3]sideContainer
[4]footerContainer
[5]Container
[6]topContainer
[7]subContainer
[8]other
------------------ */

/* **********************************************************************************************
[1]common
************************************************************************************************ */
html{
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}
body{
	line-height: 1.5;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 1.4rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	color: #000;
	letter-spacing: 0.5px;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

header {
	width: 100%;
	/* height: 100vh; */
	height: 40px;
	z-index: 99999999997;
	/* position: absolute; */
	position: fixed;
	top: 0px;
	left: 0;
	background-color: #FFF;
}
#trns{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999999999999;
	background-image: url(images/logoh1.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 207px 37px;
	background-color: #e33228;
}
#wrapper {
	width: 100%;
	position: relative;
	overflow: hidden;
}

/* clear
----------------------------------------------- */
.clear { clear: both; }
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { min-height: 1px; }
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* a 
----------------------------------------------- */
a,a:link { text-decoration: none; }
a img, img {
	border: none;
	line-height: normal;
	vertical-align: top;
}

/* img 
----------------------------------------------- */
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;
}
.imgText {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.object-fit-img {
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;'
}

/* slide
----------------------------------------------- */
#topContent {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}

#topContent .firstView{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}


/* **********************************************************************************************
[2]headerContainer
************************************************************************************************ */

.headerMain {
	position: absolute;
	width: 100%;
	height: 100vh;
	top:50%;
	left: 50%;
	margin-left: -50%;
	margin-top: -50vh;
}
header h1 {
	position: relative;
	top: 1.5px;
	left: 10px;
	width: 207px;
	height: 37px;
}
header h1 a {
	width: 207px;
	height: 37px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background-image: url(images/logoh1.svg);
}

header.fixed {
	position: fixed;
}

.headerMain {
	/* position: absolute;
	width: 100%;
	height: 100vh;
	top:0;
	left:0; */
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.headerMain div{
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	width: 1000px;
	height: 780px;
	background-size: 100% auto;
	margin: 0 auto 0;
	box-sizing: border-box;
	background-image: url(images/mainTxt.png);
	background-position: center 55%;
}

/* **********************************************************************************************
[3]sideContainer
************************************************************************************************ */


#_btn {
  overflow: hidden;
  /* background-color: #fff; */
  height: 40px;
  width: 40px;
  position: fixed;
  top: 0px;
  right: 10px;
  z-index: 9999999999999;
  box-sizing:  border-box;
  transition: top .3s;
}

#_btn.fixed2 {
  top: 0px;
  transition: top .3s;
}

#_btn_nav,
#_btn_nav2 {
  float: left;
  cursor: pointer;
  position: relative;
}
#nav_open {
  position: absolute;
  z-index: 2;
  top: 0;
  height: 40px;
  width: 40px;
transition:width .3s, height .3s;
}
#nav_close {
  position: relative;
  z-index: 2;
  top:  0px;
  height: 40px;
  width: 40px;
  transition:width .3s, height .3s;
}

#fadeLayer {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,0.6);
  visibility:hidden;
  z-index: 9999999998;
  cursor: pointer;
}
#menu {
  	position: relative;
  	z-index: 0;
  	top: 10px;
	margin: 0px auto 0;
 	height: 16px;
	width: 24px;
    cursor: pointer;
    font-family: 'Ubuntu', sans-serif;
	transition:top .3s;
}
#menu:after {
	content:"MENU";
	color: #262626;
	font-size: 10px;
	position: absolute;
	bottom: -13px;
	left: -2px;
}
#menu.active:after {
	content:"CLOSE";
	color: #262626;
	font-size: 10px;
	bottom: -13px;
	left: -4px;
} 
#menu .bar {
    display: inline-block;
    width: 24px;
    height: 2px;
    background-color: #000;
    position: absolute;
    left: 50%;
	margin-left: -12px;
    transition: .15s ease-in-out;
}

#menu.active .bar {
    background-color: #262626;
}


#bar01 {top: 0;}
#bar02 {top: 6px;}
#bar03 {top: 12px;}
.active #bar01 {
    top: 6px;
    transform: rotate(45deg);
}
.active #bar02 {width: 0;}
.active #bar03 {
    top: 6px;
    transform: rotate(-45deg);
}

.headerNav {
	width: 250px;
	height: 100%;
	position: fixed;
	top: 0;
	right: -250px;
	z-index: 99999999999999;
	padding: 0px 0 0;
	box-sizing: border-box;
	background-color: #fff;
	overflow: auto;	
}

    .humber {
        /* height: 150px;
        overflow-y: scroll; */
        height: 100%;
        overflow: auto;
        -ms-overflow-style: none;    /* IE, Edge 対応 */
        scrollbar-width: none;       /* Firefox 対応 */
    }
    .humber::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
    }


.humbermypage { margin-bottom: 30px; }

.humbermypage img {height: 20px; display: inline-block; margin-right: 5px;}
.humbermypage li {margin-bottom: 5px; float: left; width: 50%; box-sizing: border-box;}
.humbermypage li:nth-of-type(1) {padding-right: 1px;}
.humbermypage li:nth-of-type(2) {padding-left: 1px;}
.humbermypage li a {
	border: 1px solid #262626;
	padding: 5px 10px;
	border-radius: 80px;
	color: #262626;
	display: block;
	text-align: center;
	transition: border .3s;

}

.boxheaderNav2 {
	padding: 10px;
	box-sizing: border-box;
}

.navBox {
	padding: 40px 0 0;
	box-sizing: border-box;
}

.navBox a {color: #262626; display: block;}
.navBox ul {border-top: 1px solid #ccc;}
.navBox ul ul {border-top: none;}
.navBox ul li a{display: block; font-size: 14px; font-weight: 500; padding: 10px; box-sizing: border-box; border-bottom: 1px solid #ccc;}
.navBox ul li li a{display: block; font-size: 13px; font-weight: 500; padding: 10px 20px; box-sizing: border-box; background-color: #eee;}




/* **********************************************************************************************
[4]footerContainer
************************************************************************************************ */
footer {
	position: relative;
	width: 100%;
	padding: 0px 0px 60px;
	box-sizing:  border-box;
}


.footerCompany { box-sizing: border-box; text-align: center; margin-bottom: 40px;}

.footerCompany ul {text-align: center; margin-bottom: 40px;}
.footerCompany ul li {/* display: inline-block; */ margin: 0 0px;}
.footerCompany ul li a {display: block; color: #000; font-size: 14px; box-sizing: border-box; padding: 10px 15px; border-bottom: 1px solid #eee;}


.footerCompany ul li:nth-last-of-type(2),
.footerCompany ul li:nth-last-of-type(1) {display: inline-block;}

.footerCompany ul li:nth-last-of-type(2) a,
.footerCompany ul li:nth-last-of-type(1) a {
padding: 10px 5px;
border-bottom: none;
}

.footerCompany h2 {
width: 207px;
height: 37px;
margin: 0px auto 0;
box-sizing: border-box;
}

.footerCompany h2 a{
	width: 207px;
	height: 37px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background-image: url(images/logoh1.svg);
}


/* copyright
----------------------------------------------- */
.copyright {
	font-size: 10px;
	text-align: center;
	padding: 10px 0;
	position: relative;
	box-sizing: border-box;
	font-family: 'Ubuntu', sans-serif;
}

/* pageTop
----------------------------------------------- */
#pageTop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	color: #FFF;
	width: 48px;
	height: 48px;
	text-align: center;
	font-size: 10px;
	z-index: 999999999;
}
#pageTop a{
	color: #fff;
	position: relative;
	width: 48px;
	height: 48px;
	display: block;
	box-sizing: border-box;
	border-radius: 50%;
	padding-top: 20px;
	border: 1px solid #fff;
	line-height: 1.1;
	background-color: #e33228;
}
#pageTop a:after {
	position: absolute;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	content: "";
	transition: top .3s;
}

#pageTop a:hover:after {
	top: 7px;
	transition: top .3s;
}

/* **********************************************************************************************
[5]Container
************************************************************************************************ */
#container {
	width: 100%;
	box-sizing: border-box;
	padding: 0;
	position: relative;
	z-index:99999999;

}

#container section{position: relative;}
.blueBg {background-color: #e33228;}

/* Ttl
----------------------------------------------- */
.mainTtl,
.mainTtl2 {
	position: relative;
	margin-bottom: 40px;
	text-align: center;
}



.mainTtl .mainTtlBg {
	display: inline-block;
	position: relative;
	font-size: 35px;
	font-weight: 900;
	line-height: 1.0;
	z-index: 1;
}

.mainTtl2 .mainTtlBg {
	display: inline-block;
	position: relative;
	font-size: 35px;
	font-weight: 900;
	line-height: 1.0;
	z-index: 1;
	color: #FFF;
}


.top002 .mainTtl2 { top: 0px;}

.mainTtl .bigT {
	display: inline-block;
	font-size: 45px;
	line-height: 0.8;
	font-family: 'Ubuntu', sans-serif;
}

.mainTtl .submainTtl,
.mainTtl2 .submainTtl {
	display: block;
	font-size: 16px;
	font-weight: 900;
}

.mainTtl2 .submainTtl {
	color: #FFF;
}

.mainTtl .submainTtl img {vertical-align: middle; width: 25px;}

.mainTtl .mainTtlBg:before {
	position: absolute;
	left:0;
	right:0;
	bottom:-10px;
	margin: auto;
	background-color: #fbbeb4;
	width: 100%;
	height: 20px;
	content:"";
	z-index: 0;
}

.mainTtlTxt {position: relative;}

.ttlBg {
	text-align: center;
	position: absolute;
	top:0px;
	left: 50%;
	margin-left: -220px;
	width: 440px;
	height: 136.125px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ttlBg figure{
	display: block;
	/* background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	width:960px;
	height: 297px; */
	/* background-size: 75% auto; */
	margin: 0 auto 0;
	box-sizing: border-box;
	/* background-image: url(images/mainTxt.png);
	background-position: center center; */
}

.top002 .mainTtl2 {padding-top: 10px;}



/* Btn
----------------------------------------------- */
.mainBtn {
	margin: 0px auto 0;
	text-align: center;
	padding-top: 40px;
}

.shopBtn a {
  display: block;
  margin: auto;
  padding: 20px 40px 20px 20px;
  box-sizing: border-box;
  font-family: sans-serif;
  font-size: 20px;
  text-decoration: none;
  text-shadow:
    -2px 4px 4px #091243, 
    0 0 10px #00D0FF,
    inset 1px 1px 1px white;
  color: #0ae4fe;
  border: 2px solid;
  border-radius: 4px;
  /* background-color: transparent; */
  background-color: rgba(0,0,0,0.15);
  box-shadow: 
    /* 0 1px 2px rgba(0,0,0, 0.6), 
    2px 1px 4px rgba(0,0,0, 0.3),  */
    2px 4px 3px rgba(1,118,140, 0.3), 
    0 0 7px 2px rgba(0,208,255, 0.6), 
   /* inset 0 1px 2px rgba(0,0,0, 0.6), 
    inset 2px 1px 4px rgba(0,0,0, 0.3), */
    inset 2px 4px 3px rgba(1,118,140, 0.3), 
    inset 0 0 7px 2px rgba(0,208,255, 0.6);
  animation: flickering 5s infinite;
}

.mainBtn a {
  display: block;
  /* text-indent: 100%;
  overflow: hidden;
  white-space: nowrap; */
  max-width: 442.4px;
  max-height: 120.4px;
  /* background-image: url(images/btn.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top; */
  margin: 0 auto;
  width: 100%;
}



.shopBtn a:hover,
.shoplist li a:hover {
  background-color: rgba(255,255,255,0.15);
  text-shadow:
    -2px 4px 4px #000000, 
    0 0 10px #000000,
    inset 1px 1px 1px #000000;
}



.shopBtn span {position: relative;}
.shopBtn span:after {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	right: -20px;
	width: 10px;
	height: 10px;
	border-top: 3px solid #0ae4fe;
	border-right: 3px solid #0ae4fe;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

@keyframes flickering {
  0% {
    border-color: transparent;
    opacity: 0.2;
  }
  
  2% {
    border-color: #0ae4fe;
    opacity: 1;
  }
  
  4% {
    border-color: transparent;
    opacity: 0.2;
  }
  
  8% {
    border-color: #0ae4fe;
    opacity: 1;
  }
  
  28% {
    border-color: #0ae4fe;
    opacity: 1;
  }
  
  30% {
    border-color: transparent;
    opacity: 0.2;
  }
  
  36% {
    border-color: #0ae4fe;
    opacity: 1;
  }
  
  100% {
    border-color: #0ae4fe;
    opacity: 1;
  }
}

.listTxt li {
	/* float: left;
	width: 33.333%; */
	padding: 10px 10px;
	box-sizing: border-box;
	text-align: center;
}

.listImg {
	border: 1px solid #e33228;
	border-radius: 50%;
	/* width: 100%;
	height: 100%; */
	width: 280px;
	height: 280px;
	position: relative;
	margin: 0 auto;
}

/* .listImg p {
	position: absolute;
	top:-45px;
	right: -35px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	width: 161.7px;
	height: 115.5px;
	background-image: url(images/text-fukidashi.png);
	background-repeat: no-repeat;
	background-size: contain;
} */
.listTxt li dl {
	position: relative;
	top: -30px;
}
.listTxt li dt {
	font-size: 25px;
	font-weight: 900;
	line-height: 1.3;
	margin-bottom: 20px;
}

.listTxt li dt span {
	display: inline-block;
	font-size: 50px;
	font-family: 'Ubuntu', sans-serif;
	border-radius: 50%;
	background-color: #e33228;
	color: #FFF;
	line-height: 1.0;
	width: 60px;
	height: 60px;
	text-align: center;
	padding-top: 5px;
	box-sizing: border-box;
	margin-bottom: 5px;
}

.listTxt li dd {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
}


.listTxt001 span{
	color: #a70303;
	font-size: 18px;
	background-color: #fbbeb4;
	border-radius: 5px;
	display: inline-block;
	padding: 5px 10px;
	font-weight: 900;
}

.listTxt002 {
	font-size: 50px;
	font-weight: 900;
	position: relative;
	line-height: 1.0;
}

.listTxtYen {
	display: inline-block;
	font-size: 25px;
	position: relative;
}

.listTxtTax {
	position: absolute;
	top:-10px;
	left:-4px;
	font-size: 10px;
}

.pricedetail .listTxtTax {
	left: 2px;
}

.listTxt003 {
	border-top: 3px dashed #e33228;
	padding-top: 1px;
	margin-top: 5px;
}

.addatention {display: inline-block; font-size: 17px;}

.listTxt2Sub {display: inline-block; line-height: 1.2; font-size: 15px;}
.listTxt2Sub span {display: inline-block; font-size: 15px; line-height: 1.0;}


.listYen {display: inline-block; font-size: 45px; font-weight: 900; line-height: 1.0; padding: 0 0 0 5px;}
.listTxt003 .listTxtYen {display: inline-block; line-height: 1.0;}

.mainPrice {
	text-align: center;
	padding-top: 50px;
}

.mainPrice p{
	max-width: 970px;
	max-height: 187px;
	margin: 0 auto 0;
}
.pricelist {}
.pricelist li {/* float: left; width: 33.333%; padding: 5px; */ padding: 10px; box-sizing: border-box;}
.pricelist li dl {background-color: #FFF; border-radius: 10px;}
.pricelist li dt {
	background-color: #a70303;
	font-size: 18px;
	color: #FFF;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	font-weight: 900;
	border-radius: 10px 10px 0 0
}

.pricelist li dd {
	padding: 15px 10px;
	box-sizing: border-box;
	font-size: 14px;
}

.pricelist li dd:nth-of-type(2n) {background-color: #fbbeb4;}
.pricelist li dd span {display: inline-block; text-algin: right; float: right; color:#a70303;}

.atention {font-size: 12px; color: #FFF;}
.top003 .atention {color: #000;}
.top003add .atention {color: #000;}

.pricelist li dd:nth-of-type(1) {text-align: center;}
.pricelist li dd:nth-of-type(1) span {float: none; display: inline-block; text-align: center;}
.pricelist li dd:nth-of-type(1) span.pricedetail {
text-align: center; 
font-weight: 900;
display: inline-block;
position: relative;
}

.pricedetailtxt {
	font-size: 45px;
	font-weight: 900;
	line-height: 1.0;
	position: relative;
}

.pricelist li dd:nth-of-type(1) span.pricedetail:before {
	background-color: #f5e700;
	position: absolute;
	bottom: -1px;
	left: 0;
	right:0;
	margin: auto;
	width: 100%;
	height: 15px;
	content:"";
}

.commonTxt {text-align: left; margin-bottom: 30px;}

.optionList {border: 3px solid #e33228; border-radius: 10px; margin-bottom: 5px;}

.optionList dt {text-align: center; /* float: left; */ position: relative; background-color: #e33228; color: #FFF; padding: 10px; font-size: 18px; font-weight: 900; /* width: 350px; */ box-sizing: border-box; width: 100%;}
.optionno1 {
	position: absolute;
	top: -35px;
	left: -15px;
	width: 75.36px;
	height 50.88px;
}

.optionList dd {line-height: 1.0; text-align: center; font-weight: 900; /* width: calc(100% - 350px); float: left; */ width: 100%; box-sizing: border-box; padding: 15px 5px; font-size: 16px;}

.optionList dd .optionTtl{
	display: inline-block;
	font-size: 20px;
	color: #a70303;
	position: relative;
}

.optionList dd .optionPrice{
	font-size: 35px;
}

.optionList dd .optionTtl span{
position: absolute;
top:-10px;
right:2px;
display: inline-block;
font-size: 11px;

}

.accordion_one {
	width: 100%;
	margin: 40px auto 0;
}
.accordion_one .accordion_header {
position: relative;
background-color: #565655;
/* text-align: center; */
color: #FFF;
font-size: 16px;
font-weight: 900;
padding: 15px;
box-sizing: border-box;
cursor:pointer;
}

.accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  background-color: #FFF;
  border-radius:50%;
  margin-top: -15px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}
.accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
.accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.accordion_one .accordion_header .i_box .one_i:before,
.accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  /* background-color: #fff; */
  background-color: #565655;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.accordion_one .accordion_header .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}
.accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.accordion_one .accordion_inner {
  display: none;
  padding: 30px 0px;
  box-sizing: border-box;
}

.opudetialttl {font-size: 18px; font-weight: 900; border-bottom: 20px;}

.table-scroll {
  overflow: scroll;
}

.optable {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	/* width: 100%; */
	width: 650px;
}

.optable td,
.optable th{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 13px;
	
}


.optable th {background-color: #eee; font-weight: 700;}
.optable th.th2 {background-color: #ddd;}


.premiamu {
	position: relative;
}
.optable th.premiamu {
	border-top: 3px solid #e8c638;
	border-left: 3px solid #e8c638;
	border-right: 3px solid #e8c638;
	color: #e8c638;
	font-weight: 900;
	font-size: 15px;
}
.premiamu span{
	position: absolute;
	top: -50px;
	left: 50%;
	width: 94.2px;
	height: 63.6px;
	margin-left: -47.1px;
}

.optable td.premiamutd {
	border-left: 3px solid #e8c638;
	border-right: 3px solid #e8c638;
	color: #e8c638;
	font-weight: 900;
	font-size: 15px;
}

.optable td.premiamutd.premiamutd2 {
	border-bottom: 3px solid #e8c638;
}

.optable td.light,
.optable th.light {color: #a70303; font-weight: 700; font-size: 15px;}

.flowBox {position: relative;}
.flow {position: relative; margin-bottom: 40px;}
/* .flow:before {
	position: absolute;
	width: calc(100% - 20px);
	height: 5px;
	background-color: #FFF;
	content:"";
	top: 110px;
	left:0;
	right: 0;
	margin: auto;

} */

.flowBox span.flowLine {
	position: absolute;
	width: 5px;
	height: calc(100% - 200px);
	background-color: #FFF;
	content:"";
	top: 110px;
	left:40px;
	margin: auto;

}

.flow li {/* float: left; width: 25%; */ padding: 10px 0px; box-sizing: border-box;}
.flowimage {position: relative; text-align: center; float: left; width: 80px; margin-right: 5px; margin-top: 20px;}
.flowimage figure {
	position: relative;
	background-color: #FFF;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	margin: 0 auto;
	text-align: center;
}

.flowimage p {
	font-size: 40px;
	line-height: 1.0;
	font-weight: 900;
	color: #a70303;
	/* color: #fbbeb4; */
	position: absolute;
	top: -20px;
	left: 0;
	font-family: 'Ubuntu', sans-serif;
	margin-left: 0px;
	z-index: 1000;
text-shadow: 
    #fff 2px 0px 2px, #fff -2px 0px 2px,
    #fff 0px -2px 2px, #fff -2px 0px 2px,
    #fff 2px 2px 2px, #fff -2px 2px 2px,
    #fff 2px -2px 2px, #fff -2px -2px 2px,
    #fff 1px 2px 2px, #fff -1px 2px 2px,
    #fff 1px -2px 2px, #fff -1px -2px 2px,
    #fff 2px 1px 2px, #fff -2px 1px 2px,
    #fff 2px -1px 2px, #fff -2px -1px 2px,
    #fff 1px 1px 2px, #fff -1px 1px 2px,
    #fff 1px -1px 2px, #fff -1px -1px 2px;
}

.flow li dl {/* width: 100%; */ float: left; width: calc(100% - 85px);}
.flow li dt {/* text-align: center; */ margin-bottom: 10px;}
.flow li dt .flowTtl {
	font-size: 20px;
	font-weight: 900;
	margin-bottom: 0px;
	display: inline-block;
	position: relative;
	color: #f5e700;
}

.flow li dt .flowTtl:before {
	background-color: #a70303;
	position: absolute;
	bottom: -1px;
	left: 0;
	right:0;
	margin: auto;
	width: 100%;
	height: 15px;
	content:"";
}

.flow li dt .floatSubTtl {
	position: relative;
}

.flow li dd {font-size: 14px; font-weight: 700; color: #FFF;}


.flow li dd p{
position: relative;
background-color: #565655;
text-align: center;
color: #FFF;
font-size: 14px;
font-weight: 900;
padding: 5px 10px;
color: #FFF;
box-sizing: border-box;
margin-top: 20px;
display: none;

}
.flow li dd p a,
.flow li dd a{ display: inline-block; color: #FFF; position:relative;}

.flow li dd p a:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: -13px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}


.et_pb_text_inner {
  background-color: #FFF;
}
.flowdetail {margin-top: 40px;}
.flowdetail h3 {
background-color: #565655;
text-align: center;
color: #FFF;
font-size: 20px;
font-weight: 900;
padding: 10px;
color: #FFF;
}

.detailsub {padding: 10px; box-sizing: border-box;}
.subdetailBox {border-top: 1px dashed #ccc;  padding: 10px 0; box-sizing: border-box;}
.subdetailBox:nth-of-type(1) {margin-top: 20px; }
.subdetailBox dl{float: left; width: 100%; padding: 10px; box-sizing: border-box;}
.subdetailBox figure{float: right; width: 100%; padding: 10px; box-sizing: border-box;}
.subdetailBox dt {font-weight: 900; font-size: 16px; margin-bottom: 10px;}
.subdetailBox dd {font-weight 700;}
.subdetailBox dd span {color: #a70303; display: inline-block; padding-right: 0;}

.subdetailBox.subdetailBox2 dl{width: 80%;}
.subdetailBox.subdetailBox2 figure{width: 20%;}
.subdetailBox.subdetailBox3 dd span {color: #000; font-size: 10px;}
.subdetailBox.subdetailBox3 dl{width: 100%; padding: 0;}
.subdetailBox.subdetailBox3 figure{width: 100%;}
.subdetailBox.subdetailBox3 dd {float: left; width: 50%; text-align: center; padding: 5px; box-sizing: border-box;}
.subdetailBox.subdetailBox3 dd img {text-align: center; margin: 0 auto;}
.subdetailBox.subdetailBox3 p {height: 90px;}
.subdetailBox.subdetailBox4 dl{width: 100%;}

.subdetailBox .optable {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
}

.subdetailBox .optable td,
.subdetailBox .optable th{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 13px;
	width: 100%;
	display: block;
	
}

.top006 .accordion_one {
	width: 100%;
	margin: 0px auto 5px;
	background-color: #FFF;
	border-radius: 10px 10px 10px 10px;
	box-sizing: border-box;
	padding:0;
}
.top006 .accordion_one .accordion_header {
position: relative;
background-color: #a70303;
text-align: left;
color: #FFF;
font-size: 18px;
font-weight: 900;
padding: 15px;
box-sizing: border-box;
border-radius: 10px;
cursor:pointer;
}

.top006 .accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  background-color: #FFF;
  border-radius:50%;
  margin-top: -15px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}
.top006 .accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
.top006 .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.top006 .accordion_one .accordion_header .i_box .one_i:before,
.top006 .accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  /* background-color: #fff; */
  background-color: #a70303;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.top006 .accordion_one .accordion_header .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.top006 .accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}
.top006 .accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.top006 .accordion_one .accordion_inner {
  display: none;
  padding:0;
  /* padding: 20px;
  box-sizing: border-box;
  background-color: #FFF;
	border-radius: 0 0 10px 10px; */
}
.top006 .accordion_inner .accordion_one2:nth-of-type(2n+1) {
padding: 20px;
box-sizing: border-box;
}
.top006 .accordion_inner .accordion_one2:nth-of-type(2n) {
padding: 20px;
box-sizing: border-box;
background-color: #fbbeb4;
}

.top006 .accordion_inner .accordion_one2:last-child {
border-radius: 0 0 10px 10px;
}

.top006 .accordion_one2 .accordion_header2 {
position: relative;
background-color: none;
text-align: left;
color: #000;
font-size: 15px;
font-weight: 900;
padding: 0px 30px 0 0;
box-sizing: border-box;
border-radius: 0px;
cursor:pointer;
}

.top006 .accordion_one2 .accordion_header2 .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 0px;
  width: 20px;
  height: 20px;
  border: 0px solid #fff;
  background-color: none;
  border-radius:50%;
  margin-top: -10px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}
.top006 .accordion_one2 .accordion_header2 .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
.top006 .accordion_one2 .accordion_header2.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.top006 .accordion_one2 .accordion_header2 .i_box .one_i:before,
.top006 .accordion_one2 .accordion_header2 .i_box .one_i:after {
  display: flex;
  content: '';
  /* background-color: #fff; */
  background-color: #a70303;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.top006 .accordion_one2 .accordion_header2 .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.top006 .accordion_one2 .accordion_header2.open .i_box .one_i:before {
  content: none;
}
.top006 .accordion_one2 .accordion_header2.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.top006 .accordion_one2 .accordion_inner2 {
  display: none;
  padding: 20px 50px 0 0;
  box-sizing: border-box;
}

.top006 .accordion_one2 .accordion_header2 span,
.top006 .accordion_one2 .accordion_inner2 span.answer {
	font-size: 20px;
	font-weight: 900;
	color: #a70303;
	display: inline-block;
	padding-right: 5px;
	box-sizing: border-box;
	font-family: 'Ubuntu', sans-serif;
	width: 20px;
}

.top006 .accordion_one2 .accordion_inner2 span.answer {
	float: left;
}


.top006 .accordion_one2 .accordion_inner2 span.answertxt {
	float: left;
	width: calc(100% - 20px);
	padding-top: 5px;
}
.answerimg {margin-top: 30px;}
.answerimg figure {/* float: left; width: 33.333%; */}
.answerimg figure span {
	display: block;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
}

.section-lineup {
  overflow: hidden;
  width: 100%;
  padding: 0;
  opacity:1;
}
.section-lineup .inner {
  margin: 0 auto;
  width: 100%;
  padding-top: 0;
  box-sizing: border-box;
}
.section-lineup .lineup {
  /* position: relative; */

}
.section-lineup .lineup-carousel li {
  text-align: left;
  margin: 0px 10px;
}

.section-lineup .lineup-carousel li div{
  padding:20px 20px 40px;
  box-sizing: border-box;
  border: 3px solid #e33228;
  border-radius: 10px;
  position: relative;
}

.section-lineup .slick-list {
  overflow: visible;
}

.section-lineup .lineup-carousel li p {
width: 100%;
}

.section-lineup .lineup-carousel li p.name {
font-size: 14px;
text-align: right;
position: absolute;
bottom: 20px;
right: 20px;

}

.slide-dots {
  margin: 20px auto 0;
  padding: 0;
  text-align: center;
}
.slide-dots li {
  display: inline-block;
  margin: 0 0;
}
.slide-dots li button {
  position: relative;
  text-indent: -9999px;
  cursor: pointer;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #aaa;
  border: none;
  
}
.slide-dots li button::before {
  /* background-image: url(表示されてない用の画像のパス);
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  height: 13.5px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 24px;
  width: 13.5px; */
}
.slide-dots li.slick-active button::before {
  /* background-image: url(表示されてる用の画像のパス);
  background-color: #e33228; */
}
button {
  /* background: none;
  border: none; */
  outline: none;
  padding: 0;
}
.slide-dots li.slick-active button {
background-color: #e33228;
}

.contactBox{text-align: center;}
.contactBox li{ /* display: inline-block; */ padding: 10px; box-sizing: border-box;}
.contactBox li:nth-of-type(2){
	/* border-left: 2px dashed #e33228; */
	border-top: 2px dashed #e33228;
}

.contactBox li h3 {font-size: 18px; font-weight: 700; height: 30px;}
.contactBox li h3 img {vertical-align: middle; height: 30px;}
.contactBox li:nth-of-type(2) h3 img{vertical-align: top; margin-top: 0px;}
.contactBox li:nth-of-type(2) h3 span{ display: inline-block; padding-top: 0px;}
.mail a{font-size: 20px; font-weight: 900; color: #e33228;}
.tel a{font-size: 30px; font-weight: 900; color: #e33228; line-height: 1.2;}
.tel img {vertical-align: middle; width: 30px;}

.btnBg {
	poaition: relative;
	padding: 80px auto 0;
	box-sizing: border-box;
}

.btnbgSlide {
	position: absolute;
	top:0px;
	left:0;
	width: 100%;
	height: 35px;
}

.btnbgSlide2 {
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
	height: 35px;
}

.btnbgSlide li,
.btnbgSlide2 li{
margin: 0px 30px;
}

.btnbgSlide li figure,
.btnbgSlide2 li figure{
width: 300px;
}

.btnbgSlide li figure img,
.btnbgSlide2 li figure img{
    max-width: 100%;
    height: auto;
}

#wpfront-scroll-top-container {display: none;}

.addhekyakuimg {
	position: absolute;
	bottom: 0px;
	right:0px;
	max-width: 320px;
	width: 100%;
	padding: 0px 10px 80px;
	box-sizing: border-box;
}
.addhenkyaku {padding-bottom: 80px; position: relative;}

.optionList2 {border: 3px solid #e33228; border-radius: 5px; margin-bottom: 5px; width: 180px;}

.optionList2 dt {text-align: center;
float: left;
position: relative;
background-color: #e33228;
color: #FFF; padding: 8px 10px; font-size: 16px; font-weight: 900; width: 120px; box-sizing: border-box;}


.optionList2 dd {line-height: 1.0; text-align: center; font-weight: 900; width: 60px; float: left; box-sizing: border-box; padding: 10px 10px; font-size: 16px;}
.optionList2 dd .optionTtl{
	display: inline-block;
	font-size: 18px;
	color: #a70303;
	position: relative;
}
.optionList2 dd .optionPrice{
	font-size: 18px;
}
.optionList2 dd .optionPrice .listTxtYen{
font-size: 16px;
}

.addhenkyakuTxt001 {
	margin: 20px 0 10px;
}
.addhenkyakuTxt002 {
	margin: 20px 0 10px;
}

.addhenkyakuTxt001 dt{
	font-size: 18px;
	font-weight: 900;
	line-height: 1.5;
	color: #a70303;
}

.addhenkyakuTxt002 dt{
	font-size: 18px;
	font-weight: 900;
	line-height: 1.5;
}
.addhenkyakuTxt002 dt span{
	display: inline-block;
	color: #a70303;
}

.addhenkyakuTxt001 dd,
.addhenkyakuTxt002 dd{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
}

.addhenkyakuTxt001 dd span,
.addhenkyakuTxt002 dd span{
	font-size: 18px;
	font-weight: 900;
	color: #a70303;
	display: inline-block;
	line-height: 1.4;
	
}
.addhenkyakuTxt002 dd{
	font-size: 14px;
	line-height: 1.4;
}
.addhenkyakuTxt003 {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 30px;
}

/* **********************************************************************************************
[6]Container
************************************************************************************************ */

/* common
---------------------------------------------- */
.mainTtladd {
	position: relative;
	margin: 50px auto 30px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #000;
}


.subTtladd {
	position: relative;
	font-size: 16px;
	font-weight: 700;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.subTtladd span{
	display: inline-block;
	font-size: 13px;
	font-weight: 200;
	padding: 0 10px;
	font-family: 'Ubuntu', sans-serif;
	color: #aaa;
}

.subTtladd:before {
	position: absolute;
	background-color: #000;
	height: 1px;
	width: 100%;
	bottom:0;
	left:0;
	content:"";
}

.subTtladd:after {
	position: absolute;
	background-color: #000;
	height: 25px;
	width: 3px;
	bottom:0;
	top:0;
	margin: auto;
	left:0;
	content:"";
}

.bgGry {
	background-color: #fafafa;
}

.otherDetail {
	padding: 10px;
	box-sizing: border-box;
}
.commondetail {margin-bottom: 20px;}
.commondetail dt {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 5px;
}

.commondetail dt span{
	display: inline-block;
	font-size: 13px;
	font-weight: 300;
	color: #333;
	padding-left: 10px;
}

.table li{
	padding: 15px;
	box-sizing: border-box;
	border-bottom: 1px solid #eee;
}

.table dl{
	display: block;
	/* align-items: center;
	justify-content: start; */
}

/* .table dt{
	width: 200px;
}
.table dd{
	width: calc(100% - 200px);
} */

 .table dt{
	font-weight: 700;
}

.commonlist {padding: 5px 0 5px 20px; box-sizing: border-box;}
.commonlist li{
list-style: inherit;
}

.commonlist ul{padding: 5px 0 5px 20px; box-sizing: border-box;}
.commonlist ul li {list-style-type: disc;}


.faq000 .accordion_one {
	width: 100%;
	margin: 0px auto 5px;
	background-color: #FFF;
	border-radius: 10px 10px 10px 10px;
	box-sizing: border-box;
	padding:0;
}
.faq000 .accordion_one .accordion_header {
position: relative;
background-color: #a70303;
text-align: left;
color: #FFF;
font-size: 18px;
font-weight: 900;
padding: 15px;
box-sizing: border-box;
border-radius: 10px;
cursor:pointer;
}

.faq000 .accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  background-color: #FFF;
  border-radius:50%;
  margin-top: -15px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}
.faq000 .accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
.faq000 .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.faq000 .accordion_one .accordion_header .i_box .one_i:before,
.faq000 .accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  /* background-color: #fff; */
  background-color: #a70303;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.faq000 .accordion_one .accordion_header .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.faq000 .accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}
.faq000 .accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.faq000 .accordion_one .accordion_inner {
  display: none;
  padding:0;
  /* padding: 20px;
  box-sizing: border-box;
  background-color: #FFF;
	border-radius: 0 0 10px 10px; */
}
.faq000 .accordion_inner .accordion_one2:nth-of-type(2n+1) {
padding: 20px;
box-sizing: border-box;
}
.faq000 .accordion_inner .accordion_one2:nth-of-type(2n) {
padding: 20px;
box-sizing: border-box;
background-color: #fbbeb4;
}

.faq000 .accordion_inner .accordion_one2:last-child {
border-radius: 0 0 0 0;
}

.faq000 .accordion_one2 .accordion_header2 {
position: relative;
background-color: none;
text-align: left;
color: #000;
font-size: 15px;
font-weight: 900;
padding: 0px 30px 0 0;
box-sizing: border-box;
border-radius: 0px;
cursor:pointer;
}

.faq000 .accordion_one2 .accordion_header2 .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 0px;
  width: 20px;
  height: 20px;
  border: 0px solid #fff;
  background-color: none;
  border-radius:50%;
  margin-top: -10px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}
.faq000 .accordion_one2 .accordion_header2 .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
.faq000 .accordion_one2 .accordion_header2.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.faq000 .accordion_one2 .accordion_header2 .i_box .one_i:before,
.faq000 .accordion_one2 .accordion_header2 .i_box .one_i:after {
  display: flex;
  content: '';
  /* background-color: #fff; */
  background-color: #a70303;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.faq000 .accordion_one2 .accordion_header2 .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.faq000 .accordion_one2 .accordion_header2.open .i_box .one_i:before {
  content: none;
}
.faq000 .accordion_one2 .accordion_header2.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.faq000 .accordion_one2 .accordion_inner2 {
  display: none;
  padding: 20px 50px 0 0;
  box-sizing: border-box;
}

.faq000 .accordion_one2 .accordion_header2 span,
.faq000 .accordion_one2 .accordion_inner2 span.answer {
	font-size: 20px;
	font-weight: 900;
	color: #a70303;
	display: inline-block;
	padding-right: 5px;
	box-sizing: border-box;
	font-family: 'Ubuntu', sans-serif;
	width: 20px;
}

.faq000 .accordion_one2 .accordion_inner2 span.answer {
	float: left;
}


.faq000 .accordion_one2 .accordion_inner2 span.answertxt {
	float: left;
	width: calc(100% - 20px);
	padding-top: 5px;
}

input[type=text],textarea {width: 100%; border: 1px solid #ccc; padding: 5px; box-sizing: border-box;}
input[type=checkbox] {border: 1px solid #ccc; width: 20px; height: 20px;}

.btn_area { text-align: center; margin: 30px auto 0;}
.btn_area li { display: inline-block; }
.btn_area input[type=submit],
.btn_area a {
	display: block;
	padding: 10px 15px;
	box-sizing: border-box;
	color: #fff;
	min-width: 250px;
	background-color: #e33228;
	position: relative;
	text-align: center;
	font-weight: 700;
	border-radius: 80px;
	border: none;
	cursor:pointer;
}

.btn_area input[type=submit]:hover,
.btn_area a:hover {
background-color: #a70303;
}


/* woocommerce */

.c-product-list {text-align: center;}
.c-product-list a {color: #000;}

.mainproducts {
	/*display: flex;
	align-items: start;
	justify-content: start;
	flex-wrap: wrap;*/
	 margin-bottom: 20px;
}

/*.woocommerce-product-gallery {width: 500px; margin-right: 30px;}
.entry-summary {width: calc(100% - 530px);}*/

.woocommerce-product-gallery {text-align: center; margin-bottom: 10px;}


.box10add {
	width: 100%;
	margin: 0 auto;
	padding: 0 10px 80px;
	max-width: 1000px;
	box-sizing: border-box;
	position: relative;
}

.woocommerce-form-coupon-toggle {
	width: 100%;
	margin: 0 auto;
	padding: 0 10px 0px;
	max-width: 1000px;
	box-sizing: border-box;
}

.woocommerce form.checkout_coupon {
	width: 100%;
	margin: 0 auto 40px;
	padding: 0 10px 80px;
	max-width: 980px;
	box-sizing: border-box;
}

.woocommerce form.checkout_coupon.woocommerce-form-coupon{
	width: 100%;
	margin: 0 auto 40px;
	padding: 10px 10px;
	max-width: 960px;
	box-sizing: border-box;
}


.woocommerce-product-details__short-description p {font-size: 12px;}
.woocommerce-product-details__short-description p b {margin-bottom: 10px; display: block; font-size: 14px;}

.customertel {
border: 3px solid #ddd; padding: 10px; box-sizing: border-box;
font-size: 12px;
text-align: center;
}

.customertel b{
display: inline-block;
font-size: 16px;
line-height: 1.0;
}

input[type=number] {width: 100%; border: 1px solid #ccc; padding: 5px; box-sizing: border-box;}
select {width: 100%; border: 1px solid #ccc; padding: 5px; box-sizing: border-box;}
input[type=radio] {border: 1px solid #ccc; width: 25px; height: 25px;}

.wc_bookings_field_persons {
	display: flex;
	align-items: start;
	justify-content: start;
	flex-wrap: wrap;
}

.wc_bookings_field_persons label{width: 50px;}
.wc_bookings_field_persons input{width: calc(100% - 50px);}
.wc_bookings_field_persons input[type=number] {width: 100px;}

.wc-pao-addon-container label.wc-pao-addon-name,
.wc-pao-addon-heading {width: 100%; background-color: #eee; padding: 5px 10px; box-sizing: border-box; display: block;}
/* .wc-pao-addon-container p,
.wc-pao-addon-description {width: calc(100% - 110px); vertical-align: middle;} */

.wc-pao-addon-description {font-size: 12px; padding: 0 15px; box-sizing: border-box;}
.wc-pao-addon-container label .required{color: #F00; display: inline-block;}

.form-row-wide {padding: 0 15px; box-sizing: border-box;}
.form-row-wide.wc-pao-addon-wrap {padding: 15px; box-sizing: border-box;}

button.single_add_to_cart_button {
	background-color: #e33228;
	color: #FFF;
	padding: 15px;
	box-sizing: border-box;
	width: 80%;
	font-size: 16px;
	font-weight: 700;
	margin: 0 auto 20px;
	border: none;
	display:block;
	height: auto;
	border-radius: 5px;

}

.wc-tabs {display: none;}
.woocommerce-tabs {margin-top: 80px; padding: 20px 20px 0; box-sizing: border-box; border-top: 1px solid #eee; }
.woocommerce-tabs h2 {
	font-size: 25px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 20px;
}

.otherDetail .mini {font-size: 10px; display: inline-block; line-height: 1.3;}
.otherDetail b {display: inline-block; width: 100%; background-color: #f1f1f1; padding: 2px 5px; box-sizing: border-box; margin: 5px 0;}
.addotherDetail li img {margin: 10px auto;}

.variation {margin-top: 20px; font-size: 12px;}
.woocommerce-checkout h3,
.woocommerce-order-details__title,
.woocommerce-column__title,
.woocommerce-MyAccount-content h2,
.woocommerce-Address-title h3,
.mypagettl,
#customer_login h2 {display: block; width: 100%; background-color: #f1f1f1; padding: 5px 5px; box-sizing: border-box; margin: 5px 0; font-weight: 700;}
.woocommerce-customer-details address {width: 100%; box-sizing: border-box;}
.wc-item-meta {margin-top: 10px; font-size: 12px;}

.wc-pao-addon-wrap a{margin-bottom: 5px;}

.woocommerce-MyAccount-navigation {margin-bottom: 40px;}
.woocommerce-MyAccount-navigation ul {text-align: center;}
.woocommerce-MyAccount-navigation ul li {vertical-align: top; display: inline-block; padding: 5px; box-sizing: border-box;}
.woocommerce-MyAccount-navigation ul li a {display: block; line-height: 1.0; position: relative; color: #000; padding: 10px; box-sizing:border-box;}
.woocommerce-MyAccount-navigation ul li a:before {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	content: "";
	left: 0px;
	width: 4px;
	height: 4px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.woocommerce-MyAccount-navigation ul li a:hover {opacity: 0.7;}

input[type=email],input[type=password],input[type=tel]{width: 100%; border: 1px solid #ccc; padding: 5px; box-sizing: border-box;}

.woocommerce-Address-title a {
	position: absolute;
	top:3px;
	right:10px;
}

.woocommerce button.button.alt{
    background-color: #e33228;
}
.woocommerce button.button.alt:hover {
    background-color: #a70303;
}


.addtop002 {
	background-color: #FFF;
	padding: 10px;
	border-radius: 10px;
}

.addtop002 ul {
display: flex;
align-items: start;
justify-content: center;
flex-wrap: wrap;
}

.addtop002 ul li{ width: 20%; padding: 2px; box-sizing: border-box; }
.addtop002 ul li dl{ text-align: center; }
.addtop002 ul li dd:nth-of-type(1) {font-size: 12px; line-height: 1.2;}
.addtop002 ul li dd:nth-of-type(2) { font-size: 14px; font-weight: 700; color: #e33228;}
.addtop002 ul li dd:nth-of-type(2) span{ font-size: 10px; display: inline-block;}

.top002 .mainTtl2.addmainTtl2 {padding-top: 40px; margin-bottom: 10px;}
.mainTtl2.addmainTtl2 .mainTtlBg {
	font-size: 30px;
}

.woocommerce .wc-block-components-notice-banner {width: 94%; margin: 60px auto 30px;}

/* .hideadd {
    display: none;
} */

h3.wc-pao-addon-name {border-bottom: 1px solid #aaa; padding: 3px 10px; box-sizing: border-box; display: block; width: 100%; margin-bottom: 10px; font-size: 14px; font-weight: 700;}


/* ADD */
.mainPrice2 {
	text-align: center;
	padding-top: 0px;
}

.mainPrice2 p{
	max-width: 730px;
	max-height: 310px;
	margin: 0 auto 0;
}


.addBox001 {
	background-color: #FFF;
	padding: 40px 20px 40px;
	box-sizing: border-box;
	margin: 0 auto;
	border-radius: 10px;
	text-align: center;
}

.addBox001 p{font-size: 18px; font-weight: 700;}
.addBox001 figure{max-width: 434px; margin: 0 auto;}

.addBox001 .optionList {border: 3px solid #e33228; border-radius: 10px; margin-bottom: 5px;}

.addBox001 .optionList dt {text-align: center; /* float: left; */ position: relative; background-color: #e33228; color: #FFF; padding: 10px; font-size: 18px; font-weight: 900; /* width: 350px; */ box-sizing: border-box; width: 100%;}
.addBox001 .optionno1 {
	position: absolute;
	top: -35px;
	left: -15px;
	width: 75.36px;
	height 50.88px;
}

.addBox001 .optionList dd {line-height: 1.0; text-align: center; font-weight: 900; /* width: calc(100% - 350px); float: left; */ width: 100%; box-sizing: border-box; padding: 15px 5px; font-size: 16px;}

.addBox001 .optionList dd .optionTtl{
	display: inline-block;
	font-size: 20px;
	color: #a70303;
	position: relative;
}

.addBox001 .optionList dd .optionPrice{
	font-size: 35px;
}

.addBox001 .optionList dd .optionTtl span{
position: absolute;
top:-10px;
right:2px;
display: inline-block;
font-size: 11px;

}

.addBox001 p.addTxt {
	color: #e33228;
	font-size: 30px;
	font-weight: 900;
	text-align: center;
	/* position: absolute;
	top: 20px;
	left: 20px;
   	transform: rotate( -10deg ); */
}

.mainTtl.mainTtlAdd .mainTtlBg{font-size: 50px;}
.plusatention {text-align: center; width: 100%;}
.plusatention span{display: inline-block; font-size: 20px; font-weight: 700;}



/* .woocommerce-checkout #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.wp_payment_methods li input */
.woocommerce-checkout #payment ul.payment_methods li input {
    margin: 0px 1em 0 0;
    line-height: 2.0em;
    vertical-align: bottom;
}

/* .woocommerce-checkout #payment ul.payment_methods li label,
.woocommerce-checkout #payment ul.wp_payment_methods li label */
.woocommerce-checkout #payment ul.payment_methods li label {
	margin:0;
	vertical-align: bottom;
}

.payment_method_komoju_kakaopay img {width: 25px;}

.wc_payment_methods label,
.wc_payment_methods input,
.wc_payment_methods label img {vertical-align: bottom;}


.woocommerce td.product-quantity {
    min-height: 20px;
}


.wc-pao-addon-description {
	padding: 0 10px 10px;
	box-sizing: border-box;

}


.wc-pao-addon-description p{
	border-top: 1px dashed #ccc;
	padding: 5px 10px;
	box-sizing: border-box;
}


.form-row-wide.wc-pao-addon-wrap {padding: 0 15px 0px; box-sizing: border-box;}
.wc-pao-addon-container label.wc-pao-addon-name {margin-bottom: 15px;}
.wc-pao-addon .form-row {
    margin-bottom: 0px;
}


.woocommerce-order-details .woocommerce-table--custom-fields.custom-fields {display: none;}

.product-quantity {display: none;}

.floatRight {
	float: right;
	margin-left: 20px;

}




.subaddttl {font-size: 18px; font-weight: 900; margin-bottom: 20px; /* color: #e33228; */ text-align: center; line-height: 1.1;}
.subaddttl span{display: inline-block; font-size: 14px; font-weight: 400; font-family: 'Ubuntu', sans-serif; color: #666;}
.missiontxt {text-align: center; font-size: 16px; line-height: 2.0;}


.form-row .woocommerce-input-wrapper input[type=radio].input-radio {display: inline-block; vertical-align: top;}
.form-row .woocommerce-input-wrapper label.radio {display: inline-block; vertical-align: top;}


/* **********************************************************************************************
[7]other
************************************************************************************************ */
/* common
----------------------------------------------- */

#topContent .firstView img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/* font 
--------------------------------------------- */
.f10 { font-size: 1.0rem; }
.f11 { font-size: 1.1rem; }
.f12 { font-size: 1.2rem; }
.f13 { font-size: 1.3rem; }
.f14 { font-size: 1.4rem; }
.f15 { font-size: 1.5rem; }
.f16 { font-size: 1.5rem; }
.f17 { font-size: 1.5rem; }
.f18 { font-size: 1.6rem; }
.f19 { font-size: 1.6rem; }
.f20 { font-size: 1.8rem; }
.f25 { font-size: 2.0rem; }
.f30 { font-size: 2.5rem; }
.f35 { font-size: 3.0rem; }
.f40 { font-size: 3.5rem; }
.f45 { font-size: 4.0rem; }
.f50 { font-size: 4.5rem; }
.f55 { font-size: 5.0rem; }
.f60 { font-size: 5.5rem; }
.f65 { font-size: 6.0rem; }
.f70 { font-size: 6.5rem; }

.txtC,.alignC { text-align: center; }
.txtR,.alignR { text-align: right; }
.txtL,.alignL { text-align: left; }

a.txtD { text-decoration: underline; color: #000; }

.notoserifjp {font-family: 'Noto Serif JP', serif;}
.lora {font-family: 'Lora', serif;}
.notosansjp {font-family: 'Noto Sans JP', sans-serif;}
.asap {font-family: 'Asap', sans-serif;}
.ubuntu {font-family: 'Ubuntu', sans-serif;}
.bgBrown  {
	background-image: url(images/bg-matrix.png);
	background-repeat: repeat;
	background-position: left top;
}

.box10 {
	width: 100%;
	margin: 0 auto;
	padding: 60px 10px;
	box-sizing: border-box;
	position: relative;
}

.box10T {
	width: 100%;
	padding: 60px 10px 60px;
	box-sizing: border-box;
	position: relative;
}
.top002 .box10 {padding-top: 0;}
.posiR {position: relative;}
.spno { display: none; }
.pcno.pcno3{ display: none; }
.dis {display: none;}


.language2 {
	margin: 20px auto;
	width: 94%;
}

.gtranslate_wrapper {font-size: 14px;}
.gtranslate_wrapper select {
	background-color: #fff;
	padding: 0px;
	font-size: 14px;
}



@media all and (min-width: 380px) {
.language2.pcno {display: none;}
.language.spno {
display: block;
	position: fixed;
	top: 8px;
	right: 50px;
	z-index: 9999999999999;
}

.language.fixed3,
#sub .language,
#sub .language.fixed3 {
	top: 8px;
}

.gtranslate_wrapper {font-size: 10px;}
.gtranslate_wrapper select {
	background-color: #fff;
	padding: 0px;
	font-size: 10px;
}
}

@media all and (min-width: 480px) {
	br.pcno,
	br.spno2 { display: none;}
	br.pcno2,br.pcno.pcno2 { display: block;}
	br.pcno.pcno3,
	br.spno.pcno4 { display: block;}
	.txtC.txtLsp { text-align: center; }
	.txtC.txtSL { text-align: left; }
.spnoadd {display: none;}	

.headerMain div{background-size: 50% auto;}

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

.table dt{
	width: 200px;
}

.table dd{
	width: calc(100% - 200px);
}

.floatRight2 {
	float: right;
	width: 30%;
	margin-left: 20px;
	margin-bottom: 20px;
}

}

@media all and (min-width: 560px) {
	br.pcno.pcno3 { display: none;}
.headerMain div{background-size: 40% auto;}
.subdetailBox dl,
.subdetailBox figure{width: 50%;}
.subdetailBox.subdetailBox3 dd {width: 25%; text-align: left;}
.contactBox li{ display: inline-block; padding: 5px;}
.contactBox li:nth-of-type(2){
	border-left: 2px dashed #e33228;
	border-top: none;
}
}

@media all and (min-width: 660px) {
.listTxt li {
	float: left;
	width: 33.333%;
	padding: 10px 5px;
	box-sizing: border-box;
	text-align: center;
}

.listImg {
	width: 100%;
	height: 100%;
}
.listTxt li dt {
	font-size: 20px;
}

.listTxt li dd {
	font-size: 16px;
}
.listYen {font-size: 32px;}
.listTxt003 .listTxtYen {font-size: 16px;}
.pricelist li {float: left; width: 33.333%; padding: 5px; padding: 10px; box-sizing: border-box;}
.answerimg figure {float: left; width: 33.333%;}

footer {padding: 60px 0px 60px;}
.footerCompany ul li {display: inline-block; margin: 0 5px;}
.footerCompany ul li a {padding: 10px 5px; border-bottom: none;}

.footerCompany ul li:nth-last-of-type(2) {clear: both;}
.footerCompany ul li:nth-last-of-type(2),
.footerCompany ul li:nth-last-of-type(1) {display: inline-block;}

.footerCompany ul li:nth-last-of-type(2) a,
.footerCompany ul li:nth-last-of-type(1) a {
padding: 10px 5px;
border-bottom: none;
}


}

@media (orientation: portrait) and (min-width: 540px) {
#topContent {
	height: 50vh;
}

#topContent .firstView{
	height: 50vh;
	overflow: hidden;
}
.footerCompany ul li:nth-last-of-type(2) {clear: none;}

.headerMain div{background-size: 60% auto;}


.mainBtn {
	padding-top: 0px;
}

}

em {display: inline-block; font-weight: 500;}



@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}