@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/********************************/
/* リセット　*/
/********************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}

body{font-family:'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;font-weight: 500;-webkit-text-size-adjust:100%;overflow-x: hidden; line-height:1.8;font-size:16px;background:#fff4d6;}
a{color: #0066ff;text-decoration: none;}
a:hover, .active{text-decoration: underline;}
a:active, a:focus,input:active, input:focus{outline:0;}

.pc { display: block !important; }
.sp { display: none !important;}
/********************************/
/* ヘッダー　*/
/********************************/
header{width:100%;text-align: center}
h1{max-width:512px;height:auto;padding: 10px 0; margin:0 auto; text-align:center;}
.hnavi ul{display:flex; flex-wrap: wrap;width:100%; background:#ba2115; }
.hnavi ul li{ width:20%; margin:0; text-align:center; font-size: 18px;}
.hnavi a{display:block;padding:10px;color: #fff;}
.hnavi a:hover{ opacity:0.8;}

h2.toph2{background:#ba2115; text-align:center;margin: 0px auto 20px;font-size:24px;color:#fff;padding:10px 0;}

/********************************/
/* フッター　*/
/********************************/
footer{clear: both;padding:0px 0 40px;background-color: #ba2115;}
footer p{text-align: center;font-size: 18px;color:#fff;padding:40px 10px 0;}


/********************************/
/* 共通ページ　*/
/********************************/
img{max-width: 100%;height: auto;vertical-align:top;}
#wrapper{width:100%;margin:0 auto;background:#fff4d6;}
.inbox{width: 50%;font-size:16px;margin: 0 auto;padding-bottom: 40px;text-align:left;}
.inbox h2{ border-top: 1px solid;border-bottom: 1px solid;display: inline-block;margin: 40px auto 20px;font-size:24px;color:#ba2115;padding:10px 0;}
.inbox h3{text-align:left;margin: 0 auto;font-size:21px;color:#000;padding:20px 0 0px;}
.inbox p{font-size:16px;padding:20px 0;color: #333;text-align:left;}
.inbox ul{width:95%; margin:0 auto;text-align: left;}
.inbox ul li{font-size:16px; list-style:disc;margin-left: 20px;}
.inbox ul.ulno li{font-size:16px; list-style: decimal-leading-zero;margin-left: 20px;}
.red{ color:#DB1D1D;}
.imgsize{width:98%; height:auto; text-align:center; margin:0 auto; padding:0;}
/********************************/
/* レスポンシブ　*/
/********************************/
@media only screen and (max-width: 1024px) {
.inbox{width: 80%;}
}

@media only screen and (max-width: 848px) {
.inbox p {font-size: 18px;}
.inbox ul li{font-size:19px;}
.inbox h2 {font-size:22px;}
.inbox h3{font-size:20px;}
.inbox dl dt, .innerS dl dd{font-size: 16px;}
footer{padding:0px 0 20px;}
footer p{font-size: 16px; padding:20px 0 0;}
}

@media only screen and (max-width: 605px) {
.inbox{width: 90%;}
.fnavi ul li{font-size: 14px;}
header h1 img{max-width:none; width:90%;height:auto;padding: 10px 0;}
}

@media only screen and (max-width: 485px) {
.pc { display: none !important; }
.sp { display: block !important;}
header{ width:100%; margin:0 auto; padding:0; background:#ba2115;}
header h1{ font-size:21px; text-align:left; color:#fff; font-weight:bold; padding:15px 10px;}
.tit{width:30%;height:auto;padding: 10px 0; margin:0 auto; text-align:center;}
.fnavi ul li{ width:100%; margin:0; font-size: 16px; text-align:left; padding:8px 0; border-bottom:1px solid #ea3228;}
.inbox{width: 90%;}
.inbox p {font-size: 14px;padding: 10px 0;}
.inbox ul li{font-size:15px;}
.inbox h2 {margin-top: 20px; font-size:18px; margin-bottom:15px;}
.inbox h3{font-size:16px;padding:15px 0;}
footer{clear: both;padding:0px;}
footer p{font-size: 14px; padding:20px 0;}
.fnavi ul{display:flex; flex-wrap: wrap;width:100%; background:#ba2115; }
.fnavi a{display:block;padding:10px;color: #fff;}
.fnavi a:hover{background:#ea3228;}
.imgsize {    width: 100%;}

h2.toph2{font-size:18px;}
.menu-btn {
    position: fixed;
    top: 10px;
    right: 10px;
    display: flex;
    height: 50px;
    width: 50px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #ba2115;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
#menu-btn-check {
    display: none;
}

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #ba2115;
    transition: all 0.5s;/*アニメーション設定*/
	opacity:0.9;
}
.menu-content ul {
    padding: 70px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}
#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}
}