@charset "UTF-8";
html,body {width:100%; height:100%;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
.picover img {width:100%}
.wf-noto { font-family: "Noto Sans JP"; }
.wf-sawarag { font-family: "Sawarabi Gothic"; }
.wf-sawaram { font-family: "Sawarabi Mincho"; }
.wf-kokoro { font-family: "Kokoro"; }
.wf-hannari { font-family: "Hannari"; }
.def {width:100%; height:40px; background-color:green; }
.cr p {color:white; font-size:x-small}
footer a { text-decoration:none}
.blank {height:70px}
.fixed {
position: fixed;
top: 0;
z-index: 1;
}
.nav {width:100%}
.nav-box0 {width:100%}
.nav-box { height: 40px; width:100%;}
.nav a { text-decoration:none}
.nav-box p{color:green}
.nav-box0:hover {background-color: green;}
.nav-box:hover p{ color:white}
.border1 {width:98%; border-top:solid green 0.5px }
.border2 {width:98%; border-top:solid green 0.5px; border-bottom:solid tan 0.5px}
.border3 {width:98%; border-bottom:solid green 0.5px}
.under {background: linear-gradient(transparent 70%, green 70%);}
.row {
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
display: -ms-flexbox; /* IE10 */
display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
display: -webkit-flex; /* Safari6.1以降 */
-ms-flex-direction: row; /*IE10*/
-webkit-box-direction: row; /* Android4.3以下、Safari3.1〜6.0 */
-webkit-flex-direction: row; /* Safari6.1以降 */
flex-direction:row;
webkit-flex-direction:row;
-ms-flex-pack: justify; /*IE10*/
-webkit-box-pack: justify; /* Android4.3以下、Safari3.1〜6.0 */
-webkit-justify-content: cener; /* Safari6.1以降 */
-ms-flex-align: center; /*IE10*/
-webkit-box-align: center; /* Android4.3以下、Safari3.1〜6.0 */
-webkit-align-items: center; /* Safari6.1以降 */
}
.container-body {
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
display: -ms-flexbox; /* IE10 */
display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
display: -webkit-flex; /* Safari6.1以降 */
-ms-flex-direction: row; /*IE10*/
-webkit-box-direction: row; /* Android4.3以下、Safari3.1〜6.0 */
-webkit-flex-direction: row; /* Safari6.1以降 */
flex-direction:row;
webkit-flex-direction:row;
-ms-flex-pack: justify; /*IE10*/
-webkit-box-pack: justify; /* Android4.3以下、Safari3.1〜6.0 */
-webkit-justify-content: cener; /* Safari6.1以降 */
-ms-flex-align: center; /*IE10*/
-webkit-box-align: center; /* Android4.3以下、Safari3.1〜6.0 */
-webkit-align-items: center; /* Safari6.1以降 */}
.container-center {width:90%}
.container-side {width:5%;}
.column {display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
display: -ms-flexbox; /* IE10 */
display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
display: -webkit-flex; /* Safari6.1以降 */
flex-direction:column;webkit-flex-direction:column;
-ms-flex-direction: column; /*IE10*/
-webkit-box-direction: column; /* Android4.3以下、Safari3.1〜6.0 */
-webkit-flex-direction: column; /* Safari6.1以降 */
-ms-flex-pack: justify; /*IE10*/
-webkit-box-pack: justify; /* Android4.3以下、Safari3.1〜6.0 */
-webkit-justify-content: cener; /* Safari6.1以降 */
-ms-flex-align: center; /*IE10*/
-webkit-box-align: center; /* Android4.3以下、Safari3.1〜6.0 */
-webkit-align-items: center; /* Safari6.1以降 */}
.head1 {height:5%}
.head2 {height:45%; border:solid black 0.5px; width:270px;padding:20px 0 20px 0}
.head3 {height:50%}
h1 {font-size:10px}
.mg {margin:20px 0 20px 0}
.shadow img {box-shadow:5px 5px 10px gray;}
.cr p {color:white; font-size:x-small}
footer a { text-decoration:none}
span {font-size:x-large}
.linkbox p {border:solid black 0.5px; width:270px;padding:20px 10px 20px 10px}
/*ボタンホバー時*/
.hidden_box label:hover {
background: #efefef;
}
/*チェックは見えなくする*/
.hidden_box input {
display: none;
}
/*中身を非表示にしておく*/
.hidden_box .hidden_show_MobileMenu {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
}
/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show_MobileMenu {
padding: 10px 0;
height: auto;
opacity: 1;
}
.cr p {color:white; font-size:x-small}
footer a { text-decoration:none}