@charset "UTF-8";
/*-----------------------------------------------------------------*/	
/*----------------------------------------------------------共通設定*/	
/*-----------------------------------------------------------------*/	

body.fixed{
  position: fixed;
  width:100%;
}

/*-----------------------------------------------------------------*/	
/*-----------------------------------------------------------------*/	
/*------------------------------------------------スマホ用ページ用設定*/	
@media screen and (max-width: 767px) {
/*-----------------------------------------------------------------*/	
/*スマホ用 767px以下の場合*/
/*-----------------------------------------------------------------*/
/*------------------------------------------------------------最新号*/
/*-----------------------------------------------------------------*/	
/*最新号レイアウト*/
ul.main {
	margin: 24px 5px;
	padding: 0;
	list-style: none;
	font-size: 0;
}
.main li {
	display: inline-block;
	width: 50%;
	margin: 0 auto;
	padding: 0;
	font-size: 0;
	vertical-align: top;
}
/*-----------------------------------------------------------------*/
/*表紙とテキストレイアウト*/
.main dl {
	width: 96%;
	margin: 0 auto;
	padding: 0;
}
/*-----------------------------------------------------------------*/
/*表紙*/
.main dl dt {
	margin: 0;
	padding: 0;
	font-size: 0;
	z-index: 1;
}
/*テキスト*/
.main dl dd {
	margin: 0;
	padding: 8px 0 0 0;
	font-size: 14px;
	line-height: 1.4;
}
/*-----------------------------------------------------------------*/
/*タイトル*/
.main dl dd strong {
	display: block;
	height: 2.6em;
	margin: 0 0 4px;
	padding: 0 4px;
	font-size: 16px;
	line-height: 1.2;
	color: #CC1111;
	border-bottom: 2px solid #D0D0D0;
}
/*価格*/
.main dl dd i {
	display: block;
	padding: 0 4px;
	font-size: 12px;
	font-style: normal;
}
/*表紙作品*/
.main dl dd em {
	display: block;
	padding: 12px 4px 0;
	color: #CC1111;
	font-style: normal;
}
/*表紙作品/作家*/
.main dl dd span {
	display: block;
	padding: 0 4px;
	font-style: normal;
}
/*ボタン*/
.main dl dd .btn {
	margin: 8px 0 0 0;
}
/*リンク*/
.main dl dd .btn a:link, .main dl dd .btn a:visited {
	display: block;
	width: 100%;
	background: #CC1111;
	margin: 4px 0 0 0;
	padding: 8px 0 6px;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	border-radius: 40px;
	text-align: center;
}
/*-----------------------------------------------------------------*/
/*グラデーション付きアコーディオン*/
.more2, .more3 {
	text-align: center;
	background-image: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,1) 100%);
);
	padding-top: 6.5em;
	margin-top: -8.5em;
	position: relative;
}
/*クリックされたら非表示に*/
.more2.active, .more3.active {
	display: none;
}
/*ボタン配置*/
.more2.btn, .more2.btn {
	margin: 0 auto;
}
.more2 .btn a:link, .more2 .btn a:visited, .more3 .btn a:link, .more3 .btn a:visited {
	width: 60%;
	margin: 0 auto;
	padding: 12px 4% 10px;
	font-size: 16px;
	text-align: center;
}
.slide3 {
	display: none;
}
strong.mt {
	margin: 50px auto 0;
}
/*-----------------------------------------------------------------*/
/*特集*/
ul.special{
	width:100%;
	margin:0 auto;
	list-style: none;
	padding:0;
	font-size:0;
	margin:0 auto;
	
	}
ul.special li{
	text-align:left;
	line-height:1.3;
	width:46%;
	padding:0 1%;
	font-size:14px;
	display:inline-block;
	vertical-align:top;
	}
ul.special li img{
	display:block;
	margin:0 0 5px 0;
	}
/*-----------------------------------------------------------------*/
/*3段組み*/
ul.column3{
	width:100%;
	margin:0 auto;
	list-style: none;
	padding:0;
	font-size:0;
	margin:0 auto;
	
	}
ul.column3 li{
	text-align:left;
	line-height:1.3;
	width:31%;
	padding:0 1%;
	font-size:14px;
	display:inline-block;
	vertical-align:top;
	}
ul.column3 li img{
	display:block;
	margin:0 0 5px 0;
	}

/*-------------------------------------------------------end@media*/	
}



/*-----------------------------------------------------------------*/	
/*-----------------------------------------------------------------*/	
/*---------------------------------------------------PC用ページ用設定*/	
@media screen and (min-width: 768px) {
/*-----------------------------------------------------------------*/	
/*PC用 768px以上の場合*/
/*-----------------------------------------------------------------*/
/*-------------------------------------------------------トップページ*/
/*-----------------------------------------------------------------*/	
/*最新号レイアウト*/
.main {
	width: 948px;
	margin: 50px auto;
	padding: 0;
	list-style: none;
	font-size: 0;
}
.main li {
	display: inline-block;
 vertical-align: top;
	width: 454px;
	margin: 0;
	padding: 0;
	font-size: 0;
}
/*SQ.の右側にマージン*/
.main li:first-child {
	margin: 0 40px 0 0;
}
/*-----------------------------------------------------------------*/
/*表紙とテキストレイアウト*/
.main dl {
	margin: 0;
	padding: 0;
}
/*-----------------------------------------------------------------*/
/*表紙*/
.main dl dt {
	width: 220px;
	float: left;
	clear: both;
	font-size: 0;
	z-index: 1;
}
/*テキスト*/
.main dl dd {
	position: relative;
	width: 224px;
	margin: 0 0 0 230px;
	padding: 8px 0 0 0;
	font-size: 14px;
	line-height: 1.6;
	zoom: 1;
}
/*フロート解除:回り込みクリア*/
.main dl dd:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
/*-----------------------------------------------------------------*/
/*タイトル*/
.main dl dd strong {
	display: block;
	margin: 0 0 6px;
	padding: 0 0 6px;
	font-size: 18px;
	line-height: 1.2;
	color: #CC1111;
	border-bottom: 2px solid #D0D0D0;
}
/*-----------------------------------------------------------------*/
/*価格*/
.main dl dd i {
	display: block;
	font-size: 12px;
	font-style: normal;
}
/*-----------------------------------------------------------------*/
/*表紙作品*/
.main dl dd em {
	display: block;
	padding: 18px 0 0;
	color: #CC1111;
	font-style: normal;
}
/*-----------------------------------------------------------------*/
/*表紙作品/作家*/
.main dl dd span {
	padding: 12px 0 0;
	font-style: normal;
}
/*-----------------------------------------------------------------*/
/*ボタン*/
.main dl dd .btn {
	position: absolute;
	width: 100%;
	bottom: 0;
}
/*-----------------------------------------------------------------*/
/*リンク*/
.main dl dd .btn a:link, .main dl dd .btn a:visited {
	display: block;
	width: 94%;
	background: #CC1111;
	margin: 4px 0 0 0;
	padding: 8px 0 6px;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	border-radius: 40px;
	text-align: center;
}
.main dl dd .btn a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
/*-----------------------------------------------------------------*/
/*----------------------------------------------------------右ペイン*/
/*-----------------------------------------------------------------*/	
/*最新号レイアウト*/
aside .main {
	width:268px;
	margin: 0 auto 50px;
	padding: 0;
	list-style: none;
	font-size: 0;
}
aside .main li {
	display: block;
	width: 268px;
	margin: 0;
	padding: 0;
	font-size: 0;
}
/*SQ.の右側にマージン*/
aside .main li:first-child {
	margin: 0 0 30px 0;
}
/*-----------------------------------------------------------------*/
/*表紙とテキストレイアウト*/
aside .main dl {
	margin: 0;
	padding: 0;
}
/*-----------------------------------------------------------------*/
/*表紙*/
aside .main dl dt {border:1px solid #CCC; box-sizing: border-box;
	width: 250px;
	margin:0 auto;
	float: none;
	font-size: 0;
}
/*テキスト*/
aside .main dl dd {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 8px 0 0 0;
	font-size: 14px;
	line-height: 1.4;
	zoom: 1;
}
/*フロート解除:回り込みクリア*/
aside .main dl dd:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
/*-----------------------------------------------------------------*/
/*タイトル*/
aside .main dl dd strong {
	display: block;
	margin: 0 0 4px;
	padding: 0 10px 4px;
	font-size: 18px;
	line-height: 1.2;
	color: #CC1111;
	border-bottom: 1px solid #D0D0D0;
}
/*-----------------------------------------------------------------*/
/*価格*/
aside .main dl dd i {
	display: block;
	padding: 0 10px 4px;
	font-size: 12px;
	font-style: normal;
}
/*-----------------------------------------------------------------*/
/*表紙作品*/
aside .main dl dd em {
	display: block;
	padding: 8px 10px 0;
	color: #CC1111;
	font-style: normal;
}
/*-----------------------------------------------------------------*/
/*表紙作品/作家*/
aside .main dl dd span {
	padding: 12px 10px 0;
	font-style: normal;
}
/*-----------------------------------------------------------------*/
/*ボタン*/
aside .main dl dd .btn {
	position: relative;
	width: 250px;
	margin:0 auto;
}
/*-----------------------------------------------------------------*/
/*リンク*/
aside .main a:link, aside .main a:visited {
	display: block;
	width:218px;
	background: #CC1111;
	margin: 4px 0 0 0;
	padding: 8px 16px 6px;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	border-radius: 40;
	text-align: left;
}
aside .main a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
/*-----------------------------------------------------------------*/
/*グラデーション付きアコーディオン*/
.more2 {
	text-align: center;
	background-image: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,1) 100%);
);
	padding-top: 6.5em;
	margin-top: -8.5em;
	position: relative;
}
/*クリックされたら非表示に*/
.more2.active {
	display: none;
}
/*ボタン配置*/
.more2.btn {
	margin: 0 auto;
}
.more2 .btn a:link, .more2 .btn a:visited {
	width: 60%;
	margin: 0 auto;
	padding: 12px 4% 10px;
	font-size: 16px;
	text-align: center;
}
strong.mt {
	margin: 50px auto 0;
}
/*-----------------------------------------------------------------*/
/*特集*/
ul.special{
	width:620px;
	margin:0 auto;
	list-style: none;
	overflow:hidden;
	padding:0;
	
	}
ul.special li{
	width:300px;
	margin:10px 5px;
	float:left;
	font-size:14px;

	}
/*-----------------------------------------------------------------*/
/*3段組み*/
ul.column3{
	width:620px;
	margin:0 auto;
	list-style: none;
	overflow:hidden;
	padding:0;
	
	}
ul.column3 li{
	width:196px;
	margin:5px 5px;
	float:left;
	font-size:14px;

	}

/*-------------------------------------------------------end@media*/	
}




/*-----------------------------------------------------------------*/
/*-------------------------------------------------------クラウン設定*/
/*-----------------------------------------------------------------*/
/*クラウン*/
.main .crown dd strong {
	color: #334488;
}
.main .crown dd em {
	color: #334488;
}
/*リンク*/
.main .crown dl dd .btn a:link, .main .crown dl dd .btn a:visited {
	background: #334488;
}