@charset "UTF-8";
/* CSS Document */
#main {background: url(../img/bg_left.png) repeat center top;background-size: auto 480px;z-index: -2;position: relative;}
#main:before {top: 0;left: 50%;width: 50%;height: 100%;content: '';position: absolute;background: url(../img/bg_right.png) repeat center top;z-index: -1;background-size: auto 480px;}
#logo {width:34.3%;position:absolute;left:51%;top:45px;transform:translate(-50%,0);}
#logo:hover {opacity:0.7;cursor: pointer;}
#main .base {display:block;width:100%;margin:0 auto;min-width:960px;max-width:1300px;}

header {background:#3D6766;}
header .inner {display:table;}
header .inner > div {display:table-cell;height:60px;vertical-align:middle;}
header .inner > div:nth-child(1) {padding-right:20px;}
header .inner > div:nth-child(2) {text-align:right;padding-left:18px;}
header .inner > div:nth-child(2):before {content: '';position: absolute;left: 125px;bottom: 10px;/*線の上下位置*/display: inline-block;width: 1px;/*線の幅*/height: 40px;/*線の高さ*//*-webkit-transform: translateX(-50%);transform: translateX(-50%);位置調整*/background-color: #fff;/*線の色*/}

#contents {background:url(../img/bg.png) repeat center top;padding:30px 0 0;}

#conetnt {width:630px;float:right;}
aside {width:300px;float:left;}

footer {padding:18px 0;border-top:solid 1px #CFDDCF;text-align:center;color:#CFDDCF;}
footer small {font-size:0.7em;line-height:1.5em;}

.entry {padding:30px 72px 30px 30px;margin-bottom:30px;background:#CFDDCF url(../img/entry_bg.png) no-repeat right -2px top -2px;background-size: 40px auto;}
.entry h1 {color:#487B7F;margin-bottom:30px;font-size:1.25em;line-height:1.5em;font-weight:bold;}

.body {padding-bottom:30px;}
.body img {max-width:100%;height:auto !important;}
.body a {display:inline;}

.p-blog__footer {border-top:solid 1px #000;padding-top:20px;}
.p-blog__footer-date {float:left;}
.p-blog__footer-sns {float:right;}


aside h2 {margin-bottom:20px;}
aside #mail,
aside .text_box,
aside .banner {display:block;margin-bottom:30px;}
aside .text_box {padding:30px;background:#6093A2;font-size:0.9em;line-height:1.5em;color:#fff;}
aside .text_box a {text-decoration:underline;color:#fff;}
aside .text_box .image {position:relative;margin-bottom:30px;}
aside .text_box .image .label {width:119px;position:absolute;left:-20px;top:-20px;}

#radiko {width:50px;height:50px;position:absolute;right:30px;top:580px;}
.c-toTop {width:50px;height:50px;position:fixed;right:30px;bottom:90px;}

@media screen and (min-width:1300px){
	#logo {width:446px;}
}

@media screen and (max-width:1000px){
	#wrap {width:1000px;}
	/*#logo {width:330px;left:342px;transform:translate(0,0);}*/
}