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