/* ヘッダー */
.area_header img {
	width: 100%;
	height: auto;
}
.area_headcont {
	max-width: 1200px;
	margin: 0 auto;
}
.box_headcont {
	width:100%;
	display: flex;
}
.area_gnavi {
	width: 100%;
	background: url(../img/common/bg_navi.png);
}
.area_gnavi ul {
	display: flex;
	justify-content: center;
}
.area_headcont .logo {
    display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
@media screen and (max-width:767px) {
    .area_header {
		width: 100%;
		background: #FFF;
        margin-bottom: 1rem;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 150;
        transition: all linear 0.2s;
    }
    .area_headcont {
        width: calc(100% - 30px);
        width: -webkit-calc(100% - 30px);
        padding-bottom:5px;
    }
    .box_headcont {
        align-items: center;
    }
    .area_headcont .logo {
        flex-shrink: 0;
        width:100px;
        padding-top:10px;
    }
    .area_header .text {
        width:150px;
        flex-shrink: 0;
    }
    .area_header .text p {
        padding-left: 0.5rem;
        font-size: 0.65rem;
    }
    .btn_sp_top {
        position: absolute;
        top: 0;
        right: 15px;
    }
    .btn_sp_top a {
        display: block;
        width:60px;
        height: 44px;
        background:rgba(183,24,62,0.8);
        border-radius: 0 0 3px 3px;
        line-height: 44px;
        box-shadow: 0 0 5px rgba(0,0,0,0.7);
        text-align: center;
        color: #FFF;
        font-size: 13px;
		text-decoration: none;
    }
    .gnavi {
        box-shadow: 0 3px 3px rgba(0,0,0,0.3);
    }
    .gnavi li {
        width:25%;
        background-size: auto 40px;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .gnavi li:nth-of-type(-n+5) {
        border-right:1px solid rgba(0,0,0,0.1);
    }
    .gnavi li:nth-of-type(n+2) {
        border-left:1px solid rgba(255,255,255,0.3);
    }
    .gnavi img {
        display: none;
    }
    .gnavi [data-nav="browse"] {
        background-image:url(../img/common/navi_sp01.png);
    }
    .gnavi [data-nav="article"] {
        background-image:url(../img/common/navi_sp02.png);
    }
    .gnavi [data-nav="info"] {
        background-image:url(../img/common/navi_sp03.png);
    }
    .gnavi [data-nav="subscriber"] {
        background-image:url(../img/common/navi_sp04.png);
    }
    .gnavi [data-nav="new_entry"] {
        background-image:url(../img/common/navi_sp05.png);
    }
    .gnavi a {
        display: block;
        height: 60px;
    }
}
@media print, screen and (min-width:768px) {
    .area_header {
        margin-bottom: 3rem;
    }
    .area_headcont {
        width: calc(100% - 40px);
        width: -webkit-calc(100% - 40px);
    }
    .area_header .text {
        padding-top: 32px;
        min-width: 320px;
    }
    .area_header .text p {
        font-size: 0.8rem;
        padding: 8px 0 0 5%;
    }
    .area_header .link {
        padding-top:5px;
        text-align: center;
    }
    .area_header .link a {
        display: inline-block;
        padding: 0 0 0 15px;
        background: url(../img/common/icon_arrow.png) no-repeat 0 center;
        font-size: 0.8rem;
        color: #B5133A;
        text-decoration: underline;
    }
}
@media print, screen and (min-width:768px) and (max-width:950px) {
    .box_headcont {
        padding:0.5rem 0;
    }
}
@media print, screen and (max-width:950px) {
    .area_header .text {
        padding-top: 8px;
    }
    .area_header .text span {
        display: block;
    }
    .area_header .btn-box {
        flex-shrink: 0;
        align-self: center;
        width:180px;
    }
}
@media screen and (min-width:951px) {
    .area_header .btn-box {
        padding-top:20px;
    }
    .area_header .link {
        padding-top:10px;
    }
}


/* フッター */
.area_footer {
	padding:0 15px 1em 15px;
}
.area_footer ul {
	margin:1.5em 0 1em 0;
	list-style: none;
}
.area_footer li a {
	color: #000;
}
@media screen and (max-width:767px) {
    .area_footer ul {
        border-top:1px solid #CCC;
    }
    .area_footer li {
        border-bottom:1px solid #CCC;
    }
    .area_footer li a {
        display: block;
        /*padding: 0.7em 0;*/
        padding:1em 0;
        /*font-size: 1.1em;*/
		text-decoration: none;
    }
    .area_footer li a:hover {
		text-decoration: underline;
    }
    .area_footer small {
        display:block;
        text-align:center;
    }
}
@media print, screen and (min-width:768px) {
    .area_footer {
        text-align:center;
        line-height:1.5;
    }
    .area_footer li {
        display:inline-block;
        margin:0 0.6em;
        font-size:0.875em;
    }
    .area_footer li a {
        display:block;
        padding:0.3em 0;
        text-decoration:underline;
        font-size: 14px;
    }
}


.serif {
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝B", "ＭＳ Ｐ明朝", serif;
}
@media screen and (max-width:767px) {
    .pc_only {
        display:none;
    }
}
@media print, screen and (min-width:768px) {
    .sp_only {
        display:none;
    }
}