@charset "utf-8";

/*-----------------------------------------
PC
-----------------------------------------*/
@media screen and (max-width:768px){


/*Title*/
h2.topics{
	margin:20px 0 10px 0;
}


/*YouTube*/
.mainImgBox {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.mainImgBoxr iframe,  
.mainImgBox object,  
.mainImgBox embed,
.mainImgBox video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	text-align:center;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*ナビ部分*/
#RightColumn .sideNaviNaka{
	background:url(../img/naka_side/naka_menu_bg.jpg) top center no-repeat;
	width:283px;
	height:334px;
	margin:0px auto;
	padding:270px 0 0 9px;
	clear:both;
}
#RightColumn .sideNaviNaka li{
	width:274px;
	height:32px;
	margin:0 0 5px 0;
	clear:both;
}
#RightColumn .sideNaviNaka li a{
	display:block;
	background:url(../img/top_side/menu_off.jpg) top left no-repeat;
	width:264px;
	height:27px;
	color:#0078ff;
	text-decoration:none;
	padding:5px 0 0 10px;
}
#RightColumn .sideNaviNaka li a:hover{
	display:block;
	background:url(../img/top_side/menu_on.jpg) top left no-repeat;
	width:264px;
	height:27px;
	color:#fff;
	text-decoration:none;
	padding:5px 0 0 10px;
}





/*--------------------------------
Info
---------------------------------*/
.naka_info{
	/*border:#dcdcdc solid 1px;
	margin:25px 10px 25px 10px;
	padding:15px;*/
	overflow:hidden;
	clear:both;
	text-align:center;
}
.naka_info .thum{
}
.naka_info .textArea{
	margin:0 0 0 15px;
}
.naka_info .textArea .boldTL{
	font-size:123.1%;
	font-weight:bold;
}
.naka_info .textArea .buyBtn{
	margin:15px 0 0 0;
}



/*-----------------------------
recommend
-----------------------------*/

.recommend{
	margin:25px 0 25px 0;
	padding-left:5px;
	clear:both;
}
.recommend .recomTL{
	height:27px;
	border-bottom:#cccccc solid 1px;
	margin:0 0 20px 0;
}

.recommend ul{
	clear:both;
}

.recommend li{
	background-color:#FFF;
	position:relative;
		min-height:83px;
	padding:10px 10px 10px 165px;
		line-height:1.2;
		box-sizing:border-box;
		margin-bottom:10px;
}

.recommend li img{
	position:absolute;
	top:0px;
	left:0px;
}

.recommend li A{
	text-decoration:none;
	color:#000;
}


.recommend li img#tumbnail{
	width:150px !important;
	height:83px !important;
}



/*----------------------------------
Right Column
-----------------------------------*/

.dotline{
	background:url(../img/naka_side/dot_line.jpg) left top repeat-x;
	margin:15px 0 0 0;
	padding:0 0 15px 0;
	clear:both;
}


.explanation{
	margin:35px 10px 15px 10px;
	clear:both;
}
.explanation .boldTL{
	font-weight:bold;
	font-size:116%;
}
.explanation .twBtn{
	float:right;
	padding-top:15px;
	padding-bottom:15px;
}

#RightColumn .prof{
	width:100%;
	margin:0 auto;
	clear:both
}
#RightColumn .prof dt{
	float:left;
}
#RightColumn .prof dd{
	float:left;
	margin:0 0 10px 10px;
}
#RightColumn .prof p.nameText{
	font-weight:bold;
	color:#00F;
}

#RightColumn P.ditailText{
	padding-left:10px;
	margin:0px;
}

#RightColumn .relabtn{
	margin:0 auto 0 auto;
	text-align:center;
}


/*中ページタイトル*/

		.AreaIndex2015{
			/*border:1px solid #DCDCDC;*/
			padding:10px 8px 10px 8px;
			margin-bottom:5px;
			width:auto;
			border-radius:6px;  
				-webkit-border-radius:6px;
				-moz-border-radius:6px;
		}
			.AreaIndex2015 .TtlLink{
				width:auto;
				text-align:right;
				height:auto;
				border-top:0px dotted #999;
				padding-top:15px;
				padding-right:10px;
			}
			.AreaIndex2015 li{
				/*border-bottom:1px dotted #999;*/
				padding:8px 0 8px 4px;
			}	
			
				.AreaIndex2015 li dt{
					float:none;
					text-align:center;
					width:auto;
				}
					.AreaIndex2015 li dt img{
						width:60%;
						margin:0px auto;
					}	
				.AreaIndex2015 li dd{
					float:none;
					width:auto;
					font-size:80%;
					line-height:1.3;
				}
				.AreaIndex2015 li dd h2{
					font-size:100%;
					font-weight:bold;
					line-height:1.3;
					padding-bottom:5px;
				}
				
		.hdSNSLink{
			margin-bottom:20px;
			background-image:none;
			padding:0px;
		}
			.hdSNSLink img{
				width:40px !important;
			}


}
/*end*/