@charset "UTF-8";


/*
1:common style
-----------------------------------------------*/
/** { word-break:break-all; word-wrap:break-word; }*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height:100%; }
body { -webkit-text-size-adjust: 100%; min-height: 100%;
	background-image: url(../../img/bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #fef7ed;
}

/*
Reset: margin, padding propaty*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0; padding: 0; }
/*
HTML5 propaty*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, small {
display: block; }
/*
Reset: border propaty*/
img,fieldset{ border:0; }
/*
Reset: List selector*/
ol,ul,li { list-style:none; }
/*
Reset: font propaty*/
address { font-style:normal;font-weight:normal; }
/*
Reset: horizontal rule display*/
hr {	display: none; }
/*
Reset: link display*/
a{ outline-style: none; }
a img{ border: none; }
/*
scrooll bar for FF*/
html {overflow-y: scroll; }
/*
2:fonts
-----------------------------------------------*/
/*
Reset: font-size, line-height propaty*/
body {
font-size: 14px; line-height: 1.8; }
h1,h2,h3,h4,h5,h6 {
font-size: 16px; line-height: 1.0; font-weight:normal; }
/*p,table,th,td {
font-size: 14px; line-height: 1.8; }
*//* 
Reset: font-family propaty*/
body {
	font-family: "メイリオ", Meiryo, '游ゴシック','YuGothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Helvetica, Arial, Verdana !important;
}

/*
3:Base setting
-----------------------------------------------*/
html {
}
body {
overflow: hidden;
margin: 0;
color: #373737;
min-width:1000px; /*タブレットで縮小できなくなるので注意*/
	background-image: url(../../img/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
img {
	vertical-align: bottom;
	-webkit-backface-visibility: hidden; /*Chromeの画像ぼやけをシャープに*/
}
a{
color:#373737;
text-decoration:none;
}
a:hover{
	color: #888;
}
em{
font-style:normal;
}
a ,a img{
-webkit-transition: All .3s ease-in-out;
-moz-transition: All .3s ease-in-out;
-o-transition: All .3s ease-in-out;
-ms-transition: All .3s ease-in-out;
transition: All .3s ease-in-out;
}
a.trans:hover img{
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
.for-pc {
	display: block;
}
.for-sp {
	display: none;
}
@media (max-width: 1000px) {
	body {
		background-image: url(../../img/header_bg.jpg);
		background-repeat: no-repeat;
		background-position: -494px 0px;
	}

}

@media (max-width: 750px) {
	body {
		min-width: auto !important;/*タブレットで縮小できなくなるので注意*/
		background-image: none;
	}
	.for-pc {
		display: none;
	}
	.for-sp {
		display: block;
	}
}



/*
5:Header setting
-----------------------------------------------*/
header,header h1,header h2{
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
header{
	height: 644px;
	width: 1000px;
	position: relative;
	margin: 0 auto;
}
/*LOGO*/
header h1{
	left: 17px;
	margin: 0;
	position: absolute;
	top: 71px;
	width: 315px;
	z-index: 1000;
}
header h1 img {
	width: 100%;
}
.tfm_area_bg {
	background: #fff; height: 49px;
}
.tfm_area_wrapper {
	width: 1000px;
	margin: 0 auto;
	height: 49px;
}
.tfm_area {
	float: left;
	margin: 13px 0 0 36px;
}
.tfm_area .ykk{
	float: left;
	width: 41px;
}
.tfm_area .tokyofm{
	float: left;
	width: 121px;
	margin-right: 23px;
}
.tfm_area .ykk img,
.tfm_area .tokyofm img,
.tfm_area .jfn img {
	width: 100%;
}
.sns_area {
	float: right;
	margin: 13px 12px 0 40px;
	z-index: 1000;
}
.sns_area .line {
	float: left;
	width: 34px;
    margin-left: 13px;
}
.sns_area .tw {
	float: left;
	width: 34px;
    margin-left: 13px;
}
.sns_area .fb{
	float: left;
	width: 34px;
}
.sns_area .line img,
.sns_area .tw img,
.sns_area .fb img {
	width: 100%;
}
header .personality {
	left: 342px;
position: absolute;
top: 281px;
width: 159px;
}
header .personality_name {
	left: 245px;
	position: absolute;
	top: 377px;
	width: 108px;
}
header .personality img,
header .personality_name img {
	width: 100%;
}
header h2 {
	position: absolute;
	bottom: 39px;
	left: 10px;

}

@media (max-width: 750px) {
	header {
		width: 100%;
		height: auto;
		background-image: url(../../img/header_bg_sp.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100%;
	}
	header::before {
		clear: both;
		content: ".";
		display: block;
		font-size: 0.1em;
		height: 0;
		line-height: 0;
		padding-bottom: 108.125%;
		visibility: hidden;
	}
	header img {
		width: 100%;
	}
	header h1{
		top: 3.2%;
		width: 49%;
		left: 4%;
	}
	header .tfm_area {
		right: 7px;
		padding: 2px 2% 7px;
		top: 8px;
	}
	.tfm_area_wrapper {
		width: 100%;
		height: auto;
	}
	.tfm_area {
		width: auto;
		margin: 2px;
		position: absolute;
		right: 7px;
	}
	.tfm_area .ykk{
		width: 35px;
	}
	.tfm_area .tokyofm{
		width: 102px;
		margin: 0 14px 0 0;
	}
	header .personality {
		left: 22%;
		position: absolute;
		top: 69.6%;
		width: 27%;
	}
	header .personality_name {
		left: 4.5%;
		position: absolute;
		top: 85%;
		width: 20%;
	}
	.lead_area {
		width: 90%;
		margin: 10px auto;
	}
	.lead_area h2 {
		line-height: 1.6;
		/*font-size: 3.1vw;*/
		font-size: 13px;
		padding: 0 0 10px;
	}
	.lead_area img {
		width: 86%;
		margin: 0 auto;
		display: block;
	}

}

/*main content*/
#content {
	width: 1000px;
	margin: 0 auto 28px;
}
#content #content_main {
    float: left;
    width: 666px;
}
#content_main .madoroguBox {
	background: #fff;
	border: 1px solid #3cade7;
	margin: 0 0 22px;
}
#content_main .madoroguBox .contents {
	padding: 30px;
	margin: 1px 0;
	border-top: 1px dotted #3cade7;
	border-bottom: 1px dotted #3cade7;
}
#content_main .madoroguBox .archive {
	height: 32px;
	padding: 3px 10px 3px 0;
	text-align: right;
	border-top: 1px dotted #3cade7;
}
#content_main .madoroguBox .thumb {
	width: 310px;
	/*max-height: 310px;*/
	float: left;
}
#content_main .madoroguBox .text {
	width: 258px;
	float: right;
}

#content_main .narrowBox {
	width: 320px;
	background: #fff;
	float: left;
	border: 1px solid #3cade7;
	margin-bottom: 22px;
}
#content_main .narrowBox .contents {
	padding: 30px 20px;
	margin: 1px 0;
	border-top: 1px dotted #3cade7;
	border-bottom: 1px dotted #3cade7;
}
#content_main .narrowBox .archive {
	height: 32px;
	padding: 3px 10px 3px 0;
	text-align: right;
	border-top: 1px dotted #3cade7;
}
#content_main .narrowBox .thumb {
	width: 242px;
	height: auto;
	margin: 0 auto 20px;
	text-align: center;
}
#content_main .narrowBox .text {
	width: 270px;
	margin: 0 auto;
}

#content_main .musicdripBox {
	margin: 0 22px 0 0;
}
#content_main .guestBox {
	margin: 0 0 0 22px;
}
#content_main .guestBox>.contents {
	border-bottom: none;
}


/*content_main 共通*/
#content_main h3 {
	height: 56px;
	padding: 2px 0;
	border-bottom: 1px dotted #3cade7;
}
#content_main h3 img {
	height: 100%;
	width: auto;
}

#content_main h4 {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 10px 0;
}
#content_main time {
	font-size: 14.5px;
	margin: 0 0 10px;
	font-family: 'PT Serif', serif;
}

#content_main .thumb img {
	max-width: 100%;
	height: 100%;
}
#content_main .text>p {
	font-size: 14px;
	line-height: 1.6;
}

#content_main .archive img {
	height: 100%;
	width: auto;
}

@media (max-width: 750px) {
	#content {
		width: 92%;
		margin: 20px auto 20px;
	}
	#content #content_main {
		float: none;
		width: 100%;
		margin: 0 0 40px 0;
	}
	#content_main .madoroguBox .contents {
		padding: 24px;
	}
	#content_main .madoroguBox .thumb {
		width: 100%;
		max-height: none;
		float: none;
		margin: 0 0 15px;
		text-align: center;
	}
	#content_main .madoroguBox .text {
		width: 100%;
		float: none;
	}
	
	#content_main .narrowBox {
		width: 100%;
		float: none;
		margin-bottom: 22px;
	}
	#content_main .narrowBox .contents {
		padding: 24px;
		min-height: 90px;
	}
	#content_main .narrowBox .thumb {
		width: 100%;
		max-height: none;
		margin: 0 0 15px;
	}
	#content_main .narrowBox .text {
		width: 100%;
		float: none;
	}
	#content_main .guestBox {
		margin: 0 0 0 0;
	}
	#content_main .guestBox>.contents {
		border-bottom: none;
	}
	
	/*content_main 共通*/
	#content_main h3 {
		height: 50px;
		padding: 2px 0;
	}	
	#content_main h4 {
		font-size: 15px;
		font-weight: bold;
		line-height: 1.5;
		margin: 0 0 10px 0;
	}
	#content_main time {
		font-size: 14.5px;
		margin: 0 0 10px;
	}
	
	#content_main .text>p {
		font-size: 13.5px;
		line-height: 1.6;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Chromeハック*/
	#content_main .thumb img {
		max-width: 100%;
		height: auto;
}
}


/*右サイドバー*/
#content_sub {
    float: right;
    width: 300px;
}
#content_sub .post {
	/*background-image: url(../../img/post_top.png), url(../../img/post_bottom.png);
	background-repeat: no-repeat, no-repeat;
	background-position: center top, center bottom;
	background-size: 100%, 100%;*/
	margin: 0 0 30px 0;
}
#content_sub .post img {
	width: 100%;
	height: auto;
}
#content_sub .post .bottom {
	vertical-align: top;
}
#content_sub .post>.contents {
	padding: 22px 31px 10px;
	box-sizing: border-box;
	background-image: url(../../img/post_middle.png);
	background-repeat: repeat-y;
	background-position: center;
	background-size: 100%;
}
#content_sub .post>.contents .present {
	text-align: center;
	padding: 0 0;
	margin: 28px 0 18px;
	font-size: 14px;
	line-height: 1.5;
	/*background-image: url(../../img/post_present_top.png), url(../../img/post_present_bottom.png);
	background-repeat: no-repeat, no-repeat;
	background-position: center top, center bottom;
	background-size: 100%, 100%;*/
}


/*180511*/
#content_sub .post>.contents .present div.present_img {
	width: 180px;
	margin: 20px auto 2px;
}
#content_sub .post>.contents .present h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 16px 0 2px;
	line-height: 1.4;
}
#content_sub .post>.contents .present p {
	font-size: 13px;
	margin: 8px 0 2px;
	line-height: 1.5;
}



#content_sub .archive {
    margin: 0 auto 28px;
    padding: 0px 7px 0;
	box-sizing: border-box;
}
#content_sub .archive h4 {
	height: 41px;
	padding: 2px 0;
	margin: 0 0 1px 0;
	border-bottom: 1px dotted #3cade7;
}
#content_sub .archive h4 img {
    height: 100%;
    width: auto;
}
#content_sub .archive ul {
	margin: 0;
	padding: 12px 0 0 0;
	border-top: 1px dotted #3cade7;
}
#content_sub .archive li {
    margin-bottom: 2px;
background-image: url("../../img/arrow.png");
background-repeat: no-repeat;
background-size: 4.0%;
background-position: 1%;
}
#content_sub .archive li a {
	margin-left: 26px;
	font-family: 'PT Serif', serif, "メイリオ", Meiryo, '游ゴシック','YuGothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック';
}
#content_sub .category li a {
	margin-left: 26px;
	font-family: "メイリオ", Meiryo, '游ゴシック','YuGothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック' !important;
}

#banner_sub {
	margin: 48px 0 0 0;
}
#banner_sub a {
    display: block;
	margin: 0 0 15px 0;
}
#banner_sub a img {
    display: block;
	width: 100%;
}

#banner_sub2 {
	margin: 0 0 35px 0;
}
#banner_sub2 a {
    display: block;
	margin: 0 0 0 0;
}
#banner_sub2 a img {
    display: block;
	width: 100%;
}

#banner_sub3 {
	margin: 0 0 35px 0;
}
#banner_sub3 a {
    display: block;
	margin: 0 0 0 0;
}
#banner_sub3 a img {
    display: block;
	width: 100%;
}

@media (max-width: 750px) {
	#content_sub {
		float: none;
		width: 90%;
		margin: 0 auto;
		max-width: 300px;
	}
	#content_sub .post {
		margin: 0 0 36px 0;
	}
	#content_sub .post img {
		vertical-align: top;
	}
	#content_sub .post>.contents {
		padding: 22px 31px 10px;
		box-sizing: border-box;
		margin-top: -1px;
	}
	
	#content_sub .post>.contents .present {
		margin: 28px 0 18px;
		font-size: 14px;
		line-height: 1.5;
	}

}

@media screen and (max-width: 750px) {	
	.sns_area {
		float: none;
		margin: 40px auto 50px;
		z-index: 1000;
		width: 172px;
	}
	.sns_area .tw {
		float: left;
		width: 44px;
		margin-left: 20px;
	}
	.sns_area .fb{
		float: left;
		width: 44px;
	}
	.sns_area .line {
		float: left;
		width: 44px;
		margin-left: 20px;
	}
	.sns_area .line img,
	.sns_area .tw img,
	.sns_area .fb img {
		width: 100%;
	}

}



/*詳細ページ*/
#content_main .detailBox {
	background: #fff;
	border: 1px solid #3cade7;
	margin: 0 0 22px;
	width: 100%;
}
#content_main .detailBox .contents {
	padding: 10px 40px 30px;
	margin: 1px 0;
	border-top: 1px dotted #3cade7;
	/*border-bottom: 1px dotted #3cade7;*/
}
#content_main .detailBox h4 {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 30px 0;
}
#content_main .detailBox time {
    font-size: 14.5px;
    margin: 0 0 21px;
    font-family: 'PT Serif', serif;
    text-align: right;
    display: block;
}
#content_main .detailBox .archive {
	height: 32px;
	padding: 3px 10px 3px 0;
	text-align: right;
	border-top: 1px dotted #3cade7;
}
#content_main .detailBox .text img {
	width: 80%;
	margin: 8px auto;
	display: block;
	height: auto;
}
#content_main .detailBox .text {
	width: 100%;
	font-size: 14px;
	line-height: 2.0;
}
.article_sb {
    float: right;
    margin: 20px 0 0;
    padding: 0;
}
.article_sb li:first-child {
    display: inline-block;
    margin: -5px 0 0 0;
    vertical-align: top;
}
.article_sb li {
    display: inline-block;
    margin: 0 0 0 7px;
    vertical-align: top;
}

@media screen and (max-width: 750px) {
	#content_main .detailBox {
		border: 1px solid #3cade7;
		margin: 0 0 22px;
	}
	#content_main .detailBox .contents {
		padding: 10px 24px 25px;
	}
	#content_main .detailBox .contents time {
		font-size: 14.5px;
		margin: 0 0 10px;
	}
	#content_main .detailBox .contents h4 {
		font-size: 15px;
		line-height: 1.5;
		margin: 0 0 10px 0;
	}
	#content_main .detailBox .text {
		width: 100%;
		float: none;
	}
	#content_main .detailBox .text img {
		width: 100%;
		max-height: none;
		margin: 0 0 15px;
	}
}

/*フォーム*/
#content_main .detailBox .formWrapper {
	padding: 10px 0 0;
	margin: 0 auto;
}
#content_main .detailBox .formWrapper .lead {
	text-align: center;
	margin: 10px 0;
}
#content_main .detailBox .formWrapper .lead img {
	margin: 0 auto;
}
#content_main .detailBox .formWrapper .present {
	/*width: 507px;*/
	width: 545px;
	margin: 30px auto;
	text-align: center;
}
/*#content_main .detailBox .formWrapper .present p {
	padding: 22px 31px 0px;
	box-sizing: border-box;
	background-image: url(../../img/form_post_middle.png);
	background-repeat: repeat-y;
	background-position: center;
	background-size: 100%;
	font-size: 15px;
	line-height: 1.6;
}*/

/*180511*/
#content_main .detailBox .formWrapper .present>.box {
	padding: 22px 31px 0px;
	box-sizing: border-box;
	background-image: url(../../img/form_post_middle.png);
	background-repeat: repeat-y;
	background-position: center;
	background-size: 100%;
	font-size: 15px;
	line-height: 1.6;
	display: table;
	width: 100%;
}
#content_main .detailBox .formWrapper .present .present_img {
	width: 200px;
	vertical-align: middle;
    display: table-cell;
}
#content_main .detailBox .formWrapper .present .present_img img {
	width: 180px;
	height: auto;
	padding: 4px;
	border: 1px dashed #0b82c0;
}
#content_main .detailBox .formWrapper .present>.box>.present_text {
	vertical-align: middle;
    display: table-cell;
	padding-left: 20px;
}
#content_main .detailBox .formWrapper .present h3 {
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 0;
	padding: 0;
	line-height: 1.4;
	border-bottom: 0;
	height: auto;
}
#content_main .detailBox .formWrapper .present .box p {
	font-size: 14px;
	margin: 19px 0 0;
	line-height: 1.5;
}



#content_main  .iframeBox {
  overflow: hidden;
}
#content_main  iframe {
	height: 1550px;
    margin: 0 auto;
    width: 100%;
}
@media screen and (max-width: 750px) {
	#content_main .formBox .contents {
		padding: 10px 10px 25px !important;
	}
	#content_main .detailBox .formWrapper .present {
		width: 90%;
		margin: 30px auto;
		max-width: 507px;
	}
	#content_main .detailBox .formWrapper .lead {
		width: 90%;
		margin: 5px auto 0;
	}

	#content_main .detailBox .formWrapper img {
		width: 100%;
	}
	/*#content_main .detailBox .formWrapper .present p {
		padding: 22px 31px 0px;
		box-sizing: border-box;
		background-image: url(../../img/post_middle.png);
		background-repeat: repeat-y;
		background-position: center;
		background-size: 100%;
		font-size: 15px;
		line-height: 1.6;
	}*/
	
	/*180511*/
	#content_main .detailBox .formWrapper .present>.box {
		padding: 22px 31px 0px;
		box-sizing: border-box;
		background-image: url(../../img/post_middle.png);
		background-repeat: repeat-y;
		background-position: center;
		background-size: 100%;
		font-size: 15px;
		line-height: 1.6;
		display: block;
		width: 100%;
	}
	#content_main .detailBox .formWrapper .present>.box>.present_img {
		width: 85%;
		display: block;
		margin: 0 auto;
	}
	#content_main .detailBox .formWrapper .present>.box>.present_img img {
		width: 100%;
	}
	#content_main .detailBox .formWrapper .present>.box>.present_text {
		vertical-align: middle;
		display: block;
		padding-left: 0;
	}
	#content_main .detailBox .formWrapper .present>.box>.present_text>h3 {
		font-size: 14px;
		margin: 16px 0 0;
		border-bottom: 0;
	}
	#content_main .detailBox .formWrapper .present>.box>.present_text>p {
		font-size: 13px;
		margin: 12px 0 0;
	}
	
	
	
	#content_main iframe {
		height: 1600px;
		margin: 0 auto;
		width: 100%;
	}
}
@media screen and (max-width: 600px) {
	#content_main iframe {
		height: 1650px;
		margin: 0 auto;
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	#content_main iframe {
		height: 1850px;
		margin: 0 auto;
		width: 100%;
	}
}
@media screen and (max-width: 330px) {
	#content_main iframe {
		height: 1900px;
		margin: 0 auto;
		width: 100%;
	}
}


/* 
footer settings
------------------------------------------------------------ */
.pagetop_area {
	position: absolute;
	width: 1000px;
	margin: 0 auto 2px;
	bottom: 0;
	right: 0;
	left: 0;
}
.pagetop_area a {
	display: block;
	width: 60px;
	float: right;
}
.pagetop_area a img {
	width: 100%;
}

footer{
	background: #d9f9fc;
	text-align:center;
	padding-bottom: 5px;
	font-family: 'PT Serif', serif;
	margin: 93px 0 0;
}
footer .copyright{
	font-size: 12px;
	padding: 92px 0 18px;
}
footer #footer_inner {
	text-align: center;
	position: relative;
	padding: 0 0 1px;
	border-bottom: 1px dotted #3cade7;
}
footer #footer_inner p {
	border-bottom: 1px dotted #3cade7;
}
.footer_cat {
	width: 1000px;
	margin: -40px auto 0;
	text-align: right;
	position: absolute;
	right: 14px;
	left: 0;
}
.footer_cat img {
	width: 420px;
	margin: 0 20px 0;
}

@media (max-width: 750px) {
	.pagetop_area {
		width: 100%;
		bottom: 33px;
	}
	.pagetop_area a {
		display: inherit;
		width: 40px;
		float: none;
		margin: 30px auto 0;
	}	
	footer{
		margin: 73px 0 0;
		padding-bottom: 5px;
	}
	footer .copyright{
		font-size: 9.5px;
		padding: 90px 0 12px;
	}
	.footer_cat {
		width: 100%;
		margin: -34px auto 0;
		text-align: center;
		position: absolute;
		right: 0;
		left: 0;
	}
	.footer_cat img {
		width: 272px;
		margin: 0 20px 0;
}


}

/*pagenation*/
.pageswitch {
    clear: both;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
	font-family: 'PT Serif', serif;
}
.pageswitch strong {
	display: inline-block;
	margin: 3px;
	padding: 3px 5px;
}
.pageswitch a {
	display: inline-block;
	margin: 3px;
	padding: 3px 6px;
	text-decoration: underline;
}
.pageswitch a:hover {
	text-decoration: none;
}