@charset "utf-8";

/* CSS Document */
/* @import url("reset.css"); */

/* clearfix常駐 */
    div:after,
    ul:after {
    content: "";
    display: block;
    clear: both;
}

/*全デバイス共通設定スタイル*/
*, *:before, *:after {
    box-sizing: border-box;
}
body {
	width: 100%;
    min-width: 500px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: #000;
	color: #FFF;
//    background-image:url(../image/IMG_0021.JPG);
//    -webkit-background-repeat: repeat-y;
//    -moz-background-repeat: repeat-y;
//    background-repeat: repeat;
//    -webkit-background-position: top center;
//    -moz-background-position: top center;
//    background-position: top center;
//    background-size:contain;
//    background-repeat: no-repeat;
//    background-size: 100% auto;
}
body a {
    text-decoration: none;    
}
.video-wrap {
  position: fixed; right: 0; bottom: 0;
  min-width: 100%; min-height: 100%;
  width: auto; height: auto; z-index: -100;
}
header h1 {
    font-size: 11vw;
    margin-top: 2%;
}
header {
    text-align:center;
	color:coral;
    padding-top: 1%;
    text-shadow: 
        0 0 25px #edf8ff,
        0 0 20px #edf8ff,
        0 0 0.40px #edf8ff;
    padding-bottom:50%;
    margin-bottom: 0.2em;
}
.air {
    text-align: center;
    color: #FFFFFF;
    text-shadow: 2px 2px 0 #000,
             -2px 2px 0 #000,
             2px -2px 0 #000,
             -2px -2px 0 #000;
}
#flexcons {
//    width: 100%;
    display: flex;
    padding-top: 1%;
//    background-image:url(../image/Brick01-p.jpg);
//    background-repeat: repeat;
}
.console {
    width: 50%;
    color: #000000; 
    background-color: #3cb371;
}
.console a{
//    display: block;
    color:blue;    
}
.console p {
    float:left;
}
#navi {
    font-size: 3vw
}
#navi ul li {
    transition: all 0.5s;
//	border-right: 2px solid #fff;
    width:24.9%;
	float:left;
}
#navi ul li a {
    text-decoration: none;
    display: block;
//    padding-top: 20px;
	text-align: center;
    color: #fff;
}
#navi img {
    width: 100%;
    height: 50px;
    margin-top: 3px;
}
#panlist a {
    color:blue;
}
#contentmain {
	width: 100%;
	margin: 0 auto;
//	background-color: whitesmoke;
    color: #000;
	padding: 1%;
}
#sidenav {
    width: 15%;
    text-align: center;
}
#menuList li a {
    width: 100%;
}
#content {
    width: 84%;
}
.side_btn{
display: inline-block;
min-height: 45px;
padding: 0.7em 1em;
text-decoration: none;
background: #f7f7f7;
border-left: solid 6px #87ceeb;/*左線*/ color: #0000ff;/*文字色*/ font-weight: bold;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
margin-bottom: 5%;
}
.side_btn:active {
box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
transform: translateY(2px);
}
#reset {
display: inline-block;
width: 100%;
padding: 0.5em 1em;
text-decoration: none;
background: #f7f7f7;
border-left: solid 6px #87ceeb;/*左線*/ color: #0000ff;/*文字色*/ font-weight: bold;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
margin-bottom: 2%;
}
.index {
    text-align: center;
    color: #FFFFFF;
    text-shadow: 2px 2px 0 #000,
             -2px 2px 0 #000,
             2px -2px 0 #000,
             -2px -2px 0 #000;
    margin: 0.5em auto;
}
.topms {
    display:block;
    text-align: center;
    background-color:cornsilk;
    background: -webkit-radial-gradient(#E4A972, #FFFFFF);
    background: radial-gradient(#E4A972, #FFFFFF);
    padding: 0.5%;
}
.flexbox {
    width: 100%;
    display: flex;
//    align-items: center;
    justify-content:space-between;
}
//.flexbox2 {
//    width: 100%;
//}
//.flexbox3 {
//    width: 33%;
//}
.flexboxnotcenter {
    display: flex;
    justify-content:space-between;
}
.flexsitemenu {
    width: 100%;
    display: flex;
    margin: 2% 0;
}
.center {
    text-align: center;
}
.LR50 {
    width:49%;
}
.rightside {
    display: block;
    text-align: right;
}
.640pxselect {
    max-width: 640px;
}
//.backgroundW {
//    background-color: white;
//}

.backgroundW {
    background-color:cornsilk;
    background: -webkit-radial-gradient(#E4A972, #FFFFFF);
    background: radial-gradient(#E4A972, #FFFFFF);
    padding: 0.5%;
    margin-bottom: 3%;
}
.dataW {
    color: #000000;
}
.backgroundB {
    background: -webkit-radial-gradient(#00bfff, #000000);
    background: radial-gradient(#00bfff, #000000);
    padding: 0.5%;
    margin-bottom: 3%;
}
.backgroundBL {
    background: -webkit-radial-gradient(#000000, #0000FF);
    background: radial-gradient(#000000, #0000FF);
    padding: 0.5%;
    margin-bottom: 3%;
    border: solid 3px #FFF;/*線*/
    border-radius: 10px;/*角の丸み*/
}

.data {
    overflow:auto;
    padding-top: 1%;
    color: #FFFFFF;
    word-break: break-all;
    text-shadow: 1px 1px 0 #000,
             -1px 1px 0 #000,
             1px -1px 0 #000,
             -1px -1px 0 #000;
}
.data a {
    color:bisque;
}
.dataBL {
    overflow:auto;
    padding-top: 1%;
    color: #FFFFFF;
    word-break: break-all;
    text-shadow: 1px 1px 0 #000,
             -1px 1px 0 #000,
             1px -1px 0 #000,
             -1px -1px 0 #000;
}
.dataBL a {
    color:bisque;
}

.dell {
    text-decoration: line-through;
    color: coral;
}
.red {
    color: coral;
}
.blu {
    color:blue;
}
.underl {
    text-decoration-line: underline;
}

#sitemap {
    background-color:floralwhite;
    background: -webkit-radial-gradient(#F2B9A1, #EA6264);
    background: radial-gradient(#F2B9A1, #EA6264);
    padding: 1%;
}

.f-info{
     color: #FFFFFF;
}
footer {
    height: auto;
    padding: 0.5% 0 0.5% 0;
	margin: 1% 0 1% 0;
	background-color: aqua;
    color: #000;
}
.mailbox {
    max-width: 900px;
    display:block;
    text-align: center;
    margin: 0 auto;
    background-color:cornsilk;
    background: -webkit-radial-gradient(#E4A972, #FFFFFF);
    background: radial-gradient(#E4A972, #FFFFFF);
    padding: 0.5%;
}

form#mailform {
	padding: 5px;
}
table.mailform {
	width: 100%;
	box-sizing: border-box;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	border-bottom: solid 1px #999;
	padding: 7px 5px 7px 5px;
	box-sizing: border-box;
}
table.mailform tr th {
//	width: 50px;
    vertical-align: middle;
}
table.mailform tr th span {
	color: #C00;
	font-size: 10px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999;
}
table.mailform tr td textarea {
	max-width: 100%;
	width: 100%;
	height: 120px;
	box-sizing: border-box;
}


/* ------------------------------
   CHAPTER ELEMENTS
------------------------------ */
#fixedTop {
	padding: 15px 20px;
	right: 10px;
	bottom: 10px;
	color: #fff;
	text-align: center;
	display: block;
	background: #000;
	position: fixed;
	z-index: 99;
}


/* ------------------------------
   DESIGN/LAYOUT ELEMENTS-Loop
------------------------------ */
#wrappersid {
	margin: 0 auto;
	padding: 2% 0;
	width: 100%;
	text-align: left;
}

/* ------------------------------
   CHAPTER ELEMENTS
------------------------------ */
.loopSliderWrapsid {
	top: 0;
	left: 0;
	height: 100px;
	overflow: hidden;
	position: absolute;
}

.loopSlidersid {
	margin: 0 auto;
	width: 90%;
	height: 80px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.loopSlidersid ul {
	height: 80px;
	float: left;
	overflow: hidden;
}

.loopSlidersid ul li {
	width: 100px;
	height: 80px;
	float: left;
	display: inline;
	overflow: hidden;
}

//アコーディオン制御
#acMenu dt{
  display:block;
//  width:200px;
//  height:50px;
  line-height:150%;
//  text-align:center;
//  border:#5bc0de 1px solid;
  cursor:pointer;
 }
#acMenu dt p {
    padding: 15px 0;
}

#acMenu dd{
//  background:#d9534f;
//  width:200px;
//  height:50px;
  line-height:140%;
    padding-left: 3%;
//  text-align:center;
//  border:#5bc0de 1px solid;
  display:none;
}

.em2 {
    font-size: 2em;
}
.em50 {
    font-size: 5.0em;
}
.em30 {
    font-size: 3.0em;
}
.em20 {
    font-size: 2.0em;
}
.em18 {
    font-size: 1.8em;
}
.em16 {
    font-size: 1.6em;
}
.em14 {
    font-size: 1.4em;
}
.em12 {
    font-size: 1.2em;    
}
.em1 {
    font-size: 1em;    
}
.em07 {
    font-size: 0.7em;    
}


/* MediaQuerie */
@media only screen and (max-width: 4000px) {
body {
    font-size: 1.1vw;
    }
header{
    padding-bottom:10%;        
    }
.air {
    font-size: 3vw;    
}
h3 , h4 {
    font-size: 1.5vw;    
}
}
@media only screen and (max-width: 2000px) {
body {
    font-size: 1.3vw;
    }
header{
    padding-bottom:10%;        
    }
.air {
    font-size: 3.5vw;    
}
h3 , h4 {
    font-size: 1.8vw;    
}
}
@media only screen and (max-width: 1500px) {
body {
    font-size: 1.7vw;
    }
header{
    padding-bottom:10%;        
    }
.air {
    font-size: 4vw;    
    }
h3 , h4 {
    font-size: 2.1vw;    
}

}

@media only screen and (max-width: 1300px) {
body {
    font-size: 2.1vw;
    }
header{
    padding-bottom:20%;        
    }

.air {
    font-size: 4.5vw;    
}
h3 , h4 {
    font-size: 2.4vw;    
}

}
@media only screen and (max-width: 1100px) {
body {
    font-size: 2.4vw;
    }
header{
    padding-bottom:25%;
    }
.air {
    font-size: 5vw;    
}
h3 , h4 {
    font-size: 2.7vw;    
}

}

@media only screen and (max-width: 900px) {
body {
    font-size: 2.7vw;
//    background-repeat: repeat;
//    background-size: 100%;
    }
header{
    padding-bottom:30%;        
    }
.air {
    font-size: 6vw;    
}
h3 , h4 {
    font-size: 3vw;    
}

}
@media only screen and (max-width: 700px) {
body {
    font-size: 3vw;
    }
header{
    padding-bottom:35%;        
    }
.air {
    font-size: 6.5vw;    
}
h3 , h4 {
    font-size: 3.3vw;    
}
.side_btn{
padding: 1em 1em;
margin-bottom: 3%;
}

}
@media only screen and (max-width: 600px) {
body {
    font-size: 3.3vw;
    }
header{
    padding-bottom:45%;        
    }
.air {
    font-size: 7vw;    
}
h3 , h4 {
    font-size: 3.6vw;    
}
}