@import url("style.css");








@media print,screen and (min-width: 980px) {






img {
height:auto;
border:none;
-webkit-backface-visibility: hidden;image-rendering: auto;/****CHROME縮小画像ぼやけ対策****/
}


/*****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;}
.sp9em{height:9em;}
.sp10em{height:10em;}

.clear{clear:both;}



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


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



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

/*---border---*/


.uli01 li {
line-height: 160%; /*文の行高*/
padding: 0.5em 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; 
}


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

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



.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;}


/*------footer aタグのpadding----*/
.text02 a{line-height:180%;color:#000;font-size:15px;padding:2em;}
.text02 a:link {color:#000;}
.text02 a:visited{color:#000;}
.text02 a:hover{color:#000;text-decoration:none;}


.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;}







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


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


.foot_bg{
padding:1em 1em 1em 1em;
vertical-align: middle;
width: 100%;
}


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


.nonavy_bg_top{
background-color: #FFF;
padding: 0em;
width: 100%;
max-width: 1100px;
margin: 0 auto;
}



.nonavy_bg{
background-color:#FFF;
padding:0em;
width:100%;
max-width:1100px;
margin:0 auto;
}

.pc_sp4em{height:4em;}	
.pc_sp2em{height:2em;}
.pc_sp1em{height:1em;}


.sp_sp4em{display:none;}	
.sp_sp2em{display:none;}	
.sp_sp1em{display:none;}	


.br_pc{
display:none;

}
.br_sp{
display:none;

}	


/*******OTHER TEXT********/
h1{
font-size:1.3em;
color:#000;
font-weight:bold;
display:none;
}


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

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



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

.foot_ttl{color:#FFF;font-size:1.3em;text-align: center;}
.foot_wh{color:#FFF;text-align: center;}


.copy{font-size:13px;text-align:center;margin:3em 0 0 0;}
.eng_ruby{font-size:14px;color:#1F66B2;text-align: center;margin:0.5em;}



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

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



.tex18{font-size:18px}


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



/*----header---*/
#header {
width:100%;
/*max-width:1300px;*/
/*background-color:rgba(250,250,250,0.5);*/
height:60px;
left: 0;
right: 0;
margin: 0 auto;
position: fixed;
background-color: #000000;
z-index: 4000;
text-align: center;
/*padding:1em;*/
}

.head_logo{display:block;float:left;margin:0 0 0 0;position: absolute;top: 0;width:50px;z-index: 6000;}

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

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



.head_border_top{
top:0;
left:0;
width:100%;
position:absolute;
border-top: 10px solid #00185B; 
z-index:101;
}

.head_border_bottom{
bottom:0;
left:0;
width:100%;
position:absolute;
border-bottom: 10px solid rgba(250,250,250,0.5); 
z-index:100;
}



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

/*---hamberger---*/

#hamburger{display:none; }


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


/*----header---*/

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


/*footer menuのaタグの幅----*/
.menunav a {
max-width: 100px;
display:inline;

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

}

/* 以下マウスを載せたときのスタイル */
.menunav a:hover, .menunav a.active { background-color: #fff;
color:#009c84; }












/*----gmap ----*/
.gmap {
max-width: 1200px;
width: 100%;
height: 500px;
position: relative;
margin: 0 auto;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/*----gmap ----*/


/*---btn---*/
.inline_btn{display:inline-block;width:100%;max-width:180px;}



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

.text01 p{
font-family:  "M PLUS Rounded 1c";
font-size: 20px;
color: #fff;
margin: 5% 0 0 10%;
}
.btn:hover {
opacity: 1.0;
cursor: pointer;
cursor: hand;
}


/*---news---*/

.news{
/*border: solid 5px #DDD;*/
max-width:1100px;
width: 100%;
height: 400px;
padding:0.5em 1em 0.5em 1em;
overflow: auto;
margin:0 auto;
/*border:#3EA8F4 solid 1px;*/
}





/*----#page---*/

#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;
}



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

table.table-0 th {
padding: 1em 0px 1em 0px;
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:1rem;
width:20%;
}
table.table-0 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;*/
}


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:middle;
background-color:#FFF;
word-break : break-all;
/*font-size:12px;*/
}


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;*/
}




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

table.table-form th {
padding: 1.7em 0px 1.7em 0px;
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:1.2rem;
width:30%;
}
table.table-form 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;*/
}




table.table_footer {
width:25%;
/*border: 1px #009B83 solid;*/
text-align: center;
/*border-collapse: separate; border-spacing: 10px; 
background-color:#FFF;*/
}

table.table_footer th {
padding: 1em 0px 1em 0px;
/* border: 1px #003366 solid;
border-width: 0 0px 1px 0px;*/
line-height:180%;
text-align:center;
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_footer td {
padding: 1em 0px 1em 0px;
/* border: 1px #CCC solid;
border-width: 0 0px 1px 0px;*/
line-height:180%;
text-align:center;
vertical-align:middle;
word-break : break-all;
/*font-size:12px;*/
}





/*フォーム関係*/

input,select{
border:solid 1px #CCC;
background-color:#FFFFFF;
color:#333333;
padding:0.5em;
margin:0.5em;
height: 2.5em;
}

textarea{
border:solid 1px #CCC;
background-color:#FFFFFF;
color:#333333;
padding:0.5em;
margin:0.5em;
}

	
input#submit {
border:none;
}	
	

input#submit_button {
width: 18%;
cursor: pointer;
}
input#reset_button{
width:18%;
cursor: pointer;
}
	
	
.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;
}
	



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

.trim img{
/* 画像を上下左右に中央配置する（絶対指定） */
position: absolute;
top: 40%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);

}


.spheight{padding-top:55%;}




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

.fab {
display:inline-block;
width: 52px;
height: 52px;
border-radius: 50%;
text-align: center;
color: white;
margin: 1em 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: 52px;
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.5em;
}

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

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

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

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

.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);
}



#link01 {
margin-top: -110px;
padding-top: 110px;
}

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

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



.pc_br {
display: block;
}


.sp_br {
display: none;
}


/*---slidebox----*/
.slide_box {
background-color: #fff;
padding:1em 1em 1em 1em;
margin:1em;
height:300px;
box-shadow: 1px 5px 7px rgba(0,0,0,0.4);
}


    


/*---listbox---*/
.listbox01_1 {
max-width: 300px;
width: 100%;
margin-left: 50px;
margin-right: 50px;
}

.listbox01_2 {
max-width: 300px;
width: 100%;
margin-left: 50px;
margin-right: 50px;
}


.list01_sm {
display: none;
}

/*---listbox---*/

/*---mobile---*/
.mbile_sihisetsu {
display: none;

}
/*---mobile---*/


.not_br {
display: none;
}



.line02 {
border-bottom: 10px 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---*/
.main_title {
max-width: 1200px;
height: auto;
margin: 0 auto;
}

.main_title img{
max-width: 500px;
width: 100%;
}

.main_title p{
text-align: center;
}




.video_box {
/*max-width: 1000px;*/
width: 100%;
height: auto;
margin: 0 auto;}





.menunav img{
width:  10%;
/*border-right: solid #000 1px;*/
}



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





.list01_sm {
display: none;
}	

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




.inner_box01{
width:100%;
margin:0 auto;
text-align:center;
padding:100px 0% 0 0%;
}

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





.ttl_gr{font-size:30px;color:#009C84;border-bottom: solid 8px #009C84;padding:10px 0px 10px 10px;font-weight:200;text-align: center;}




.textbox01{
font-size:16px;
text-align: left;
line-height: 160%;
/*font-family: "Sawarabi Mincho";*/
}


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;

}
*/


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; 
}

.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%);
}




.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: 20px;
left:  25px;
width: 35px;
height: 22px;
z-index: 10;
}

.inmenu span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
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.5em;
transition: all 0.2s ease-in-out;
text-align: left;
text-decoration: none;
color: #FFF;
list-style-type: none;
}
#nav ul li a:hover {
color: #f65d5d;
}






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

/*ラベル*/
.accbox label {
padding : 0.5em;
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: #222;

}


#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 #007EA8 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
}


	
	
input[type="radio"],input[type="checkbox"]{
vertical-align:middle;
}	

.locked {
overflow-y: hidden;
}





#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:5%;
right:0;
background-color: #000000;	
padding-top:1em;
}


#dropmenu img{
width: 26%;
}

#dropmenu li {
position: relative;
width: 14%;
float: left;
margin: 0;
padding: 0;
text-align: center;

border-left:#000000 solid 1px;

}

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

#dropmenu li a {
display: block;
margin: 0 auto;
padding: 0.5em 0;
background: #FFF;
color:#FFFFFF;
font-size: 0.85em;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-align: center;
background-color: #000000;	


}
#dropmenu li ul {
list-style: none;
position: absolute;
z-index: 100;
top: 100%;
left: 0;
width: 100%;
margin: 0;
padding: 0;
background-color: #000000;	
}
#dropmenu li ul li {
overflow: hidden;
width: 100%;
height: 0;
color:#000000;
transition: .2s;  
}
#dropmenu li ul li a {
padding: 1em 0.5em 1.5em 0.5em;
line-height:150%;
background-color:#000000;
text-align: left;
font-size: 0.85em;
font-weight: normal;
}
#dropmenu > li:hover > a {  background: #666 }
#dropmenu > li:hover li:hover > a {  background: #999 }
#dropmenu > li:hover > ul > li {
overflow: visible;
height: 53px;
background: #000000;
}
#dropmenu li ul li ul {
top: 0;
left: 100%;
}
#dropmenu li:last-child ul li ul {
left: -100%;
width: 100%;
}
#dropmenu li ul li ul:before {
position: absolute;
content: "";
top: 13px;
left: -20px;
width: 0;
height: 0;
/*border: 5px solid transparent;
border-left-color: #539214;*/
}
#dropmenu li:last-child ul li ul:before {
position: absolute;
content: "";
top: 13px;
left: 200%;
margin-left: -20px;
/*border: 5px solid transparent;
border-right-color: #539214;*/
}
#dropmenu li ul li:hover > ul > li {
overflow: visible;
height: 55px;
background: #62AB18;
}
#dropmenu li ul li ul li a {  background: #EEE;}
#dropmenu li:hover ul li ul li a:hover {  background: #CCC;  }




.section{
margin:0;
padding: 0;

}




/*-----姫島車エビ------*/

.top_main{
height: auto;	
width: 100%;
/*max-width:1300px;*/
background-size: 100%;
background-position: center;
background-repeat: no-repeat;	
}


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


.item-img-005 {
margin: 0 auto;
text-align: center;	
}


.item-img-005 img {
width:100%;
height: auto;/* トリミングしたい枠の高さ */
/*height: 120px;*/
/*margin:1.5em;*/
margin:0 auto;
list-style: none;
}

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

	
	

	


.copy_text01 {
/*width: 100%;*/
/*max-width:1100px;*/
margin:0 auto;
color: #000000;
font-size: 17px;
text-align: left;
line-height: 180%;
font-family: "UD Shin Go Conde90 L";
display: inline-block;
}

.copy_text02 {
width: 100%;
/*max-width:1100px;*/
margin:0 auto;
color: #000000;
font-size: 20px;
text-align: center;
line-height: 200%;
}

.copy_text02 .tex000 {
	text-align: left;
	display: inline-block;
}

.copy_text03 {
width: 100%;
/*max-width:1100px;*/
margin:0 auto;
color: #000000;
font-size: 15px;
text-align: right;
line-height: 200%;
}	


.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";
}		



.copy_text05 {
width: 88%;
margin: 0 auto;
color: #000000;
font-size: 16px;
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: 1em 6em;
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;
font-size: 18px;	
}

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


.btn-single {
display: inline-block;
padding: 1em 6em;
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: 30px;
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: 2em 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: 100%;
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:100%;	
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;	
}



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



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


.foot_text01 p{
text-align: center;
line-height: 200%;
}
	
.foot_bg011{
padding-bottom:30px;
position:relative;
margin:0 auto;	
}




	




/****ウィンドウ幅が最大767pxまでの場合に適用【PRO用】****/
@media screen and (min-width:769px) and ( max-width:1024px) {


.top_main{
height: 86vh;
width: 100%;
/* max-width: 1300px; */
background-size: 100%;
background-position: center;
background-repeat: no-repeat;	
}

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

	}






}