@charset "UTF-8";
/* CSS Document */

@font-face{ 
	font-family: 'rounded-b'; /* お好きな名前にしましょう */
	src: url('../font/rounded-mplus-1c-bold.eot'); /* IE9以上用 */
	src: url('../font/rounded-mplus-1c-bold.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
		url('../font/rounded-mplus-1c-bold.woff') format('woff'), /* モダンブラウザ用 */
		url('../font/rounded-mplus-1c-bold.ttf') format('truetype'); /* iOS, Android用 */
	font-weight: normal; /* 念の為指定しておきます */
	font-style: normal;
}

@font-face{ 
	font-family: 'rounded-r'; /* お好きな名前にしましょう */
	src: url('../font/rounded-mplus-1p-regular.eot'); /* IE9以上用 */
	src: url('../font/rounded-mplus-1p-regular.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
		url('../font/rounded-mplus-1p-regular.woff') format('woff'), /* モダンブラウザ用 */
		url('../font/rounded-mplus-1p-regular.ttf') format('truetype'); /* iOS, Android用 */
	font-weight: normal; /* 念の為指定しておきます */
	font-style: normal;
}

body {margin:0;padding:0;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:62.5%;line-height:200%;color:#333;overflow-x: hidden;-webkit-text-size-adjust: 100%;word-wrap:break-word}
ol,ul,li {list-style:none;margin:0;padding:0;}
dl,dt,dd {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;margin:0;padding:0;}
p {margin:0 0 1em;padding:0;}
a { overflow: hidden; color:#0498cf;text-decoration: none;border:none;}
a:hover,a:active { color: #3dbceb;border:none;outline:none;}
a:hover img , a:active img {opacity:.7;border:none;outline:none;}
div:after,
ul:after {
  content: "";
  display: block;
  clear: both;
}

img {max-width:100%;width:auto;height:auto;display:block;}
p {margin-bottom:1em;padding:0;}
h1 {font-weight:bold;color:#333;}
h2 {font-weight:bold;font-size:2em;}
h3 {font-weight:bold;font-size:1.8em;}
h4 {font-weight:bold;font-size:1.6em;}

body {background:url(../images/back.jpg) no-repeat center 0 fixed;background-size: cover;padding-top:70px;}
#wrap {width: 960px;margin:0 auto;background:rgba(255,255,255,.8);position:relative;border-radius: 30px;-webkit-border-radius: 30px;moz-border-radius: 30px;}

img.decision_img {position:absolute;top:130px;right:10px;max-width:220px;}
.shareBtn {margin:10px 0 20px;}
.tw {margin:10px auto 20px;width:320px;}

#header {position: absolute;top:-40px;left:0;right:0;margin:0 auto;width:650px;}
#header h1 img {max-width:95%;margin:0 auto;}

#contents {padding-top:60px;}
#main {width:880px;margin:0 auto;text-align:center;}
#main p {font-size:1.5em;}
#main .info p:nth-child(2),#main .info p:nth-child(3) {width: 540px;margin: 0 auto 10px;position: relative;text-align: left;} /*追加*/
#main h1 {width:80%;margin:1% auto;}
#main h2 {width:50%;margin:0 auto 15px;}
#main .info {line-height:1.5;}
#main .jacket_area {position:relative;}
#main .jacket_area .jacket {width:400px;margin:20px auto 40px;}
#main .jacket_area .illust01 {width:114px;display:block;position:absolute;bottom:0;left:40px;}
#main .jacket_area .illust02 {width:120px;display:block;position:absolute;bottom:85px;right:20px;}
#main ul.btn01 li {width:320px;display:inline-block;margin:0 10px;}
#main ul.btn02 {margin-top:3%;padding-top:3%;border-top:1px solid #ccc;}
#main ul.btn02 li {width:430px;float:left;margin-bottom:20px;}
#main ul.btn02 li:nth-child(even) {float:right;}
#footer {font-size:1.2em;text-align:center;padding:40px 0;width: 100%;}


#header_lower h1 img {max-width:72%;margin:0 auto;}
#header_lower .navi {padding:40px 40px 20px;}
#header_lower .navi li {width:210px;float:left;margin-right:13px;}
#header_lower .navi li:last-child {margin-right:0;}
#header_lower .shareBtn {margin:0;text-align:right;margin-right:40px;}

.lower #contents {padding:40px;}
.lower #contents h1 img {height:22px;width:auto;margin:0 auto;}
.lower #contents p {margin-bottom:1em;font-size:1.4em;}
.lower #contents.infopage p {margin-bottom:0;font-size:1.1em;}
#music {text-align:center;margin-bottom:8em;}
#music .list {width:43%;display:inline-block; vertical-align:top;text-align:left;margin:0 1%;}
#music .list dl {margin-top:2em;}
#music .list dt {width:1.7em;display:inline-block; vertical-align:top;font-size:1.6em;font-weight:bold;}
#music .list dd {width:34em;display:inline-block; vertical-align:top;}
#music .list dd h2 {font-size:1.6em;font-family:'rounded-b',sans-serif;font-weight:normal;margin-bottom:.2em;}
#music .list dd h2 a {color:#333;text-decoration:none;}
#music .list dd h2 a:hover {color:#0a4bab;}
#music .list dd p {font-family:'rounded-r',sans-serif;margin-bottom:0;}
#commentary {margin-bottom:8em;}
#commentary section {margin-top:4em;}
#commentary section h2 {font-family:'rounded-b',sans-serif;font-size:1.7em;margin-bottom:.8em;color:#0a4bab;}
#commentary section span.number {background:#0a4bab;color:#fff;padding:.4em .5em; border-radius: 3em;-webkit-border-radius: 3em;-moz-border-radius: 3em;font-family:'rounded-r',sans-serif;margin-right:.3em;font-size:.8em;line-height:0;}
#commentary .right-text {text-align:right;margin-top:5em;}

#aipWrapper .aipPanelBody h2 {font-size:2em;font-family:'rounded-b',sans-serif;text-align:left;width: 100%;color:#0a4bab;}
#aipWrapper .aipPanelBody {border:4px solid #0a4bab;text-align:left;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;padding:30px;background:#fff;}
#aipWrapper .aipPanelBody li {border-bottom:1px dotted #ccc;padding:.5em 0;font-size:1.5em;}
#aipWrapper .aipPanelBody a span {color:#333;text-decotration:none;margin-right:1em;}
.moreLive {text-align:right;margin-top:1em;}

.series_top {margin:0 0 3em;border:4px solid #0a4bab;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;padding:3%;background:#fff;}
.series_top h2 span {font-family:'rounded-r',sans-serif;font-size:.8em;color:#333;}
.series_top p {margin-bottom:0 !important;line-height:1.7;}
.series_top ul {text-align:center;}
.series_top li {width:180px;display:inline-block; vertical-align:top;margin:20px 40px 0;font-size:1.4em;}


.lower #contents ul.btn li {width:430px;float:left;margin-bottom:20px;}
.lower #contents ul.btn li:nth-child(even) {float:right;}

.profile .box {margin:3em 0;border:3px solid #0a4bab;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;padding:3%;background:rgba(228,247,258,.5);}
.profile .box.series {margin:3em 0;border:3px solid #0a4bab;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;padding:3%;background:none;}
.profile .box h2 {margin-bottom:.8em;font-family:'rounded-b',sans-serif;line-height:1.4;border-bottom:2px solid #0a4bab;padding-bottom:.8em;color:#0a4bab;}
.profile .box h2 span {font-family:'rounded-r',sans-serif;font-size:.8em;color:#333;}
.profile .box p {margin-bottom:0 !important;line-height:1.7;}
.profile .box.series ul {text-align:center;}
.profile .box.series li {width:180px;display:inline-block; vertical-align:top;margin:20px 40px 0;font-size:1.4em;}

#informationList li {margin:2em 0;border:3px solid #0a4bab;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;padding:3%;background:rgba(228,247,258,.5);}
#informationList li .infoTitle {margin-bottom:.8em;font-family:'rounded-b',sans-serif;line-height:1.4;border-bottom:2px solid #0a4bab;padding-bottom:.8em;color:#0a4bab;font-size:1.8em;}
#informationList li .infoTitle a {color:#0a4bab;}
#informationList li .infoTitle a:hover {color:#3175da;}
#informationList li .infoDate {font-size:1.2em;margin-bottom:1em;}
#informationList li .infoDigest {font-size:1.4em;line-height:1.8;}
.info .radiused_bottom {display: block;width: 100%;text-align: center;background: #0a4bab;color: #fff;line-height: 3; cursor:pointer;}
.info .radiused_bottom:hover {background:#3175da;}
.info .mailService {text-align: right;margin: 3em 0 0;}

#infoFoot {border-top:1px solid #aaa;padding-top:3em;margin-top:5em;}
#infoFoot p#infoPrev{float:left;}
#infoFoot p#infoNext{float:right;}
#infoFoot p span {color:#0a4bab;}
#recentInfo {margin: 4em 0 0;}

#mainContentsBody {margin: 2em 0;}
#infoCaption {font-size:2em !important;color:#0a4bab;margin-bottom:.5em;line-height:1.5;font-family:'rounded-b',sans-serif;border-bottom:2px solid #0a4bab;padding-bottom:.5em;margin-bottom:.5em !important;}
#infoDetail {font-size: 1.3em;line-height: 1.5;margin-top:0; }
#infoDetail p {font-size:1em !important;}
#recentInfo {margin:3em 0;border:3px solid #0a4bab;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;padding:3%;background:rgba(228,247,258,.5);}
#recentInfoHead {height: 0;line-height:1;font-size: 1.8em !important;padding-left:0;margin-bottom:1.5em !important;font-family:'rounded-b',sans-serif;}
#recentInfoList li {position: relative;padding: 1.5em 0px;padding-left: 0;cursor: pointer;border-bottom: 1px dotted #0a4bab;}
#recentInfoList li:last-child {border:none;}
#recentInfoList li p {margin-bottom:0 !important;}
#recentInfoList li .infoTitle {font-size: 1.4em !important;}

#spLinkBlockInPc{
display:none;
}