@import url("style.css");








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

body{
margin:0;
}

/*LINK*/
a{line-height:160%;color:#00468C;text-decoration:none}
a:link {color:#00468C;}
a:visited{color:#00468C;}
a:hover{color:#00468C;text-decoration:none;}


a.blacker:link {
text-decoration : none; 
color : #000; 
}

a.blacker:visited {
text-decoration : none; 
color : #000; 
}


a.blacker_bold:link{
text-decoration : none; 
color : #000;
font-weight:bold;
}

a.blacker_bold:visited{
text-decoration : none; 
color : #000;
font-weight:bold;
}


a.whity:link {
text-decoration : none; 
color : #FFF; 
}

a.whity:visited {
text-decoration : none; 
color : #FFF; 
}


.red {color: #FF0000;font-size:15px;}	
.blue {color:#09F}
.green {color:#9C0;font-size:12px;}
.yellow {color:#FC0;font-size:15px;}
.bu {color:#09F;font-size:18px;}	


.text01 a{line-height:140%;color:#000;}
.text01 a:link {color:#000}
.text01 a:visited{color:#000;}
.text01 a:hover{color:#000;text-decoration:none;}


.text02 a{line-height:140%;color:#FFF;font-size:14px;}
.text02 a:link {color:#FFF;}
.text02 a:visited{color:#FFF;}
.text02 a:hover{color:#CCC;text-decoration:underline;}


.text03 a{line-height:236%;color:#000;font-size:0.9em;}
.text03 a:link {color:#000;}
.text03 a:visited{color:#000;}
.text03 a:hover{color:#666;text-decoration:underline;}	

.text04 a{line-height:140%;color:#000;font-size:0.9em;}
.text04 a:link {color:#FFF;}
.text04 a:visited{color:#FFF;}
.text04 a:hover{color:#CCC;text-decoration:underline;}


.tex18{font-size:18px}



/*****OTHER PARTS*****/

.sp5{height:5px;}
.sp10{height:10px;}
.sp15{height:15px;}
.sp20{height:20px;}
.sp25{height:25px;}
.sp30{height:30px;}
.sp35{height:35px;}
.sp40{height:40px;}
.sp50{height:50px;}


.sp0_5em{height:0.5em;}
.sp1em{height:1em;}
.sp1_5em{height:1.5em;}
.sp2em{height:2em;}
.sp2_5em{height:2.5em;}
.sp3em{height:3em;}
.sp3_5em{height:3.5em;}
.sp4em{height:4em;}
.sp5em{height:5em;}
.sp6em{height:6em;}
.sp7em{height:7em;}
.sp8em{height:8em;}


.pc_sp4em{display:none;}		
.pc_sp2em{display:none;}	
.pc_sp1em{display:none;}	


.sp_sp4em{height:4em;}	
.sp_sp2em{height:2em;}	
.sp_sp1em{height:1em;}	


.br_pc{
display:block;

}
.br_sp{
display:none;

}	


.spbr::before{display: none;}


.border01{
width:98%;
border-bottom:#CCC solid 1px;
clear:both;
margin:5px 5px 5px 5px;
}



.border02{
display:none;
}


.border03{
width:100%;
border-bottom:#00185B solid 1px;
clear:both;
margin:5px 0px 0px 0px;
}



.uli01 li {
line-height: 160%; /*文の行高*/
padding: 0.1em; /*前後の文との余白*/
text-align: left;
margin-left:2em;
list-style-position:outside;
}



/******ALL LAYOUTS*****/


.wrapper{
width:100%;
display:block;
min-width:320px;
}
.main{
margin:0 auto;
}
#wrap{
/*position:relative;
min-height:100%;
_height:100%;*/
overflow:hidden;
}


#header {
width:100%;
background-color: #000000;
padding-top:0.1em;
height:45px;
position: fixed;
z-index: 5000;
}

.head_logo{position:absolute;left:5px;right:0%;display:block;width:80%;float:left;}

.head_logo img{max-width:200px;  width: 70%;}


.head_tel{display: none;}

.head_info{float:right;margin:1em 1em 0 1em;}

.head_nav{font-size: 15px;width: 100%;text-align: right;float:right; margin:0 55px 0 0}

.head_icon{
display:inline-block;
font-size:18px;
width:57px;
}


#headerMenu{
display:none;
}

#hamburger{position: absolute;left:0%;z-index: 2000;float:left;width:100%;padding:0.2em; }


#hamburger ul {
height:100vh;
overflow: scroll;
-webkit-overflow-scrolling:100%;
}



.copy{font-size:13px;color:#000;text-align:center;padding:2em 0 1em 0;}


.navy_bg{
background-color:#EEEEEE;
padding:0.5em;
}




.trim{
position: relative;
width: 100%;/*　トリミングしたい枠の幅（固定にしたい場合はサイズを入力）　*/
padding-top: 0%;/*　トリミングしたい枠の高さ（固定にしたい場合はサイズを入力）　*/
overflow: hidden;/*　画像が枠からはみ出た部分はトリミング（非表示）する　*/
margin: 15px auto;
}



.inline_btn{display:inline-block;width:100%;max-width:30%;}




.news{
/*border: solid 1px #CCC;*/
width: 100%;
height:400px;
overflow: auto;
/*background-color:#FFF;*/
margin:0 auto;
/*border:#3EA8F4 solid 1px;*/
padding:0 1em;
font-size: 1em;
}






.btn {
width:100%;
padding:0.3em;
font-weight:400;
display: inline-block;
text-decoration: none !important;
font-size: 15px;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
text-align:center;
border-radius: 5px;
}

.btn01 a{
background-color: #174675;
color: #fff !important;
margin:0.5em;

}
.btn:hover {
opacity: 1.0;
}




.lay_block01{width:100%;height:auto;text-align: center;margin:0 auto;position: relative;}


.lay_block02{width:100%;height:auto;text-align: center;margin:0 auto;}







.gmap {
height: 0;
overflow: hidden;
padding-bottom: 75%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}


video{
bottom: 0px;
right: 0px;
min-width: 100%;
min-height: 100%;
width: 100%;
height: auto;
z-index: -1000;
overflow: hidden;
}

.spheight{padding-top:0%;}

/*******OTHER TEXT********/
h1{
font-size:0.6em;
color:#222;
font-weight:300;
text-align: left;
padding:1em;
}

h2{

}

h2.inttl{
color:#1F66B2;
/*background: #E8E8E8;*/
font-size:1.5rem;
text-align: center;
padding:1em;
line-height: 150%;
/*font-weight:bold;*/
border-bottom:solid 2px #CCC;
}



h3{
color:#003366;
/*color:#a80000;*/
font-size:0.9em;
font-weight:bold;
}



h4{
font-size:1.8em;
line-height:140%;
color:#FFF;
font-weight:bold;
}



.br::before {
content: "\A" ;
white-space: pre ;
}	



strong{
font-size:16px;
line-height:160%;
padding:0px 0px 0px 0px;
font-weight:bold;	
}

p{font-size:15px;text-align:left;line-height:170%;}




table.table-0{
width: 99%;
table-layout: fixed;
word-break: break-all;
word-wrap: break-all;

}

.last td:last-child {
border-bottom: solid 1px #ccc;
width: 98%;
}
table.table-0 tr th,
table.table-0 tr td {
border-bottom: none;
display: block;
width: 98%;
}

table.table-0 tr th {
padding:5px;
font-weight: bold;
color:#000;
line-height: 120%;
text-align: left;
font-size:15px;
margin:0px 0 5px 0px;
vertical-align:top;
/*background-color:#F7ECFF;*/
border: 2px #CCC solid;
border-width: 0 0px 0px 5px;
width:18%;
background-color: #DBDBDB;
}
table.table-0 td {
padding:1em;
border: 1px #CCC solid;
border-width: 0 0px 1px 1px;
line-height:130%;
text-align: left;
vertical-align:top;
font-size:13px;
/*background-color:#F7ECFF;*/
width: 98%;
}






table.table-form {
width:100%;
/*border: 1px #009B83 solid;*/
margin:0px auto;
border-collapse: separate; border-spacing: 10px; 
}

table.table-form th {
padding: 1em;
border: 1px #003366 solid;
border-width: 0 0px 1px 0px;
line-height:180%;
text-align:left;
vertical-align:top;
/*background-color:#F4F4EA;*/
/*background:url(../img/com_bg.jpg);
background-repeat:repeat-y;
background-position: top center;*/
color:#000;
font-size:0.9em;
width:30%;
}
table.table-form td {
padding: 1em;
border: 1px #CCC solid;
border-width: 0 0px 1px 0px;
line-height:180%;
text-align:left;
vertical-align:middle;
background-color:#FFF;
/*font-size:12px;*/
}






/*フォーム関係*/

textarea,input,select{
border:solid 1px #CCC;
background-color:#FFFFFF;
color:#333333;
padding:0.5em;
margin:0.5em;
font-size:14px;
}


select { 
height: 3em;
}
	
	
input#submit {
border:none;
}	


/*****inner******/


.inner_box{
width:100%;
margin:0 auto;
text-align:center;
padding:10% 1% 0 1%;
}


.dmenu{display:none;}


.img_box01{width:100%;margin:0 auto;}
.img_box02{width:90%;margin:0 auto;}


.main_box_area{width:100%;margin:0 auto;padding:0;}






.hissu{
text-align:center;
font-size:12px;
/*font-weight:bold;*/
/*border-bottom:solid 2px #0059B2;*/
line-height:140%;
color:#FFF;
background-color:#D8070B;
display: inline-block;
padding:5px;
margin:0px 0 0 10px;
}




.fabs {
top: 40%;
position: fixed;
margin: 0em;
right: 0;
z-index: 100;
}

.fab {
display:block;
width: 45px;
height: 45px;
border-radius: 50%;
text-align: center;
color: white;
margin: 0em auto 0;
box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.18), 0px 4px 12px -7px rgba(0, 0, 0, 0.15);
cursor: pointer;
-webkit-transition: all .1s ease-out;
transition: all .1s ease-out;
position: relative;
}

.fab > i {
font-size: 24px;
line-height: 45px;
transition: all .2s ease-in-out;
transition-delay: 2s;
}

.fab.red {
background: #666;
}

.fab.pink {
background: #E91E63;
}

.fab.purple {
background: #9C27B0;
color:#FFF;
margin:0.2em;
}

.fab.deep-purple {
background: #673AB7;
}

.fab.indigo {
background: #3F51B5;
color:#FFF;
margin:0.2em;
}

.fab.blue {
background: #2196F3;
}

.fab.light-blue {
background: #03A9F4;
color:#FFF;
margin:0.2em;
}

.fab.cyan {
background: #00BCD4;
}

.fab.teal {
background: #009688;
}

.fab.green {
background: #4CAF50;
}

.fab.light-green {
background: #8BC34A;
}

.fab.lime {
background: #CDDC39;
}

.fab.yellow {
background: #FFEB3B;
}

.fab.amber {
background: #FFC107;
}

.fab.orange {
background: #FF9800;
}

.fab.deep-orange {
background: #FF5722;
}

.fab.brown {
background: #795548;
}

.fab.grey {
background: #9E9E9E;
}

.fab.blue-grey {
background: #607D8B;
}

.fab:active,
.fab:focus,
.fab:hover {
box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
}

/*
.fab:not(:last-child) {
width: 36px;
height: 36px;
margin: 20px auto 0;
opacity: 0;
}

.fab:not(:last-child) > i {
font-size: 18px;
line-height: 40px;
transition: all .3s ease-in-out;
}

.fabs:hover .fab:not(:last-child) {
opacity: 1;
width: 40px;
height: 40px;
margin: 15px auto 0;
}

*/

.fab:nth-last-child(1) {
-webkit-transition-delay: 25ms;
transition-delay: 25ms;
}

.fab:not(:last-child):nth-last-child(2) {
-webkit-transition-delay: -20ms;
transition-delay: -20ms;
}

.fab:not(:last-child):nth-last-child(3) {
-webkit-transition-delay: 40ms;
transition-delay: 40ms;
}

.fab:not(:last-child):nth-last-child(4) {
-webkit-transition-delay: 60ms;
transition-delay: 60ms;
}

.fab:not(:last-child):nth-last-child(5) {
-webkit-transition-delay: 80ms;
transition-delay: 80ms;
}

[tooltip]:before {
font-family: 'Roboto';
font-weight: 600;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #585858;
color: #fff;
content: attr(tooltip);
font-size: 12px;
visibility: hidden;
opacity: 0;
padding: 5px 7px;
margin-right: 10px;
position: absolute;
right: 100%;
bottom: 5%;
white-space: nowrap;
}

[tooltip]:hover:before,
[tooltip]:hover:after {
visibility: visible;
opacity: 1;
}





.clone-nav {
position: fixed;
top: 0;
left: 0;
z-index: 2;
width: 100%;
transition: .3s;
transform: translateY(-100%);
}
.is-show {
transform: translateY(0);
}



.clear:after {
content: "\200c";
display : block;
height: 0;
font-size: 0;
clear: both;
}




#link01 {
margin-top: -60px;
padding-top: 60px;

}

#link02 {
margin-top: -60px;
padding-top: 60px;
}

#link03 {
margin-top: -60px;
padding-top: 60px;
}







.about_box p{
text-align: center;
font-size: 20px;
font-family: "M PLUS Rounded 1c";
color: #fff;
padding-top: 2%;

}



.gazo-box p{
font-size: 14px;
font-weight: bold;}

.line01 {
width: 95%;
border-bottom: dotted #fff 1px;
margin: 0 auto;
}



.foot_box2 p{
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
text-align: center;
font-size: 14px;
}
.foot_box2 p i{
font-size: 50px;
}

.icon {
display: none;
}








.title_foot span{
font-size: 14px;
}

.sns_btn {
text-align: center;
margin-top: 5%;margin-left: 5%;
}

.sns_btn {

}

.sns_btn ul{
list-style: none;
display: flex;
justify-content: center;
width: 100%;
}

.sns_btn ul li{
margin: 1em
}


.sns_btn2 {

}

.sns_btn2 ul{
list-style: none;
display: flex;
justify-content: center;
width: 100%;
}

.sns_btn2 ul li{
margin: 1em
}

.img_box03 {
padding-top: 80px;
}

.content_box {
width: 100%;
height: auto;
background-color: #ff9000;
margin: 0 auto;
}
.content_box p{
color: #fff;
text-align: left;
padding: 0.5em}





.btn05 {
max-width: 300px;
width: 100%;
height: 50px;
background:linear-gradient(to top, #00c8ff 0%, #3fa9f5 100%);
font-size: 20px;
line-height: 50px;
color: #fff;
border-radius: 10px;
margin: 0 auto;
}





.btn_box01 {
width: 95px;
height: 95px;
background-color: #ff9000;
color: #fff;
margin: 0.3em;
position:relative;

}

.btn_box01 p{	width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
text-align: center;
font-size: 18px;
font-family:  "M PLUS Rounded 1c";
line-height: 120%;
}

.btn_box02 {
width: 95px;
height: 95px;
background-color: #ffbf00;
color: #fff;
margin: 0.3em;
position:relative;

}

.btn_box02 p{
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
text-align: center;
font-size: 18px;
font-family:  "M PLUS Rounded 1c";
line-height: 120%;
}

.btn_box03 {
width: 95px;
height: 95px;
background-color: #c19000;
color: #fff;
margin: 0.3em;
position:relative;
}

.btn_box03 p{
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
text-align: center;
font-size: 18px;
font-family:  "M PLUS Rounded 1c";
line-height: 120%;
}



.sub_01 {
margin-top:-80px;
padding-top:80px;
}

.sub_01 img{
max-width: 300px;
width: 80%;
}

.sub_01 p span{
font-size: 14px;
}



.sub_01 p{
padding: 1em;
}



.sub_02 p{
padding: 1em;
}



.sub_03 p{
padding: 1em;
}

.sub_02 {
margin-top:-80px;
padding-top:80px;
}

.sub_03 {
margin-top:-80px;
padding-top:80px;
}


.text04 {
max-width: 300px;
width: 95%;
height: 50px;
border: #ff9000 solid 1px;
display: flex;
align-items: center;
margin: 0.5em;
}

.text04 p{
width: 50%;
}

.top_box {
padding-top: 80px;
}

table.table-form02 {
width:95%;
/*border: 1px #009B83 solid;*/
margin:0px auto;
border-collapse: separate; border-spacing: 10px; 
}

table.table-form02 th {
padding: 0.3em 0px 0.3em 0px;
border: solid 3px #ff9000;
border-width: 0 0px 3px 0px;
line-height:180%;
text-align:left;
vertical-align:top;
/*background-color:#F4F4EA;*/
/*background:url(../img/com_bg.jpg);
background-repeat:repeat-y;
background-position: top center;*/
color:#ff9000;
font-size:1em;
width:100%;
display: block;
}
table.table-form02 td {
padding: 1.7em 0px 1.7em 0px;
border: 1px #CCC solid;
border-width: 0 0px 1px 0px;
line-height:180%;
text-align:left;
vertical-align:middle;
background-color:#FFF;
/*font-size:12px;*/
display: block;
}

.pc_shisetsu {
/*display: none;*/
max-width: 100%;

}

.pc_shisetsu table{
max-width: 100px;
margin: 0 auto;
/*border-collapse:separate;*/
/*border-spacing:15px;*/
margin-bottom:10px;

}
.pc_shisetsu table td{
width: 100%;
/*border: solid 1px #e95e67;*/
/*padding: 1em;*/
}




.pc_shisetsu img{
width: 100%;
/*border: solid 1px #e95e67;*/
/*padding: 1em;*/
}



.slide_box {
width: 95%;
height: 340px;
background-color: #fff;
margin:0.5em;
}


.about_text span {
color: #e95e67;
font-size: 25px;
margin-bottom: 10%;

}

.about_text {
text-align: center;
line-height: 150%;
}


.about_box {
width: 100%;
height: 400px;
margin-bottom: 2em;
position: relative;
}

.about_in img{
max-width: 212px;
width: 100%;
margin-top: 5%;
}

.mbile_sihisetsu {
width: 100%;
height: auto;
background: linear-gradient(180deg,#fff 0%,#fff 25vh,#e95e67 100px,#e95e67 100%);
}

.mbile_sihisetsu img{
max-width: 600px;
width: 80%;

}

.mbile_sihisetsu img{
width: 80%;
}

.list01_sm {
width: 100%;
height: auto;
display: flex;
justify-content: center;
padding-top: 5%;
padding-bottom: 5%;
margin: 0 auto;	

}

.list01_sm img{
width: 30%;
}	



.list01_sm a img{
width: 60%;
margin-left: 5%;
margin-right: 5%;
}

#footMenu {
display: none;


}

.foot_menu_tb {
width: 100%;
/*border-collapse:separate;*/
/*border-spacing:15px;*/	
}


.foot_menu_tb tr td{
/*border-collapse:separate;*/
/*border-spacing:15px;*/	
}	

.foot_menu_tb td{
width: 50%;
height: 50px;
/*border: 1px solid #e95e67;*/
vertical-align:middle;
}

.foot_menu_tb td a{
color: #000;
}

.toot_text02 {
font-size: 25px;
color: #e95e67;
padding-top: 2em;
}

.toot_text {
padding-top: 1em;
line-height: 150%;
}

.line_mb img{
max-width: 400px;
width: 70%;
}

.about_in {

}

.about_top {
width: 100%;
padding-top: 80px;
margin: 0 auto;
}

.text_box01 {
max-width: 1200px;
width: 100%;
height: auto;
margin: 0 auto;
padding: 0.5em;
}

.line02 {
border-bottom: 8px solid;
border-image: linear-gradient(to right, #e95e67 0%, #ff8267 100%);
border-image-slice: 1;
}

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

.main_title {
width: 100%;
height: auto;
margin: 0 auto;
}

.main_title img{
max-width: 250px;
width: 100%;
}
.main_title p{
text-align: left;
padding: 0.5em;
}

.phot_box {
width: 90%;
height: auto;
margin: 0 auto;
}
.list_pt img{
max-width: 500px;
width: 100%;
margin: 0 auto;
}
.list_pt figure{
padding-bottom: 2em;
}

.text_box02 {
width: 90%;
height: auto;
margin: 0 auto;
}

table.table-02 {
width: 98%;

}

table.table-02 tr{
border-bottom: dotted 1px #000;
}

table.table-02 th{
width: 20%;
height:50px;
text-align: center;
vertical-align: middle;
font-size: 14px;
}

table.table-02 td{
width: 20%;
height:50px;
text-align: center;
vertical-align: middle;
font-size: 14px;
}


/*********ここから田原です*********/	

table.table-03 {
width: 98%;

}

table.table-03 tr{
border-bottom: dotted 1px #000;
}

table.table-03 th{
width: 20%;
height:50px;
text-align: center;
vertical-align: middle;
font-size: 14px;
}

table.table-03 td{
width: 20%;
height:50px;
text-align: center;
vertical-align: middle;
font-size: 14px;
}

.call-price{
width: 20%;
height:50px;
text-align: left;
vertical-align: middle;
font-size: 20px;
border: solid 1px #000;
}




/*********ここまで田原です*********/	





.text_box03 {
width: 98%;
height: auto;
margin: 0 auto;
}

.text_01 {
text-align: center;
}
.text_01 strong{
font-size: 20px;
}

.list03 p{
margin-bottom: 2em;

}




.btn02 {
width: 300px;
height: 44px;
border-radius:20px;
background-color: #6878eb;
color: #fff !important;
margin:0.5em;
font-size: 20px;
font-family: "M PLUS Rounded 1c";
line-height: 44px;
margin: 0 auto;
}



.btn03 {
max-width: 300px;
width: 100%;
height: 50px;
background:linear-gradient(to top, #bad029 0%, #5ba130 100%);
font-size: 20px;
line-height: 50px;
color: #fff;
border-radius: 10px;
margin: 0 auto;
}


.btn04 {	max-width: 300px;
width: 100%;
height: 50px;
background:linear-gradient(to top, #eab57b 0%, #db6a68 100%);
font-size: 20px;
line-height: 50px;
color: #fff;
border-radius: 10px;
margin: 0 auto;

}

.btn06 {

max-width: 300px;
width: 100%;
height: 50px;
background:linear-gradient(to top, #00dca8 0%, #00b7a8 100%);
font-size: 20px;
line-height: 50px;
color: #fff;
border-radius: 10px;
margin: 0 auto;
}


/*********ここから田原です*********/	

.btn08 {

max-width: 300px;
width: 100%;
height: 50px;
background:linear-gradient(to top, #d98494 0%, #e75c6a 100%);
font-size: 20px;
line-height: 50px;
color: #fff;
border-radius: 10px;
margin: 0 auto;
}	

.btn09 {

max-width: 300px;
width: 100%;
height: 50px;
background:linear-gradient(to top, #f18c94 0%, #e10a6e 100%);
font-size: 20px;
line-height: 50px;
color: #fff;
border-radius: 10px;
margin: 0 auto;
}	

.btn10 {
max-width: 300px;
width: 100%;
height: 50px;
background:linear-gradient(to top, #f39a60 0%, #eb7b6b 100%);
font-size: 20px;
line-height: 50px;
color: #fff;
border-radius: 10px;
margin: 0 auto;
}	


.btn11 {
max-width: 300px;
width: 100%;
height: 50px;
background:linear-gradient(to top, #f19aa4 0%, #df627f 100%);
font-size: 20px;
line-height: 50px;
color: #fff;
border-radius: 10px;
margin: 0 auto;
}		


.btn12 {
max-width: 300px;
width: 100%;
height: 50px;
background:linear-gradient(to top, #cbb69a 0%, #ae8d61 100%);
font-size: 20px;
line-height: 50px;
color: #fff;
border-radius: 10px;
margin: 0 auto;
}		



.btn13 {
max-width: 300px;
width: 100%;
height: 50px;
background:linear-gradient(to top, #53a9a9 0%, #089199 100%);
font-size: 20px;
line-height: 50px;
color: #fff;
border-radius: 10px;
margin: 0 auto;
}	


.btn14 {
max-width: 300px;
width: 100%;
height: 50px;
background:linear-gradient(to top, #d69e51 0%, #c45000 100%);
font-size: 20px;
line-height: 50px;
color: #fff;
border-radius: 10px;
margin: 0 auto;
}	



.btn15 {
max-width: 300px;
width: 100%;
height: 50px;
background:linear-gradient(to top, #6889a2 0%, #07bea7 100%);
font-size: 20px;
line-height: 50px;
color: #fff;
border-radius: 10px;
margin: 0 auto;
}	



.btn16 {
max-width: 300px;
width: 100%;
height: 50px;
background:linear-gradient(to top, #de85a8 0%, #fd7bab 100%);
font-size: 20px;
line-height: 50px;
color: #fff;
border-radius: 10px;
margin: 0 auto;
}		

.btn17 {
max-width: 300px;
width: 100%;
height: 50px;
background:linear-gradient(to top, #de85a8 0%, #fd7bab 100%);
font-size: 20px;
line-height: 50px;
color: #fff;
border-radius: 10px;
margin: 0 auto;
}		


.p_text01{font-size:20px;
text-align: center;
line-height: 150%;
/*font-family: "Sawarabi Mincho";}*/
font-size: 2em;
color: #7172ac;
}

/*********ここまで田原です*********/	



.line03 {
width: 90%;
border-bottom: dotted 3px #ccc;
margin: 0 auto;
}

.adress_box {
width: 95%;
height: auto;
margin: 0 auto;
}

.adress_text {
padding-bottom: 5%;
}



.text_box06 {
max-width: 500px;
width: 100%;
margin: 0 auto;
}


.phot_box02 {
max-width: 500px;
width: 100%;
display: flex;
margin: 0 auto;
}

.phot_box02 figure:first-child{
padding-right:1em;
}

.text_02 {
font-size: 20px;
color: #ff6b6b;
font-family: "M PLUS Rounded 1c";
font-weight: bold;
}

.text_03 {
font-size: 18px;
color: #00b7a8;
font-family: "M PLUS Rounded 1c"; 
font-weight: bold;
}



/*********各施設タイトルバ－ここに追加すること*********/
.title03 {
font-family:  "M PLUS Rounded 1c";
font-size: 20px;

text-align: center;

}

.title04 {
width: 100%;
height: 48px;
background:linear-gradient(to top, #bad029 0%, #5ba130 100%);
color: #fff;
font-size: 18px;
line-height: 48px;
text-align: center;
}


.title05 {
max-width: 1200px;
width: 100%;
height: 48px;
background:linear-gradient(to top, #eab57b 0%, #db6a68 100%);
color: #fff;
font-size: 18px;
line-height: 48px;
text-align: center;
margin: 0 auto;
}



.title06 {
max-width: 1200px;
width: 100%;
height: 48px;
background:linear-gradient(to top, #3fa9f5 0%, #00c8ff 100%);
color: #fff;
font-size: 18px;
line-height: 48px;
text-align: center;
margin: 0 auto;
}




.title07 {
max-width: 1200px;
width: 100%;
height: 48px;
background:linear-gradient(to top, #00b7a8 0%, #00dca8 100%);
color: #fff;
font-size: 18px;
line-height: 48px;
text-align: center;
margin: 0 auto;
}


/*********ここから田原です*********/


.title08 {
max-width: 1200px;
width: 100%;
height: 48px;
background:linear-gradient(to top, #d98494 0%, #e75c6a 100%);
color: #fff;
font-size: 18px;
line-height: 48px;
text-align: center;
margin: 0 auto;
}


.title09 {
max-width: 1200px;
width: 100%;
height: 48px;
background:linear-gradient(to top, #f18c94 0%, #e10a6e 100%);
color: #fff;
font-size: 18px;
line-height: 48px;
text-align: center;
margin: 0 auto;
}


.title10 {
max-width: 1200px;
width: 100%;
height: 48px;
background:linear-gradient(to top, #f1634e 0%, #fb3e32 100%);
color: #fff;
font-size: 18px;
line-height: 48px;
text-align: center;
margin: 0 auto;
}	


.title11 {
max-width: 1200px;
width: 100%;
height: 48px;
background:linear-gradient(to top, #f19aa4 0%, #df627f 100%);
color: #fff;
font-size: 18px;
line-height: 48px;
text-align: center;
margin: 0 auto;
}	


.title12 {
max-width: 1200px;
width: 100%;
height: 48px;
background:linear-gradient(to top, #cbb69a 0%, #ae8d61 100%);
color: #fff;
font-size: 18px;
line-height: 48px;
text-align: center;
margin: 0 auto;
}	


.title13 {
max-width: 1200px;
width: 100%;
height: 48px;
background:linear-gradient(to top, #53a9a9 0%, #089199 100%);
color: #fff;
font-size: 18px;
line-height: 48px;
text-align: center;
margin: 0 auto;
}	


.title14 {
max-width: 1200px;
width: 100%;
height: 48px;
background:linear-gradient(to top, #d69e51 0%, #c45000 100%);
color: #fff;
font-size: 18px;
line-height: 48px;
text-align: center;
margin: 0 auto;
}	


.title15 {
max-width: 1200px;
width: 100%;
height: 48px;
background:linear-gradient(to top, #6889a2 0%, #07bea7 100%);
color: #fff;
font-size: 18px;
line-height: 48px;
text-align: center;
margin: 0 auto;
}	



.title16 {
max-width: 1200px;
width: 100%;
height: 48px;
background:linear-gradient(to top, #de85a8 0%, #fd7bab 100%);
color: #fff;
font-size: 18px;
line-height: 48px;
text-align: center;
margin: 0 auto;
}	




.text_04 {
font-size: 18px;
color: #ff6b6b;
font-family: "M PLUS Rounded 1c"; 
font-weight: bold;
}



.video_box {
max-width: 1000px;
width: 98%;
height: auto;
margin: 0 auto;
padding-top: 80px!important;
}

/*--------田原------*/

.main-text {
width: 100%;
margin:0 auto;
text-align: center;
color: #FFFFFF;
font-size: 1.8vmax;
/*font-weight: bold;*/
position:absolute;
top:80%;
bottom:0%;
left:0%;
text-shadow: 1px 1px 2px #000, 0 0 0.2em #000;;
}


.title02 {
width: 100%;
height: 7vh;
line-height:160%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
margin-top:70px;
background:linear-gradient(to right, #e95e67 0%, #ff8267 100%);
color: #fff;
font-size: 18px;

}

table.table-1 {
width:100%;
/*border: 1px #009B83 solid;*/
text-align: left;
/*border-collapse: separate; border-spacing: 10px; */
background-color:#FFF;
margin: 0 auto;
margin-bottom: 10px;
}

table.table-1 th {
/*padding: 1em 0px 1em 0px;
/*border: 1px #e95e67 solid;*/
/*border-width: 0 0px 1px 0px;*/
line-height:180%;
text-align:left;
vertical-align: top;
/*background-color:#F4F4EA;*/
/*background:url(../img/com_bg.jpg);
background-repeat:repeat-y;
background-position: top center;*/
color:#000;
font-size:1rem;
width:20%;
}
table.table-1 td {
/*padding: 1em 0px 1em 0px;*/
/*border: 1px #CCC solid;*/
/*border-width: 0 0px 1px 0px;*/
line-height:180%;
text-align:left;
vertical-align:top;
/*background-color:#FFF;*/
word-break : break-all;
/*font-size:12px;*/
padding-left:2em;
}

table.table-2 {
width:95%;
/*border: 1px #009B83 solid;*/
text-align: left;
border-collapse: separate; border-spacing: 10px; 
background-color:#FFF;
margin: 0 auto;
}

table.table-2 th {
padding: 0.5em 0px 0.3em 0px;
text-align:left;
vertical-align:top;
/*background-color:#F4F4EA;*/
/*background:url(../img/com_bg.jpg);
background-repeat:repeat-y;
background-position: top center;*/
color:#000;
font-size:13px;
width:20%;
display: block;
}
table.table-2 td {
padding: 0.5em 0px 0.5em 0px;
border: 1px #CCC dotted;
border-width: 0 0px 1px 0px;
line-height:120%;
text-align:left;
vertical-align:middle;
background-color:#FFF;
word-break : break-all;
display: block;
/*font-size:12px;*/
}



 

.menunav a {
max-width: 30%;
/*display:inline;*/

/*font-size: calc(60vw / 60)*/
/*font-size:0.9vmax;*/
font-size:18px;
/*font-size: 1.6vmin;*/
font-weight: 300;

}   





.br::before {
content: "\A" ;
white-space: pre ;
}


hr.style1{
margin: 1em auto 2em;	
border-top: 1px solid #ff0000;
width: 90%;
}





a.white:link {

font-weight:bold;
color : #253a51; 
}
a.white:visited {

font-weight:bold;
color : #253a51; 
}
a.white:active {

font-weight:bold;
color : #253a51; 
}
a.white:hover {

font-weight:bold;
color : #253a51; 
}







a.white:link {

font-weight:bold;
color : #253a51; 
}
a.white:visited {

font-weight:bold;
color : #253a51; 
}
a.white:active {

font-weight:bold;
color : #253a51; 
}
a.white:hover {

font-weight:bold;
color : #253a51; 
}




ul.dl-menu{
padding: 0px;
margin: 0px 0 0 0;
width: 100%;
height: 100%;
}

ul.dl-menu li{
list-style-type:none;
/*float: left;*/
width: 95%;
border-bottom: dotted 1px #fff;
box-sizing:border-box;
margin-bottom: 20px;
margin-top: 20px;
}

ul.dl-menu li{
margin-top: 10px;
}

ul.dl-menu li{
margin-right: 8px;
border-left :solid #FFF 3px;
margin-left: 8px;
padding:0.1em;
}


/*ul.dl-menu li:last-child{
width: 80%;
background-color: #fff;
text-align: center;
border: none;
margin-top: 10px;
margin-left: 12%;
height: 50px;
padding-top: 10.25px;

}*/

/*
ul.dl-menu li:first-child{
margin-top: 10px;
}

ul.dl-menu li:nth-child(2){
margin-top: 10px;
}

ul.dl-menu li:nth-child(odd){
margin-right: 8px;
border-left :solid #428400 3px;
margin-left: 8px;
}

ul.dl-menu li:nth-child(even){
border-left: solid #007EA8 3px;
}



ul.dl-menu li:last-child{
width: 80%;
background-color: #fff;
text-align: center;
border: none;
margin-top: 10px;
margin-left: 12%;
height: 50px;
padding-top: 10.25px;

}
*/



.inmenu input {
display: none;
}
button {
border: none;
background: none;
outline:none;
}
a:hover,
a img:hover,
label img:hover {
opacity: 0.8;
}
/*ハンバーガーメニュー*/
.inmenu,
.inmenu span {
display: inline-block;
-webkit-transition:all .4s;
transition: all .4s;
box-sizing: border-box;

}

.inmenu {
position: fixed;
top: 10px;
left:  10px;
width: 30px;
height: 20px;
z-index: 10;   
}

.inmenu span {
position: absolute;
left: 0;
width: 100%;
height: 1px;
background-color: rgba(0,0,0,0.7);
z-index: 10;
}

.inmenu span:nth-of-type(1) {
top: 0px;background-color: #999;
}

.inmenu span:nth-of-type(2) {
top: 10px;background-color: #999;

}

.inmenu span:nth-of-type(3) {
bottom: 0px;background-color: #999;

}

.inmenu.active span:nth-of-type(1) {
-webkit-transform: translateY(10px) rotate(45deg);
transform: translateY(10px) rotate(45deg);
}

.inmenu.active span:nth-of-type(2) {
opacity: 0;

}

.inmenu.active span:nth-of-type(3) {
-webkit-transform: translateY(-10px) rotate(-45deg);
transform: translateY(-10px) rotate(-45deg);

}

#nav {
position: fixed;
top: 0;
right: 0;
z-index: 10;
width: 100%;
height: 100vh;
opacity: 0;
background-color: rgba(0,0,0,0.7);
transition: all 0.3s ease-in-out;
visibility:hidden;
}

#nav.active{
right: 0;
opacity: 1;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
visibility: visible;
}

#nav ul{
margin:20px 0;
padding:20px 0;
}

#nav ul li{
list-style-type: none;
}

#nav ul li a{
display: block;
padding: 0.2em;
transition: all 0.2s ease-in-out;
text-align: left;
text-decoration: none;
color: #FFF;
list-style-type: none;
font-size: 15px;
}
#nav ul li a:hover {
color: #f65d5d;
}






.accbox {
margin: 0;
padding: 0.5em;
/*max-width: 400px;/*最大幅*/
width:100%;
}

/*ラベル*/
.accbox label {
padding : 0.3em;
color :#FFFFFF;
cursor :pointer;
transition: all 0.5s;
font-size: 15px;
line-height: 20px;
font-weight: 300;
display: block;
}

/*ラベルホバー時*/
.accbox label:hover {
background-color: #333}

/*チェックは隠す*/
.accbox input {
display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
height:auto;
padding: 5px;
opacity: 1;
background-color:#000;

}


#sample01{

padding: 0;
margin: 0;
width: 100%;
height: auto;


}

#sample01 p{
text-align: left;
font-size: 15px;
color: #fff;
margin: 2px 0;
border-left: solid #333 5px;
}

#sample01 a{
list-style-type:none;
width: 100%;
margin: 5px 0;
padding:2px 0;
border-left:none;
font-size: 14px;

}


#sample01 p:nth-child(2){
margin: 2px
}

.nonavy_bg01{
background-color:#FFF;
padding:1em;
}	



.locked {
overflow-y: hidden;
}





.scroll{
overflow: auto;
white-space: nowrap;
}
.scroll::-webkit-scrollbar{
height: 5px;
}
.scroll::-webkit-scrollbar-track{
background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
background: #BCBCBC;
}

/*20190928　sato*/	
.listbox_bbb {
width: 100%;	
}


#page_top{
width: 50px;
height: 50px;
position: fixed;
right: 0;
bottom: 0;
background:#74BAF4;
opacity: 0.6;
border-radius: 50%;
}

#page_top a{
position: relative;
display: block;
width: 50px;
height: 50px;
text-decoration: none;
}

#page_top a::before{
font-family: FontAwesome;
content: '\f106';
font-size: 25px;
color: #fff;
position: absolute;
width: 25px;
height: 25px;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}	




#menubar01{position: relative;z-index:1 !important; background-color: #000000;}



#dropmenu {
list-style-type: none;
width: 100%;
max-width:1320px;
margin:0 auto;
padding: 0;
display:block;
position:relative;
left:6%;
right:0;
background-color: #000000;	
padding-top:1em;
}


#dropmenu img{
width: 26%;
}

#dropmenu li {
position: relative;
width: 10%;
float: left;
margin: 0;
padding: 0;
text-align: center;
border-left:#000000 solid 1px;

}

/*#dropmenu li:last-child{border-right:#CCC solid 1px;}*/

#dropmenu  {
display: none;
}



.nonavy_bg{
background-color:#FFF;
padding:0em;
}




.section{
margin:0;
padding: 0;
}



/*
.img01{
background-image:url("../img/top_ebi.jpg");


}
*/



.listbox001 {
display: flex;
max-width: 1000px;;
margin: 0 auto ;
flex-wrap: wrap;
justify-content: center; /* 子要素をflexboxにより中央に配置する */
}

/*----footer---*/


.foot_bg011{
padding-bottom:30px;
position:relative;
margin:0 auto;	
}




.foot_tex011{font-size:15px;color:#FFF;text-align:left;float:left;padding:0 5em 1em 0;line-height:160%;}

.text001 a{line-height:140%;color:#FFF;font-size:15px;}
.text001 a:link {color:#FFF;}
.text001 a:visited{color:#FFF;}
.text001 a:hover{color:#FFF;text-decoration:none;}

.foot_text{
font-size: 18px;
color: #000000;
margin: 0 auto;
text-align: center;
/*width: 50%;*/
line-height: 30px;
}

.text12{
font-size:14px;
line-height: 240%;
color: #000000;
text-align: center;

}





.foot_bottom_center{text-align: center;bottom:7%;z-index: 1000;}

.foot_br01{color:#000000;text-align: center;}

.foot_br_strong{font-size: 20px; color:#000000;text-align: center;font-weight:bold;}

.copy_br{
color:#000000;
text-align: center;
font-size: 12px;
}

.sp_logomark{
display:block;
margin: 0 auto;
width: 50px;
text-align: center;
position: relative;
bottom:14%;
}	



.googlemaps iframe,
.googlemaps object,
.googlemaps embed {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}	

.text_box04 {
/*max-width: 1200px;*/
width: 90%;
height: auto;
margin: 0 auto;
margin-top: -3em;
padding-bottom: 3.5em;
}	




.sp_sp2em{
height:2em;
}



.sp_sp3em{
height:3em;
}

.sp_sp4em{
height:4em;
}



/*-----車エビ-------*/	


.nonavy_bg_top{
width:100%;	
background-color:#FFF;
padding:0;
margin: 0;	
}	

.top_main{
width: 100%;	
}

.top_main img{
display: block;
width:100%;
margin:0 auto;
}	



.listbox_tr {
list-style: none;
width: 100%;
margin: 0 auto ;
display:block;
}

.listbox_tr ul{
width:100%;
}	


.copy_text01 {
width: 88%;
margin: 0 auto;
color: #000000;
font-size: 15px;
text-align: left;
line-height: 170%;
font-family: "UD Shin Go Conde90 L";
}	



.copy_text02 {
width: 88%;
margin: 0 auto;
color: #000000;
font-size: 15px;
text-align: left;
line-height: 170%;
}	


.copy_text03 {
width: 80%;
margin: 0 auto;
color: #000000;
font-size: 15px;
text-align: left;
line-height: 170%;
}	

.copy_text04 {
width: 88%;
margin: 0 auto;
color: #000000;
font-size: 15px;
text-align: center;
line-height: 170%;
font-family: "UD Shin Go Conde90 L";
}		



.copy_text05 {
width: 88%;
margin: 0 auto;
color: #000000;
font-size: 15px;
text-align: center;
line-height: 170%;
font-family: "UD Shin Go Conde90 L";
}		

.copy_text05  a{
text-decoration: underline;
}



.btn-double {
display: inline-block;
padding: 0.3em 3em;
text-decoration: none;
background: #603813;
color: #FFF!important;
border-radius: 50px;
box-shadow: 0px 0px 0px 5px #603813;
border: solid 1px #FFF;
}

.btn-double a{
color:#fff;
}

.btn-double:hover {
border: solid 1px #FFF;
}


.btn-single {
display: inline-block;
padding: 0.1em 2em;
text-decoration: none;
background: #603813;
color: #FFF!important;
border-radius: 50px;
box-shadow: 0px 0px 0px 5px #603813;
/*border: solid 1px #FFF;*/
}

.btn-single a{
color:#fff;
}

.btn-single:hover {
opacity: 0.8;
}


.btn-cart {
display: inline-block;
padding: 0.1em 3em;
text-decoration: none;
background: #E4731E;
color: #FFF!important;
border-radius: 50px;
box-shadow: 0px 0px 0px 5px #E4731E;
margin-bottom: 2em;	
/*border: solid 1px #FFF;*/
}

.btn-cart a{
color:#fff;
}

.btn-cart:hover {
opacity: 0.8;
}


.btn-zaiko {
display: inline-block;
padding: 0.1em 2em;
text-decoration: none;
background: #fff;
color:#E4731E;
border-radius: 3px;
/*box-shadow: 0px 0px 0px 5px #E4731E;*/
border: solid 1px #E4731E;
margin-bottom: 3em;		
}

.btn-zaiko a{
color:#E4731E;
display: block;
margin:0 auto;
}

.btn-zaiko:hover {
opacity: 0.8;
}	



.copy_caution{
color: #ff0000;
font-size: 20px;
font-weight: bold;
}	



.copy_order{
color: #ff0000;
font-size: 26px;
font-weight: bold;	
margin-bottom: 1em;	
}




.en_word{
color: #fff;
background-color: #603813;
width: 26px;
height: 26px;
display: inline-block;
text-align: center;
vertical-align: middle;
}


.copy_price	{
font-size: 30px;
font-weight: bold;
display: inline-block;	
}




.btn-title {
display: inline-block;
padding: 1em 0;
text-decoration: none;
background: #603813;
color: #fff;
border-radius: 3px;
/* box-shadow: 0px 0px 0px 5px #E4731E; */
border: solid 1px #603813;
margin-bottom: 1em;
width: 90%;
font-size: 14px;
text-align: center;	
}

.btn-title a{
color: #fff;
font-size: 14px;	
}

.btn-title	span{
font-size: 20px;
font-weight: bold;
}


.btn-site {
width:90%;	
display: inline-block;
padding: 1em 0;
text-decoration: none;
background: #603813;
color:#fff;
border-radius: 3px;
/*box-shadow: 0px 0px 0px 5px #E4731E;*/
border: solid 1px #603813;
}

.btn-site a{
color: #fff;
font-size: 14px;	
}


.item-img-005 {
width:100%;	
margin: 0 auto;
}

.item-img-005 img{
width:100%;
display:block;
margin:0 auto;
} 	



.item-img-005 img {
display: block;
width:100%;
list-style: none;
margin:0 auto;	

}




.foot_text01{
width: 100%; 
color:#000000;
margin:0 auto; 
text-align: center;
}



.foot_text01 p{
text-align: center;
line-height: 180%;	
}	


.company_name{
font-size: 20px;
color:#603813;
font-weight: bold;	
}	









@media screen and (min-width:768px) and ( max-width:979px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/
.copy_text03 {
width: 40%;
margin: 0 auto;
color: #000000;
font-size: 15px;
text-align: left;
line-height: 170%;
}	


.copy_text04 {
width: 40%;
margin: 0 auto;
color: #000000;
font-size: 16px;
text-align: center;
line-height: 170%;
font-family: "UD Shin Go Conde90 L";
margin-bottom:4em;	
}		


.copy_text02 {
width: 88%;
margin: 0 auto;
color: #000000;
font-size: 15px;
text-align: center;
line-height: 170%;
}


	
	

	


}



}