@charset "utf-8";

/*current_issue css */

.overflow	{
	overflow:hidden;
}


/*********************************************/
/* min-width:641px */
/*********************************************/


@media screen and (min-width:641px)	{

#iframe_current_issue_block	{
			font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif,'ＭＳ Ｐゴシック';
			width:685px;
			overflow:hidden;
			background-color: #ffffff;
			margin:0 auto 0 auto;
			padding:0 0 20px 0;
			text-align:left;
}

#current_issue_cover	{
			font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif,'ＭＳ Ｐゴシック';
			width:685px;
			overflow:hidden;
			background-color: #ffffff;
			margin:0 auto 0 auto;
			padding:0 0 20px 0;
			text-align:left;
}


#contents_current_issue_block	{
			width:706px;
			overflow:hidden;
}


#contents_block_cover_top	{
			margin:10px 0 0 10px;
			width:670px;
			overflow:hidden;
}

#contents_block_top_left	{
			width:180px;
			float: left;
}

#contents_block_top_right	{
			margin-left:20px;
			width:470px;
			float: left;
}

.contents_block_top_right_left	{
			width:255px;
			float: left;
}

/* 20170410 スタイル変更 */




#current_issue_block_hyoshi	{
	overflow:hidden;
	width:670px;
}

.current_issue_hyoshi	{
	float:left;
}

.current_issue_hyoshi_text	{
	float:right;
	margin-left:20px;
}

h3.current_issue_title	{
	color:#FE6699;
	font-weight:bold;
	font-size:20px;
}

p.magazine_title_new	{
			font-size:24px;
			color:#479DAE;
			font-weight:bold;
			line-height:1.0em;
			margin-top:20px;
}

p.lead_new	{
			background-color: #ffffff;
			margin:20px 0 0 0;
			font-size:14px;
			color:#666666;
			line-height:1.5em;
			text-align:left;
}

p.sale_data2	{
			margin:20px 0 0 0;
			font-size:16px;
			color:#444444;
			line-height:1.5em;
			text-align:right;
}

p.button_bookstore	{
	margin:20px 0 0 0;
	text-align:right;
	font-size:14px;
	color:#666666;
	line-height:2.4em;
}


#hide	{
	margin-top:40px;
}







/*  ---------- */






p.magazine_title	{
			font-size:21px;
			color:#479DAE;
			font-weight:bold;
			line-height:1.0em;
}

span.sub_title	{
			font-size:18px;
}



.contents_block_top_right_right	{
			width:190px;
			float: left;
			padding-top:10px;
}


p.sale_data	{
			text-align:right;
			font-size:16px;
			color:#333333;
			margin:10px 0 0 0;
}

p.hontaikakaku	{
			text-align:right;
			font-size:18px;
			color:#555555;
			line-height:1.4em;
			margin:5px 0 0 0;
}

p.magazine_petails	{
			font-size:16px;
			color:#333333;
			line-height:1.4em;
			margin:15px 20px 0 0;
			font-weight:bold;
			text-align:right;
}


p.explanation_top	{
			font-size:18px;
			color:#8A6C03;
			font-weight:bold;
}

p.explanation	{
			font-size:14px;
			color:#333333;
			line-height:1.4em;
			margin-top:10px;
}



p#order_button	{
			margin-top:10px;
			text-align:right;
			padding-right:30px;
}

.contents_block_cover	{
			margin:10px 0 0 10px;
			width:690px;
			overflow:hidden;
}
.contents_block_text	{
			width:350px;
			float:left;
			margin-top:20px;
}

.contents_block_photo	{
			width:320px;
			float: right;
}


.contents_block_photo img	{
			margin-top:20px;
}



h4.current_issue_lead	{
			padding: 0 0 5px 0;
			color: #E44B79;
			font-size: 15px;
			line-height:1.4em;
			border-bottom: 1px dotted #66CCCC;
}

p.current_issue_text	{
			padding: 10px 0 0 0;
			font-size: 13px;
			line-height: 1.5em;
}

#contents_block_orderform	{
			margin:30px 0 0 20px;
			width:685px;
			overflow:hidden;
}

h4#ORDERFORM_TITLE		{
			color:#407A5B;
			margin-left:20px;
			font-size:18px;
			font-weight:bold;
}





table.orderform	{
			margin:15px 0 0 20px;
			text-align: left;
			border-collapse: collapse;
			border: 1px solid #407A5B;
			width:650px;
}


table.orderform td.title	{
			background-color: #BBE8D0;
			padding: 3px 16px 3px 10px;
			font-size: 15px;
			color:#444444;
			font-weight:bold;
			border: 1px solid #407A5B;
			width:110px;
}

table.orderform td.form	{
			background-color: #eeeeee;
			padding: 3px 5px;
			font-size: 15px;
			border: 1px solid #407A5B;
}


table.orderform input	{
			font-size:15px;
			padding: 2px 6px;
			border: 1px solid #666666;
			margin:3px 0 3px 10px;
}

table.orderform input.saishin_title	{
			font-size:15px;
			padding: 4px 6px;
			border: 1px solid #666666;
			margin:3px 0 3px 10px;
}





table.orderform SELECT	{
			font-size:15px;
			padding: 4px 8px 4px 0;
			border: 1px solid #666666;
			margin-left:10px;
			width:480px;line-height:2.5px;
}


table.orderform TEXTAREA	{
			margin:5px 0 5px 122px;
			border: 1px solid #666666;
			padding:5px;
			width:466px
}


table.orderform input.submit	{
			font-size:15px;
			border: 1px solid #666666;
			margin:3px 0 3px 10px;
			cursor: pointer;
}

table.orderform  input.submit:hover {
			background-color: #407A5B;
			color:#ffffff;
}

table.orderform  input#reset	{
			font-size:15px;
			border: 1px solid #666666;
			margin:3px 0 3px 10px;
			cursor: pointer;
}

table.orderform  input#reset:hover {
			background-color: #407A5B;
			color:#ffffff;
}

#display_none{
			display:block;
}

#display_none_1{
			display:block;
}

#display_none_2{
			display:block;
}

input#saishin,input#nenkan,input#backnumber	{
			margin-left:112px;
			width:400px;
			text-align:left;
}

input#saishin:hover,input#nenkan:hover,input#backnumber:hover	{
			margin-left:112px;
			width:400px;
			text-align:left;
			background-color: #283174;
			color:#ffffff;
}

p#form_title_saishin,p#form_title_nenkan,p#form_title_backnumber	{
			margin:20px 0 0 20px;
			font-size:17px;
			font-weight:bold;
			color:#283174;
}




span.orderform_red	{
			color:#ff0000;
			margin-left:30px;
			font-weight:bold;
}

p.form_coment	{
			margin:10px 0 0 20px;
			color:#333333;
			line-height:1.4em;
			font-size:14px;
}

table.orderform input.saishin_title	{
			padding:8px;font-weight:bold;
			color:#333333;
}

p.select_button	{
			margin:10px 0 0 10px;
			font-size:13px;
			line-height:1.5em;
}

table.orderform td.span_2	{
			padding:8px 0 8px 130px;
			font-weight:bold;
			color:#666666;
			background-color: #ffffff;
			font-size:13px;
			line-height:1.4em;
}


p.hover1 a img	{
			border: 2px solid #ffffff;
}



p.hover1 a img:hover	{
			opacity:0.6;
			filter: alpha(opacity=60);
			border: 2px solid #02B462;
}


span.zeikomi	{
			font-size:13px;
			margin-left:10px;
			color:#666666;
}


h3.lead_new	{
			background-color: #ffffff;
			margin:10px 0 0 20px;
			font-size:16px;
			color:#666666;
			line-height:1.3em;
			text-align:left;
}


h3.lead	{
			margin:10px 0 0 20px;
			font-size:16px;
			color:#666666;
			line-height:1.3em;
			text-align:left;
}

.sp	{
	display:none;
}

}



@media screen and (max-width:640px)	{


body	{
			background-color: #ffffff;
			width:100%;
}

img	{
			max-width: 99%;
			height: auto;
			border: none;
			width /***/:auto;　/*IE8のみ適用*/
}

img	{ 
			float : none ;
}

.pc	{
			display:none;
}

.sp	{
			display:block;
}

span.pc	{
			display:none;
}

span.sp	{
			display:block;
}


#iframe_current_issue_block	{
			width:99%;
			margin:0;
			padding:0;
}

#contents_current_issue_block	{
			width:99%;
			margin:0;
			padding:0;
}

h3.lead_new	{
			background-color: #ffffff;
			margin:10px 0 0 5px;
			font-size:16px;
			color:#666666;
			line-height:1.3em;
			text-align:left;
}

p.explanation_top	{
			font-size:16px;
			color:#8A6C03;
			font-weight:bold;
}


p.explanation	{
			font-size:14px;
			color:#333333;
			line-height:1.4em;
			margin-top:10px;
}



h4.current_issue_lead	{
			padding: 0 0 5px 0;
			color: #E44B79;
			font-size: 15px;
			line-height:1.4em;
			border-bottom: 1px dotted #66CCCC;
}

p.current_issue_text	{
		width:95%;
			font-size: 13px;
			line-height: 1.5em;
			margin:1px 0 0 0;
			padding:0 2px 0 0;
}


#contents_block_cover_top	{
			width:97%;
			overflow:hidden;
			padding:0 1%;
			margin:0 0 0 10px;
}

.contents_block_cover	{
			width:99%;
			overflow:hidden;
			padding:0 1%;
			margin:0 0 0 10px;
}

.contents_block_photo	{
			width:100%;
			float:none;
			margin-top:5px;
}

}

@media screen and (max-width:320px)	{

body	{
			background-color: #ffffff;
			width:100%;

}

#contents_block_cover_top	{
			width:98%;
			overflow:hidden;
			padding:0 1%;
			margin:0 0 0 2px;
}

.contents_block_cover	{
			width:98%;
			padding:0 1%;
			margin:0 0 0 2px;
}

p.img_hyoushi	{
			font-size:15px;
			color:#8372B6;
			font-weight:bold;
			line-height:1.3em;
			overflow:hidden;
}





p.img_hyoushi span.span_kakaku	{
			display:block;
			text-align:right;
			margin:20px 5px 0 0;
			color:#666666;
			font-weight:normal;
			font-size:85%
}

p.explanation	{
			width:99%;
			float:none;
			margin-top:5px;
			overflow:hidden;
}

.contents_block_text	{
			width:99%;
			float:none;
			margin-top:5px;
}

.contents_block_photo	{
			width:99%;
			float:none;
			margin-top:5px;
			overflow:hidden;
}

}




/*
border: 1px solid #407A5B;
*/