@charset "UTF-8"; .footer ul {font-size:small} .footer li {font-size:small} .nav ol .flex .navitem li ul li a{font-size:20px } .navitem li h2 {font-size:14px; } ol { list-style:none;} ol li a {text-decoration:none; font-size:13px;} .large {font-size:xx-large;} .menubox { width:90vw; height:50px; border: solid black 1px; } .navitem {width:280px; border-radius: 7px; border:solid black 1px; margin:10px 0; padding:10px; } main ol {font-size:x-large;} header h2 {font-size:smaller} header p {font-size:smaller} .ver90 p {font-size:x-large;} .ver91 {margin:0 20px} header h2 {font-size:20px;} .nav {margin-left:-40px;} .menubox {margin:10px; width:310px} .footer {margin-top:20px;} .footerbox {width:300px} /*@media screen and (max-width: 650px) {*/ .topimg {width:300px; height:auto; /*margin:10px;*/ } .row {display:inline!important;} /* .main { width:90vw; } */ @media screen and (min-width: 651px) { .topimg {width:540px; } body { width:100%; height:100%; 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以降 */ } .main { width:1050px; } } .flex { 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以降 */ } .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以降 */} .gl-Nav h1 { text-align:center; font-size:12px; margin:0; } header h2 { text-align:center; margin:0;} header p { margin:0; text-align:center;} .hidden_box label p{ text-align:center;} .hidden_show_MobileMenu li h2 {text-align:left;} li {font-size:16px; } .hidden_show_MobileMenu { margin-left:20px; margin-right:10px; font-size:16px; font-size-adjust:16px; -webkit-font-size-adjust:16px; } input {border:solid black 1px;} textarea{border:solid black 1px;} address {font-size:12px} /*ボタンホバー時*/ .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; } article {width:100vw; padding:5vw; margin:10px 0;} article section {width:70vw; border-radius: 10px; padding: 10px 20px 30px 20px; margin:10px 0; font-size:16px; font-size-adjust:16px; -webkit-font-size-adjust:16px;} body {background-color:white} .art0 { font-family: "Noto Sans JP"; background-color: #fcf5e7} .sec0 { font-family: "Noto Sans JP"; background-color: #fcf5e7} .sec1{ font-family: "Hannari"; background-color:#d1c6af } .sec2 { font-family: "Kokoro"; background-color:#d1c6af} .sec3 { font-family: "Sawarabi Mincho"; background-color: #d1c6af; } .art10 { font-family: "Noto Sans JP"; background-color: #fcf5e7 } .sec10 { font-family: "Noto Sans JP"; background-color: #fcf5e7 } .sec11{ font-family: "Hannari"; background-color:#d1c6af} .sec12 { font-family: "Kokoro"; background-color: #d1c6af } .sec13 { font-family: "Sawarabi Mincho"; background-color: #d1c6af ; } .art20 { font-family: "Noto Sans JP"; background-color: #fcf5e7 } .sec20 { font-family: "Noto Sans JP"; background-color: #fcf5e7 } .sec21{ font-family: "Hannari"; background-color: #fce18c } .sec22 { font-family: "Kokoro"; background-color: #fce18c } .sec23 { font-family: "Sawarabi Mincho"; background-color: #fce18c ; } .sec24 { font-family: "Noto Sans JP"; background-color: #fce18c ; } .sec29 { font-family: "Noto Sans JP"; background-color: #fff46f ; } .art30 { font-family: "Noto Sans JP"; background-color: #ff4f4f } .sec31{ font-family: "Hannari"; background-color: #ff4f97 } .sec32 { font-family: "Kokoro"; background-color: #ff9a68 } .sec33 { font-family: "Sawarabi Mincho"; background-color: #ffcf68 ; }