@charset "UTF-8";

*,*:after,*:before{-webkit-box-sizing:border-box;box-sizing:border-box}
html{font-size:100%}
html,body,h2,h3,h4,h5,h6,pre,ul,ol,dl,li,dt,dd,p,div,span,img,a,table,tr,th,td{margin:0;padding:0;border:0;color:#2D333C}
article,header,footer,aside,figure,figcaption,nav,section{display:block}
body{line-height:1.5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:  'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight:500;font-feature-settings:"palt";},h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
img{border:none}
table{border-collapse:collapse;border-spacing:0}
ol,ul{list-style:none;list-style-type:none;}

a {
	text-decoration: none;
}


_:-ms-lang(x)::-ms-backdrop, body {
  /* IE11 のみ適用される */
	font-feature-settings:normal;
}



/*body
---------------------------------------------------------------------*/
body{
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	color: rgba(74,74,74,1.00);
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
    font-size: 16px;
	line-height: 1.75;
	letter-spacing: 0.4px;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	overflow-wrap: break-word;
	/*font-feature-settings : "palt";*/
}

/*wrapper
---------------------------------------------------------------------*/
#WRAPPER{
	margin:0px;
	padding:0px;
	height:100%;
	position:relative;
}


/*inner
---------------------------------------------------------------------*/
.inner{
	margin:0 auto;
	padding:0 5%;
}


/*header
-----------------------------------------------------------------------------*/
#header{
background-color:rgba(255,255,255,0.50);
position:relative;
z-index: 999999999999999999999;
}
#header .inner{
}
#header #headerlogo{
	width:100%;
    padding: 0;
}
#header #headerlogo img{
    max-height:80px;

}


_:-ms-lang(x)::-ms-backdrop, #header {
  /* IE11 のみ適用される */
	position:fixed;
	width: 100%;
}

.close{
    display: block;
    text-align: center;
    margin: 1em;
    background-color: rgba(0,0,0,1.00);
    color: #FFF;
    padding: 0.5em;
}
/*main
-----------------------------------------------------------------------------*/


.img_fit{
    width:100%;height:100%;object-fit: cover;font-family: 'object-fit: cover;';
}


#main{
	/*position:relative;*/
	z-index:10;
}

#maincol{
background-color:#f7f4f2;
}
#maincol article{
	margin:0;
	padding: 40px 0 80px;
    overflow: hidden;
	/*will-change: transform;
    transform:translateZ(0);
    -webkit-overflow-scrolling: touch;*/
}
#maincol article{
	/*transform: translateY(80px);
	transition: all 1s;*/
}
#maincol article:nth-of-type(2n){
}



/*totop
------------------*/
#totop{
	position:fixed;
	bottom:-60px;
	right:3%;
	z-index:99999999999999999999;
	text-align:center;
}
#totop a{
	display:block;
}
#totop a:hover{
	opacity:0.6;
}
#totop img{
display: block;
margin: auto;
padding:10px;
box-sizing: border-box;
width: 50px;
background-image: linear-gradient(180deg,rgba(0,0,0,0.40) 0%,rgba(0,0,0,0.6) 100%);
}
/* Fixed */
#totop.bottomfixed {
    margin: 0;
	bottom:5%;
	right:3%;
    position: fixed;
    transition: 0.5s ease-in;
    -webkit-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
}


/*footer
---------------------------------------------------------------------*/
#footer{
	position:relative;
	padding:0;
	margin-top: 2em;
}
#footer div.inner{
	padding:0;
}
address{
	font-style:normal;
    display: block;
}
#copyright{
	font-size: 12px;
	text-align: center;
	padding: 6px 0;
	margin: 0;
}
/*Common
---------------------------------------------------------------------*/
table,img{
	border:none;
}
img {
	border:none;
	max-width:100%;
	height:auto;
	-moz-box-sizing: border-box;
 	-webkig-box-sizing: border-box;
	-webkit-backface-visibility: hidden;
	box-sizing:border-box;
}
article,nav,section,header,footer,aside,main,address{
	display:block;
}


p{
	margin:0 0 1em 0;
	padding:0;
}

h1{
	padding:30px 0 15px 0;
	letter-spacing:2px;
    text-align: center;
	font-size:2.5em;
	margin-top: 1em;
	line-height:1.25;
	font-weight:bold;

	color: transparent;
	background: linear-gradient( 90deg, #ff6600 0% 20%, #FF5A36 30% 50%, #FFA838 60% 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	-webkit-background-clip: text;
}

_:-ms-lang(x)::-ms-backdrop, h1 {
  /* IE11 のみ適用される */
	color:#ff6600;
}



h1::after {
	content: '';
	display: block;
	position: absolute;
	left: calc(8px + 100% / 2 - 20px / 4); /* 基本の位置 + みかん幅の半分 - 葉っぱ幅の四半分 */
	top: 5px;
	width: 20px;
	height: 20px;
	background-color: #070;
	border-radius: 100% 0 100% 0;
	margin-top: 1em;
}

#main h2{
	margin:2em 0 1em 0;
	font-size:1.4em;
	font-weight: bold !important;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; 
    font-weight: normal;
    color: #222;
	letter-spacing: 0.05em !important;
}


#maincol h3{
	margin:1.5em 0 1em;
	font-size:1.3em;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; 
    color: rgba(171,98,0,1.00);
    font-weight: bold;
	font-feature-settings : initial;
}

em{
	font-style:normal;
	color:rgba(255,68,71,1.00);
}
.red{
	color:rgba(255,68,71,1.00);
}
.price{
	color:rgba(255,68,71,1.00);
	font-size:120%;
	font-weight:bold;
}
.txtright{
	text-align:right;
}
a{
    color: #222;
	text-decoration:none;
}
a:hover{
	color:#f77304;
	text-decoration:underline;
}
.linkbutton{
}
.linkbutton a{
background-color: rgba(164,34,20,1.00);
color: #FFF;
padding: 1.5% 3%;
position: relative;
display: flex;
justify-content:space-between;
align-items:center;
white-space: nowrap;
box-sizing: border-box;
}
.linkbutton a:after{
content:'→';
display:inline-block;
}
.linkbutton a:hover{
transition: all 0.5s ease-out;
text-decoration: none;
}
hr{
    border: 0;
    height:0px;
	padding:0px 0;
	margin:0 auto 1em ;
	display:block;
    border-top:1px solid rgba(164,34,20,.50);
    box-shadow: 0px 2px 5px rgba(0,0,0,.50);
}
.leadcopy{
	font-size:1.4em;
    /*font-weight: bold;*/
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; 
	font-feature-settings : initial;
    text-align: center;
}
.small{
	font-size:80%;
}
.large{
	font-size:120%;
}
.center{
	text-align:center !important;
}
.caution{
}


a.blank:after{
	content:'　';
	display:inline-block;
	margin:0 3px;
	width:20px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2048%2040%22%20style%3D%22enable-background%3Anew%200%200%2048%2040%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%3Crect%20x%3D%2215%22%20y%3D%227%22%20class%3D%22st0%22%20width%3D%2232%22%20height%3D%2222%22%2F%3E%20%3Cpath%20d%3D%22M46%2C8v20H16V8H46%20M47%2C7H15v22h32V7L47%2C7z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Crect%20x%3D%2215%22%20y%3D%221%22%20width%3D%2232%22%20height%3D%226%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%20%3Cg%3E%20%3Crect%20x%3D%221%22%20y%3D%2217%22%20class%3D%22st0%22%20width%3D%2232%22%20height%3D%2222%22%2F%3E%20%3Cpath%20d%3D%22M32%2C18v20H2V18H32%20M33%2C17H1v22h32V17L33%2C17z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Crect%20x%3D%221%22%20y%3D%2211%22%20width%3D%2232%22%20height%3D%226%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-repeat:no-repeat;
	background-size:15px;
	background-position:center;
	opacity : .70;
}

/*ul dl table*/
ul.circle{
list-style: none;
margin: 0;
padding: 0;
}
ul.circle li{
margin-bottom:0.5em;
text-indent:-1.5em;
margin-left:2em; 
}
ul.circle li:before{
content: '';
display: inline-block;
height:12px;
width:12px;
background-color: rgba(183,127,35,1.00);
background-image: linear-gradient(180deg,rgba(183,127,35,1.00) 0%,rgba(136,70,2,1.00) 100%);
border-radius: 50%;
margin-right:0.5em;
}
ul.chui{
list-style: none;
margin: 0;
padding: 0;
font-size: 90%;
}
ul.chui li{
margin-bottom:0.25em;
text-indent:-1.5em;
margin-left:2em; 
}
ul.chui li:before{
content: '※';
padding-right:0.5em;
}

table.default{
	border-collapse:collapse;
	width:100%;
    margin: 0 auto 20px;
    background-color:rgba(255,255,255,1.00);
	border-bottom:solid 1px #AAA;
	border-left:solid 1px #AAA;
    font-size: 90%;
}
table.default tr{
}
table.default th,
table.default td{
	padding:5px 10px;
    box-sizing:border-box;
    text-align: left;
}

table.default th{
	border-top:solid 1px #AAA;
	border-right:solid 1px #AAA;
	vertical-align: top;
	white-space: nowrap;
}
table.default td{
	border-top:solid 1px #AAA;
	border-right:solid 1px #AAA;
}
table.default thead th{
vertical-align: middle;
text-align: center;
background-color: rgba(250,233,230,1.00);
}
table.default thead td{
text-align: center;
}
table.default tbody th{
background-color: rgba(250,233,230,.50);
width: auto;
}
table td.price{
text-align: right;
}


dl.dl_default{
}
dl.dl_default dt{
	margin:0 0 0.5em 0em;
	font-size:110%;
}
dl.dl_default dd{
	margin:0 0 1em 2em;
}
/*新着*/
dl.whatsnew{
}
dl.whatsnew div{
	border-bottom:1px solid rgba(234,234,234,1.00);
	margin:2%;
	padding:0.5em;
}
dl.whatsnew div:last-child{
	border-bottom:0px solid rgba(234,234,234,1.00);
}
dl.whatsnew dt{
}
dl.whatsnew dd{
	margin:0 0 0 2em;
}


/*index*//*特典*/

.content,
.imagephoto{
opacity: 0;
transition: 0.5s;
box-sizing:border-box;
}
.content{
transform: translate(-150px,0);

}



.imagephoto{
transform: translate(150px,0); 
}

.index{
position: relative;
display: flex;
justify-content: space-between;
align-items:flex-start;
margin: 0 0 30px;
flex-wrap: wrap;
}

.index .content h3{
text-align: center;
}
.index .imagephoto{
position: relative;
margin: -20% -10% 0 8%;
z-index: 1;
}
.index .linkbutton{
margin: 0 -8% -5% 0%;
}


.side_anime {
  transform: translate(0,0); 
  -webkit-transform: translate(0,0);
  opacity: 1;  
}



/*privacy*/
#body_privacy #maincol article > div > ol > li{
	margin-bottom:1em;
}
#privacy_shutoku .tetsuduki{
	padding:10px;
}


.flex_container_pc{
	display: flex;
}
.flex_container_pc_sa{
	display: flex;
	justify-content: space-around;
}


/*form
-------------------------------------------------------------*/
input[type=text] , button, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input{
	font-size:16px;
}
input::placeholder{
	font-size:80%;
}
#mailform{
	margin:2% 0;
	padding:2% 5%;
	background-color:rgba(240,240,240,.8);
}
dl.dl_form{
}
dl.dl_form dt{
	margin:2em 0 0 0;
	font-weight:bold;
}
dl.dl_form dt:before{
	content:'';
	font-weight:normal;
	font-size:80%;
	color:#FFF;
	border-radius:3px;
	padding:0 3px;
	display:inline-block;
	margin-right:0.5em;
}
dl.dl_form dt.any:before{
	content:'任意';
	background-color:rgba(95,70,205,1.00);
}
dl.dl_form dt.req:before{
	content:'必須';
     background-color: rgba(195,4,122,1.0); 
}
dl.check dt:before{
	display:none;
}
dl.check dd{
	background-color: rgba(255,255,255,1.0); 
	padding:8px;
}

dl.dl_form dd{
	margin:0.25em 0 1em;
}
label{
	display:inline-block;
	padding:0 20px;
}
input[type=text] ,
textarea{
	box-sizing:border-box;
	padding:8px;
	margin:5px 0;
	border:1px solid #999;
	border-radius:5px;
}
input.hiragana,
textarea{
	width:100%;
}
input.number{
}
input.alpha{
	width:70%;
}
input[type=text]:focus,
textarea:focus{
	box-shadow: 0 0 3px rgba(244,0,129,1.00);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type="radio"]{
}
input:required ,
textarea:required {
	background-color:rgba(255,245,250,1.00);
}


#maincol input.submitbtn,
#maincol input.button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box;
	border: 0;
	text-align: center;
	display: inline-block;
	margin: 0.5em 0.5em;
	padding: 1em 2.5em;
	font-size: 1em;
	color: #FFF !important;
	border-radius: 50px;
	background-color:rgba(95,70,205,1.00);
	cursor: pointer;
}
#maincol input.shusei{
	background-color: rgba(200,200,200,1.00);
}
#maincol input.submitbtn:hover,
#maincol input.button:hover{
     background-color: rgba(195,4,122,1.0); 
}
#maincol input.button{
	padding: 0.5em 1em;
	font-size: 0.8em;
}


ol#step{
	list-style:none;
	margin:20px auto;
	padding:0;
	display:flex;
	position: relative;
	text-align: center;
}
ol#step li{
	font-size: 12px;
	position: relative;
	width: 33.333%;
	line-height:1;
}
ol#step li:after{
	background:rgba(200,200,200,1.00);
	content: "";
	width: calc(100% - 18px);
	height: 3px;
	position: absolute;
	left: calc(-50% + 12px);
	top: 10px;
}
ol#step li:first-child:after {
	display: none;
}
ol#step li.current:after {
	background: rgba(195,4,122,1.0);
	z-index:0;
}
ol#step  li span {
	background:rgba(200,200,200,1.00);
	color: #ffffff;
	display: inline-block;
	height: 24px;
	margin-bottom: 5px;
	line-height: 24px;
	width: 24px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 16px;
}
ol#step li.current span {
	background-color: rgba(195,4,122,1.0);
}

ol#step li.current{
	color: rgba(195,4,122,1.0);
}

.pc{
	display:none;
}
.sp{
}



@media screen and (orientation:portrait){
}



/*固定する背景*/
div.parallax_box {
  box-sizing: border-box;
  min-height: 1000px;
  height: 100vh;
}
div.parallax_box p{
  color: #222 !important;
  font-weight: bold;
  font-size: 1.35em;
}
.bg-mask {
  min-height: 1000px;
  height: 100vh;

  background: rgba(255,255,255,0.5);
  position: relative;
}

.ie_mask {
background: rgba(255,255,255,0.5);padding-top: .5em;margin-top: -0.5em;
}

.parallax-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
    width:100%;
}
/*.section_in{
	min-height: 1000px;
	height: 100vh;
}*/



.head-animation {
  transform: translateY(-100%);
}

#footernav ul li{
display:flex;
width:50%;
}

#footernav ul {
border-top:1px solid #f77304;
}

#footernav ul li a {
	display: block;
width: 100%;
padding: .25em .5em;
font-size: 1.25em;
border-bottom:1px solid #f77304;
}

#footernav ul li a img{
vertical-align:middle;height:80px;
margin-right: .5em;
}

#footernav ul li{
  position: relative;
  display: inline-block;
}

#footernav ul li::before{
  content: '';
  width: 15px;
  height: 15px;
  border: 0px;
  border-top: solid 2px #f77304;
  border-right: solid 2px #f77304;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -8px;
}


.news_box{
	background:#ffcba1;padding:1em 0 5em 0;
}
body{
	overflow-x: hidden;
}

@media screen and (max-width:979px) {
/*.parallax-bg {
height: 100vh;
}*/
.pc_header_menu{
	display:none;
}
.pc{
	display: none !important;
}
.sp{
	display: block !important;
}
}



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

#footernav ul li{
width:100%;
}
footer{
padding-bottom: 0 !important;
}
footer .inner{
	margin: 0  auto !important;
	padding: 0 !important;
}
.bg-mask {
  	height: 100vh;
  background: rgba(255,255,255,0.5);
  position: relative;
}
/*.section_in{
	height: 100vh;
}*/
}


main#main{
	margin-top:-120px;
}

/*.section_in{
	display: flex;align-items: center;justify-content: space-around;height: 100%;padding: 1em 0 0 0;max-width: 1200px;margin: 0 auto;
}*/


.shousai_txt{
	width:calc(100% - 70px);line-height:1.5;
}


.txtcenter{
	text-align: center;
}
.top_main_txt{
font-size: 2.5em;font-weight: bold;color: #fff;text-align: center;line-height: 1.5;padding: 1em;
}
.tri_btn{
	text-align: center;filter: drop-shadow(0 0 0.5rem #000);position: absolute;bottom:0;left: 0;right: 0;
}
.shousai_btn{
	position: absolute;bottom:0;right: 0;width: 80px;
}
.chara_position{
	position: absolute;bottom:-10%;left: 0;

}
.slide_option{
	min-height: 1000px;height: 100vh;
}

.section_in_box{
	margin:0 auto;max-width: 750px;position: relative;/*display: flex;justify-content: space-around;flex-direction: column;min-height: 1000px;height: 100vh;*/
}
.top_left_box{
margin: 0 auto 0 10%;
}
.top_right_box{
margin:0 10% 0 auto;
}
#topmainimage {
min-height: 600px;
height: 100vh;
position: relative;
}
.img_fit{
	  min-height: 800px;
	  	  height: 100vh;
	  width: 100%;
	  object-fit: cover;
}
.parallax-bg {
height: 100%;
}


.sec_bottom{
	margin-bottom:1.35em;
}


@media screen and (max-width:979px) {
.chara_position{
	bottom: -50%;
}
#header {
	width:100%;
	height: 120px;
	position: fixed;
	margin-top: -20px;

}
#header #headerlogo{
	width:80%;
    padding: .5em;
    margin-top: 20px;
}
main#main{
	margin-top:0;
}

/*.section_in{
	flex-direction: column;
}

.section_in_box{
	margin: 0 auto;max-width: 480px;position: relative;display: flex;flex-direction: column;height: 100% !important;
}*/
.img_fit{
	  height: 100vh;
	  object-fit: cover;
}
#topmainimage {
	  height: 100vh;
	  object-fit: cover;
}
.top_left_box{
margin: 0 auto;
}
.top_right_box{
margin: 0 auto;
}
}


@media screen and (max-width:767px) {
.top_main_txt{
font-size: 1.5em;padding: .5em;white-space: nowrap;
}
.section_in{
	padding:0 !important;
/*  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);*/
}
div.parallax_box {
	min-height: 550px !important;
  height: 100vh; /* 変数をサポートしていないブラウザのフォールバック */
  height: calc(var(--vh, 1vh) * 100);
}
.parallax-bg{
	min-height: 550px !important;
  height: 100vh; /* 変数をサポートしていないブラウザのフォールバック */
  height: calc(var(--vh, 1vh) * 100);
}
.bg-mask {
  min-height: 550px !important;
  height: 100vh; /* 変数をサポートしていないブラウザのフォールバック */
  height: calc(var(--vh, 1vh) * 100);
}

/*.section_in_box{
	min-height: 550px !important;
  height: 100vh;

}*/
#topmainimage {
	min-height: 550px !important;
	height: 100vh !important;
}

.flex_container_pc{
	flex-direction: column;
	align-items: center;
}
.flex_container_pc_sa{
	flex-direction: column;
	align-items: center;
}
address{
	text-align: center;
}
#footernav ul li a {
font-size: 1em;
}
#footernav ul li a img{
vertical-align:middle;height:60px;
margin-right: .5em;
}
.chara_position{
	bottom: -50%;
	z-index: 9999999999999999999999999999;
}

.news_box{
	padding:1em 0 7em 0;
}

/*.tri_btn{
	position: absolute;bottom: 0;left: 0;right: 0;
}*/

.img_fit{
	  height: 100vh;
	  object-fit: cover;
}
div.parallax_box p{
  font-size: 1em;
}


.shousai_btn{
	width: 60px;
}

.shousai_txt{
	width:calc(100% - 50px);line-height:1.5;
}
.sec_bottom{
	margin-bottom:3em;
}
.sp{display: block;
}
}


.block_in_box{
	margin:0 auto;max-width: 640px;position: relative;display: flex;justify-content: space-around;flex-direction: column;padding-bottom:2em;
}
@media screen and (max-width:979px) {
.block_in_box{
	margin: 0 auto;max-width: 480px;position: relative;display: flex;flex-direction: column;padding:0 .5em 2em .5em
}
}
@media screen and (max-width:767px) {
.block_in_box{

}
}



.drawer_menu a {
	color: inherit;
	text-decoration: none;
}

.drawer_menu a:visited {
	color: inherit;
}


/* PC用ナビゲーション */

.drawer_menu .drawer_nav_wrapper {
	transform: translate(0);
	width: 100%;
	position: relative;
	top: auto;
	right: auto;
	z-index:999999999999999999999999999999999;
	overflow-y: scroll;
}

.drawer_menu {
	width: 100%;
}


.drawer_menu .drawer_nav {
	width: 100%;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	list-style-type: none;
}

.drawer_menu .drawer_nav li {
	font-size: 16px;
	margin: 0;
	width: 100%;
	text-align: center;
	list-style-type: none;
}


.drawer_menu .drawer_nav li a {
	width: 100%;
	color: #222;
	padding:1em !important;
	font-weight: bold;
	display: block;
}

.drawer_menu .drawer_nav li a:hover {
	color: #fff;
	background:#ff9900;

	/* PC用メニューボタンマウスオーバー背景色 */
}


/*+++ Default Button Color +++*/

.drawer_menu .drawer_button {
	color: #fff;
	/* ハンバーガーメニュー文字色 */
	display: none;
}

.drawer_menu .drawer_button .drawer_bar {
	background-color: #fff;
	/* ハンバーガーメニュー三本線の色 */
}


	.drawer_menu .drawer_bg {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 999;
		background-color: rgba(51, 51, 51, 0.5);
		display: none;
		top: 0;
		left: 0;
	}

	.drawer_menu .drawer_button {
		display: block;
		background-color:transparent;
		color: #fff;
		border: none;
		padding: 5px;
		width: 50px;
		letter-spacing: 0.1em;
		cursor: pointer;
		position: fixed;
		top: 10px;
		right: 10px;
		z-index: 1001;
		text-align: center;
		outline: none;
	}

	.drawer_menu .drawer_button2 {
		display: block;
		background-color:transparent;
		color: #fff;
		border: none;
		padding: 5px;
		width: 50px;
		letter-spacing: 0.1em;
		cursor: pointer;
		position: fixed;
		top: 10px;
		right: 10px;
		z-index: 11;
		text-align: center;
		outline: none;
	}


	.drawer_menu .drawer_button.active .drawer_bar {
		width: 40px;
	}

	.drawer_menu .drawer_button.active .drawer_bar1 {
		transform: rotate(30deg);
	}

	.drawer_menu .drawer_button.active .drawer_bar2 {
		opacity: 0;
	}

	.drawer_menu .drawer_button.active .drawer_bar3 {
		transform: rotate(-30deg);
	}

	.drawer_menu .drawer_button.active .drawer_menu_text {
		display: none;
	}

	.drawer_menu .drawer_button.active .drawer_close {
		display: block;
	}

	.drawer_menu .drawer_bar {
		display: block;
		height: 2px;
		margin: 8px 2px;
		transition: all 0.2s;
		transform-origin: 0 0;
	}

	.drawer_menu .drawer_text {
		text-align: center;
		font-size: 10px;
	}

	.drawer_menu .drawer_close {
		letter-spacing: 0.08em;
		display: none;
	}

	.drawer_menu .drawer_menu_text {
		display: block;
	}

	.drawer_menu .drawer_nav_wrapper {
		width: 100%;
		height: 100%;
		transition: all 0.2s;
		transform: translate(100%);
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1000;
		background-color: #FFF;
		/* ドロワーメニュー内背景色 */
		overflow-x: hidden;
		overflow-y: auto;
		
	}

	.drawer_menu .drawer_nav {
		display: block;
		position: relative;
		margin-top: 40px;
	}

	.drawer_menu .drawer_nav li {
		background-color: #fff;
		height: auto;
		position: relative;
		border-bottom: 1px solid #eee;
	}

	.drawer_menu .drawer_nav li a {
		background-color: #fff;
		/* ドロワーメニューリスト背景色 */
		color: #555;
		/* ドロワーメニューリスト文字色 */
		display: block;
		text-align: left;
		padding-left: 20px;
		padding:0 1em;
	}

	.drawer_menu .drawer_nav li ul.second-level li a {
		padding-left: 15px;
	}

	.drawer_menu .drawer_nav_wrapper.open {
		transform: translate(0);
	}

	.drawer_menu.left .drawer_button {
		right: auto;
		left: 32px;
	}

	.drawer_menu.left .drawer_nav_wrapper {
		transform: translate(-100%);
		right: auto;
		left: 0;
	}

	.drawer_menu.left .drawer_nav_wrapper.open {
		transform: translate(0);
	}

	.pc-hidden {
		text-align: center;
	}

	.touch-btn {
		color: #555;
		position: absolute;
		top: .25rem;
		right: 2%;
		display: block;
		z-index: 10;
		width: 50px;
		height: 50px;
		text-align: center;
		vertical-align: middle;
	}

.drawer-title {
	text-align: center;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color:transparent;
	color: #fff;
}


		.rotate {
			transition: .5s ;
			transform: rotateY( 0deg ) ;
		}

		.shousai_btn:hover .rotate , .shousai_btn:active .rotate {
			transform: rotateY( 360deg ) ;
		}

.btn_action {
  margin: 0 auto;
}
.btn_action img {
  animation: anime1 2s ease 0s infinite alternate;
  transform-origin:center;
}
@keyframes anime1 {
  from {
    transform: scale(0.75,0.75);
  }
  to {
    transform: scale(1.1,1.1);
  }
}
ul.cdd_menu a {
 text-decoration: none;
 color: #646464;
 background: transparent;
}

ul.cdd_menu a:hover {
 opacity: .5;
 transition: .5s;
 background: rgba(225,225,225,.8);
}

ul.cdd_menu {
 width: 1200px;
 margin: 0 auto;
 position: relative;
 z-index: 9999;
 background: #EEE;
 text-align: center;
}

ul.cdd_menu > li {
 display: inline-block;
 }

ul.cdd_menu li a {
 display: block;
 margin: 0;
 padding: .5rem 2rem;
}

ul.cdd_menu,
li.cdd_menu-dropdown > ul {
 padding: 0;
 list-style: none;
}

li.cdd_menu-dropdown > ul {
 position: absolute;
 background: #CCC;
 visibility: hidden;
 opacity: 0;
}

li.cdd_menu-dropdown:hover > ul {
 visibility: visible;
 transition: .5s;
 opacity: 1;
 }


.my-element {
  height: 100vh; /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
}





.business h2.common {
	position: relative;
	font-size: 1em;
	padding: 0 0 .5em 0;
}

.business h2 a {
	display: block;
}

.business h2.common .is_button {
	cursor: pointer;
	position: absolute;
	top: .75em;
	right: .5em;
	display: block;
	width: 42px;
	height: 42px;
	padding: 0;
	margin: 0;
	background-image: url('../img/icon/icon-btn_11.png');
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}


.business h3.uq {
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
	position: relative;
	padding: .5em .5em;
	margin-top: 0;
	border-top: solid 1px #c7c7c7;
	background-position: right 72px center;
	background-repeat: no-repeat;
}
.business h3.uq .main {
	display: block;
	font-size: 16px;
	font-weight: 600;
}
.business h3.uq .desc {
	display: block;
	font-size: 12px;
}


.business h3.uq .is_inner_button {
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	display: block;
	width: 42px;
	height: 42px;
	padding: 0;
	margin: auto 0;
	background-image: url('../img/icon/icon-btn_12.png');
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.business h3.uq + .inner_content {
	padding:1em .5em;
	font-size: 12px !important;
	display: block;
}

.business h3.uq + .inner_content .text {
	text-align: left;
}


.business h2.common::before{
  content: '';
  width: 15px;
  height: 15px;
  border: 0px;
  border-top: solid 2px #f77304;
  border-right: solid 2px #f77304;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -8px;
}

.section {
	padding: .5em;
	margin: 0 auto;
	background-color: #FFF;
	border-top: solid 2px #ff6600;

}

.section:last-child {
	margin: 0 auto;
	border-bottom: solid 2px #ff6600;
}



.inner_box {
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
	width: 100%;
	padding: 0 10px;
	margin: 0 auto;
}

.business h2.common a:hover{
	background:#ff6600;
	color:#fff;
}

.business h2.common .is_button,
.business h3.uq .is_inner_button {
	transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);
}
.business h2.common .is_button.active,
.business h3.uq .is_inner_button.active {
	transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);
}


.business h2.common .is_button {
	transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);
}
.business h2.common .is_button.active {
	transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);
}

.txtscroll span{
  white-space : nowrap;
  animation   : txtscrollAnime 10s linear infinite;
   transform: translateX(0%);/*初期位置*/
}
@keyframes txtscrollAnime{
  100% { transform: translateX(-120%)}
}






section #sns{
	position: relative;
z-index: 1;
}


#pagenavi ul{
	display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:stretch;
}


#pagenavi ul li{
	width:48%;margin:0 1% .5em 1%;border:1px solid #f77304;display:flex;border-radius:6px;
}

#pagenavi ul li a{
	display:flex;width: 100%;justify-content: space-around;align-items: center;padding:1em .5em;color: #222;
}

#pagenavi ul li a:hover{
	color:#f77304;
}


#subcol{
	max-width: 1000px;
	margin: 0;
}

#block1,#block2,#block3{

}
.page-mask {
  background: rgba(255,255,255,0.7);
  position: relative;
}

p.fontbold{
	font-weight:bold;
}

.block_in_box figure{
max-width: 640px;margin: 0 auto;
}

figcaption{
	text-align: center;
	font-size: 1em;
	margin: 0;
	padding: 0;
	font-weight: bold;
}



.block_in_box h4{
	font-size: 1.25em;
	margin:1em 0;
  position: relative;
  padding: 0.3em;
}
.block_in_box h4:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: repeating-linear-gradient(-45deg, #f77304, #f77304 2px, white 2px, white 4px);
}

.block_in_box h5{
	font-size: 1.1em;
	margin:1em 0 0 0;
	color:#f77304;
}

.block_in_box h6{
	font-size: 1em;
	margin:.5em 0 0.5em 0;
}

#block1_l,#block2_l,#block3_l,#block4_l,#block5_l,#block6_l,#block7_l{
padding: 3em 0;
}


.btn1_box{
	margin: 2em auto;
}

_:-ms-lang(x)::-ms-backdrop, .btn1_box {
  /* IE11 のみ適用される */
	text-align: center;
}



.btn1 {
	position: relative;
	top:3px;
background: #f77304;
padding: .5em 1em;
color: #fff !important;
border-radius: 6px;
display: inline-block;
	line-height: 1.3;
	border-bottom: 1px dotted #ccc;
	box-shadow: 0 -3px 2px 1px rgba(128,0,0,0.4) inset;
}

.btn1:hover{
	background: #ff9900;
	padding: .5em 1em;

}

.btn1::after {
	content: '';
	display: block;
	position: absolute;
	left: calc(8px + 100% / 2 - 12px / 4); /* 基本の位置 + みかん幅の半分 - 葉っぱ幅の四半分 */
	top: -6px;
	width: 12px;
	height: 12px;
	background-color: #070;
	border-radius: 100% 0 100% 0;
}
.btn1:active {
top:6px;
	box-shadow: none;
}


main a:visited{
	color:#ff3300;
}

.block_in_box ol li{
margin-left: 3em;
list-style-type: decimal;
}

.block_in_box ul li{
margin-left: 3em;
list-style-type: disc;
}

.block_in_box a:link{
	color: #ff3300;
}



a[href$=".pdf"]:before {
  content: url(../icon/pdf.gif); 
  padding: 1px 2px 1px 0;
}



a:hover img{
	opacity: .7;
}



/*YouTube埋込用スタイル*/

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


.col48{
	width: 48%;
	margin: 0 1% 1% 1%;
}
.pccol4{
	width: 23%;
	margin: 0 1% 1% 1%;
}
.pccol3{
	width: 31%;
	margin: 0 1% 1% 1%;
}

.block_in_box h3{
  font-size: 1.75em !important;
  padding-bottom: 0 !important;
}


.banner_small_box{
	text-align: center;margin-top: 2em;position: relative;
}


a.banner_small{
	background: #ff6600;font-weight:bold;padding: 1em;border-radius:8px;display: block;
}
a.banner_small:hover{
	background: #ff9900;text-decoration: none;
}

a.banner_small img{
	width:100px;margin-left: 1em;display: inline-block;
}

a.banner_small{
	text-align: left;
}

a.banner_small img{
	width:80px;position: absolute;right: 1em;bottom: 10px;
}
.banner_small_in{
	text-align:center;color: #fff;
}




@media screen and (max-width:767px) {
.col48{
	width: 98%;
	margin: 0 1% 1% 1%;
}
.spcol2{
	width: 48%;
	margin: 0 1% 1% 1%;
}
.spcol3{
	width: 31%;
	margin: 0 1% 1% 1%;
}
.block_in_box h3{
  font-size: 1.5em !important;
  padding-bottom: 0 !important;
}
.sp{
	display: block !important;
}


h1{
	padding:30px 0 15px 0;
	letter-spacing:2px;
    text-align: center;
	font-size:1.8em;
	margin-top: 1em;
	line-height:0.95em;
	font-weight:bold;
	color: transparent;
	background: linear-gradient( 90deg, #ff6600 0% 20%, #FF5A36 30% 50%, #FFA838 60% 100% );
	-webkit-background-clip: text;
}

h1::after {
	content: '';
	display: block;
	position: absolute;
	left: calc(8px + 100% / 2 - 20px / 4); /* 基本の位置 + みかん幅の半分 - 葉っぱ幅の四半分 */
	top: 5px;
	width: 20px;
	height: 20px;
	background-color: #070;
	border-radius: 100% 0 100% 0;
	margin-top: 1em;
}

}



#section_01 .inner_content,#section_02 .inner_content, #section_03 .inner_content,#section_04 .inner_content,#section_06 .inner_content,#section_07 .inner_content,#section_08 .inner_content,#section_09 .inner_content{
	display:block !important;
}


.business h3 span.main:hover{
	background:#ff6600;
	color:#fff;
}

.business h3.uq .is_inner_button{
background-image:none;
}


.business h3 span.main:hover{
	background:#ff6600;
	color:#fff;
	padding: 0;
}

.business h3.uq + .inner_content {
	padding:0 0 0 2em;
	font-size: 12px !important;
}

.business h3.uq + .inner_content ul{
	border-top:1px solid #ccc;
		list-style: disc;
	list-style-position: inside;
}

.business h3.uq + .inner_content ul li{

}

.business h3.uq + .inner_content ul li a{
	padding: 0.1em !important;
}

.flex_container{
	display: flex;
	flex-wrap: wrap;
}

.preventscroll{
	overflow: hidden;
}




_:-ms-lang(x)::-ms-backdrop, nav#footernav {
  /* IE11 のみ適用される */
	width:1000px;
}





.contact-link {
  width: 500px;
  height: 90px;
  margin: 0 auto;
  line-height: 90px;
  background: url(../img/lp/movie/contact_btn_bg.png);
  border-radius: 5px;
}

.contact-link .mail-link {
  display: block;
  padding: 0 0 0 20px;
  text-align: center;
  color: #fff;
  font-size: 26px;
  font-weight: normal;
  position: relative;
}

.contact-link .mail-link:before {
  content: "";
  display: block;
  background: url(../img/lp/movie/contact-icon.png) no-repeat;
  background-size: 100%;
  width: 50px;
  height: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 25px;
  margin: auto;
}

.contact-link .mail-link:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 9px 0 9px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  transition: 0.2s linear;
}



.flow {
  border: 3px solid rgb(255,90,54);
  padding: 0;
  margin: 0;
}
.flow > li {
  padding: 30px;
  margin-left: 0;
}
.flow > li:last-child { 
  margin-left: 0;
}

.flow > li:not(:last-child) {
  border-bottom: 3px solid rgb(255,90,54);
  position: relative;
  margin-left: 0;
}
.flow > li:not(:last-child)::before,
.flow > li:not(:last-child)::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.flow > li:not(:last-child)::before {
  border-width: 22px;
  border-top-color: rgb(255,90,54);
}
.flow > li:not(:last-child)::after {
  border-width: 18px;
  border-top-color: #fff;
}
.flow > li dl {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flow > li dl dt {
  font-size: 20px;
  font-weight: 600;
  color: rgb(255,90,54);
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  margin-right: 1vw;
  text-align: center;
}
.flow > li dl dt .icon {
  font-size: 12px;
  color: #fff;
  background: rgb(255,90,54);
  background: -moz-linear-gradient(left, rgba(255,90,54,1) 0%, rgba(255,168,56,1) 100%);
  background: -webkit-linear-gradient(left, rgba(255,90,54,1) 0%,rgba(255,168,56,1) 100%);
  background: linear-gradient(to right, rgba(255,90,54,1) 0%,rgba(255,168,56,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF5A36', endColorstr='#FFA838',GradientType=1 );
  padding: 5px 10px;
  margin-bottom: 5px;
  display: block;
  border-radius: 20px;
}


/*背景の画像*/

table.formtable{
  width: 100%;
}

table.formtable td {
  padding: .5em;
    border-left:1px solid #ff9900;
    border-top: 2px solid #ff6600;
}

table.formtable td:last-child {
    border-bottom: 2px solid #ff6600;
}
/*table.formtable tr:nth-child(odd) th,
table.formtable tr:nth-child(odd) td {
  background: #ffecea;
  border-left:3px solid #fff;
}*/

table.formtable th:first-child{
    border-top: 2px solid #ff6600;
}

table.formtable th{
text-align: left;
white-space: nowrap;
  padding: .5em;
  border-bottom: 2px solid #ff6600;
}
table.formtable th span{
color: #cc0000;
}
table.formtable th:nth-child(2n+1),table.formtable td:nth-child(n+1){
background: #fff;
}

ul.errorMsg {
  padding-bottom: 1em;
}
ul.errorMsg li{color:#A00;margin-left: 1em;}
textarea{
	font-size: 1.15em;
}

input[type="text"]{
  width: 100%;
  font-size: 1.15em;
}

input[type="submit"]{
  cursor: pointer;
  border:none;
}

#sns{

}



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

}

@media screen and (max-width:767px) {
#sns{
	margin:.5em;
}
table.formtable tr{
  display: flex;
  flex-direction: column;
}
table.formtable th:first-child{
    border-top:none;
}
table.formtable td {
    border-left:none;
    border-top: none;
    border-bottom: none;
}
.spcol1{
	width: 98%;
	margin: 0 1% 1% 1%;
}
h1{
	line-height:1.25;
}

table.formtable th {
    border-bottom: none;

}
a.banner_small{
	text-align: left;
}

a.banner_small img{
	width:80px;position: absolute;right: 5px;bottom: 5px;
}
.banner_small_in{
	width: calc(100% - 75px);color: #fff;
}

}


@media (min-width: 640px) {
  .contact-link:hover {
    transition: background-position 8s linear;
    background-position: 0 160px;
    opacity: 1;
  }
  
  .contact-link .mail-link:hover:before {
    transition: transform 0.8s linear;
    transform: rotateY(360deg);
  }
  
  .contact-link .mail-link:hover:after {
    top: 10px;
  }
}

.show{
	display: none;
}


body {
    overflow-y: scroll;
}



.mikanpedia_card{
	border-bottom:1px solid #ccc;padding:.5em 1em 1.5em 1em;margin-bottom:1em;
}

/*.mikanpedia_card:hover{
	background: #ffffcf;cursor: pointer;
}*/
/*.mikanpedia_card a:hover{
	text-decoration: none !important;
}*/




.mikanpedia_recent strong{
	display:none !important;
}

#body_mikanpedia .counter{
	display: none;
}


@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}


.disable-auto-tel a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}