@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 641px) and (max-width: 970px) {
/*  新春おみくじ  */
div.bar_omikuji{
	background:#ff6833;
	padding:17px 10px 0 10px;
	text-align:center;
	margin:-15px 0 10px 0;
	}
div.bar_omikuji_sp{
	display:none;
	}

/*  Header  */
header#header { height: 48px; }
header#header div#siteid img { width: 130px; }
header#header div#siteid { margin: 6px 20px 0; }
header#header div.welcome { margin: 10px 10px 0 0; }
header#header nav {
	position: absolute;
	top: 48px;
	right: 10px;
	z-index: 1000;
	display: none;
	width: 300px;
	background-color: #FFF;
	-webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.7);
}

header#header > ul {
	position: relative;
	display: inline-block;
	float: right;
	text-align: left;
	margin: 15px 12px 0;
	vertical-align: middle;
	color: #FFF;
}
header#header > ul img {
	height: 16px;
    vertical-align: middle;
}
header#header > ul li.accountnav div {
	position: absolute;
	top: 20px;
	z-index: 1000;
	display: none;
	margin-left: -80px;
	background-color: #FFF;
    line-height: 36px;
}
header#header > ul li.accountnav div ul {
	padding: 9px 20px 10px;
	width: 120px;
	background-color: #FFF;
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
header#header > ul li.accountnav div ul li {
	margin: 0;
	padding: 0;
	text-align: left;
    font-size: 13px;
}
header#header > ul li.accountnav div ul li a {
	display: block;
	padding: 5px 0;
	background: none;
	
}
header#header > ul li.accountnav div ul li a:active {
	background: none;
	color: #E60012;
}

header#header nav ul#gnav {
	margin-top:0;
}

header#header nav ul#gnav li { font-size: 13px; }
header#header nav ul#gnav li a {
	display: block;
	padding: 15px 20px;
	border-bottom: 1px solid #999;
}
header#header nav ul#gnav li.aboutnav a, header#header nav ul#gnav li.booknav a, header#header nav ul#gnav li.cardnav a, header#header nav ul#gnav li.bookletnav a {
	padding: 20px;
	border-bottom: 1px solid #999;
}
header#header nav ul#gnav li.booknav div.subnav {
	display: none;
	padding: 0 20px;
	border-bottom: 1px solid #999;
	background-color: #EEE;
}
header#header nav ul#gnav li.booknav div.subnav h2 a {
	padding: 15px 0;
	border-bottom: none;
}
header#header nav ul#gnav li.booknav div.subnav dl {
	padding: 10px 0 15px;
	border-top: 1px solid #999;
	font-size: 12px;
}
header#header nav ul#gnav li.booknav div.subnav dl:first-child { border-top: none; }
header#header nav ul#gnav li.booknav div.subnav dl dt a {
	display: block;
	padding: 15px 0 10px !important;
	border-bottom: none !important;
}
header#header nav ul#gnav li.booknav div.subnav dl dd { margin-left: 1em; }
header#header nav ul#gnav li.booknav div.subnav dl dd a {
	display: block;
	padding: 10px 0 0 !important;
	border-bottom: none !important;
}
header#header nav ul#gnav li.cardnav, header#header nav ul#gnav li.bookletnav { margin-bottom: 10px; }
header#header nav ul#gnav li.cardnav div.subnav, header#header nav ul#gnav li.bookletnav div.subnav {
	display: none;
	padding: 0;
	background-color: #EEE;
}
header#header nav ul#snsnav { margin: 5px 20px 20px; }
header#header nav ul#snsnav li {
	margin-bottom: 15px;
	font-size: 13px;
}
header#header nav ul#snsnav li img {
	margin-right: 5px;
	vertical-align: middle;
	width: 24px;
}
header#header nav ul#usernav li {
	border-bottom: 1px solid #999;
	font-size: 13px;
}
header#header nav ul#usernav li a {
	display: block;
	padding: 15px 20px;
}

header#header ul#usernav li.cartnav .count { margin-left: 5px; }
/*  Footer  */
footer#footer { }
footer#footer div#megamenu { display: none; }
footer#footer div#footnav {
	position: relative;
	padding: 20px;
}
footer#footer div#footnav nav p { font-size: 12px; }
footer#footer div#footnav p.copy { font-size: 12px; }
footer#footer:before, footer#footer:after {
	content: " ";
	display: table;
}
footer#footer:after { clear: both; }
footer#footer div#megamenu { display: none; }
footer#footer div#footnav { padding-top: 10px; }
/*  Body  */
div#container { width: 100%; }
body#home div#container { border-top: none; }
div#pagehead { margin: 0 15px; }
div#pagehead div#bread { padding: 8px 0; }
div#pagehead h1 {
	padding: 15px 0;
	font-size: 12px;
}
div#pagehead div.search {
	width: 100%;
	border-bottom: 1px solid #999;
}
div#pagehead div.search input { margin: 5px 0; }
div#pagehead div.search input[type=text] { width: 120px; }
body#home div#container { border-top: none; }
div#pagehead {
 *zoom: 1; margin: 0 auto; }
div#pagehead:before, div#pagehead:after {
	content: " ";
	display: table;
}
div#pagehead:after { clear: both; }
div#pagehead div#bread {
	float: left;
	padding: 13px;
}
div#pagehead h1 {
	float: right;
	padding: 13px;
	font-size: 12px;
}
div#pagehead div.search { float: right; }
div#pagehead div.search input { margin: 5px 0 0; }
/*  Body  */
body#book div#pagehead div#bread { border-bottom: none; }
/* --------------------------- */
/*  Home  */
/* --------------------------- */
/* HOME、BOOKトップ共通↓ */
div#slider
 { width: 100%; height:auto; }
div#mainvisual img {
	width:100%;
	margin:0 auto;
}
/* ↑HOME、BOOKトップ共通 */
/* mainBanner */
.mainBanner {
	width: 100%;
	height: 60px;
}
.mainBanner img.download {
	width: 392px;
	margin: 12px 15px 0;
}
.mainBanner img.app1, .mainBanner img.app2 { width: 140px; }
.mainBanner img.app1 { margin: 9px 10px 0 0; }
.mainBanner img.app2 { margin-top: 8px; }
div#mainvisual #slider div { height:300px; }
div#mainvisual h1 {
	position: absolute;
	top: -webkit-calc(50% - 50px);
	top: calc(50% - 50px);
	left: -webkit-calc(50% - 230px);
	left: calc(50% - 230px);
	text-align: center;
	z-index: 100;
	color: #FFF;
	line-height:1.8em;
	font-size: 22px;
	letter-spacing:1px;
	font-family: 'AxisStd-Light';
	padding: 8px 20px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 3px; 
	-webkit-border-radius: 3px;/* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;/* Firefox用 */  
}
div#mainvisual div#btnStart {
	top: 170px;
	margin-left: -132px;
	width: 264px;
}
div#homeContent {
 *zoom: 1; width: 730px; margin-top:60px; }
div#homeContent:before, div#homeContent:after {
	content: " ";
	display: table;
}
div#homeContent:after { clear: both; }
div#homeContent div#infobar { *zoom: 1;
}
div#homeContent div#infobar:before, div#homeContent div#infobar:after {
	content: " ";
	display: table;
}
div#homeContent div#infobar:after { clear: both; }
div#homeContent div#infobar h2 {
	float: left;
	border-right: 1px solid #ccc;
}
div#homeContent div#infobar ul { float: left; }
div#homeContent #infoList, div#homeContent #newList { width: 48%; }
div#homeContent #infoList h2, div#homeContent #newList h2 { margin: 25px 25px 0; }
div#homeContent #infoList ul, div#homeContent #newList ul { margin: 15px 25px 25px; }
div#homeContent #infoList ul li, div#homeContent #newList ul li {
	margin-top: 1em;
	font-size: 12px;
	line-height: 1.8;
}
div#homeContent #infoList ul li span, div#homeContent #newList ul li span { display: block; }
div#homeContent #infoList {
	float: left;
	margin-top: 20px;
}
div#homeContent #newList {
	float: right;
	margin-top: 20px;
}
div#CopyContent {
	margin:40px 15px;
	text-align:center;
}
div#CopyContent h3{
	font-size:22px;
	margin-bottom:20px;
}
div#CopyContent h4{
	font-size:14px;
	line-height:1.8em;
}
div.bannerBlock01 { margin-top: 20px; }
div.bannerBlock01 div.item {
	display:block;
	float:left;
	width:32%;
	margin-left:2%;
	margin-bottom:16px;
	text-align:center;
	font-size:12px;
}
div.bannerBlock01 div.item:first-child { margin-left: 0; }
div.bannerBlock01 div.item img { width:100%; margin-bottom:8px; }

/*SNSバナー*/
section.SnsBanner{
	width:100%;
	margin:20px 0;
	}
section.SnsBanner div.BoxSnsBanner{
	float:left;
	width:22%;
	padding:1%;
	margin-right:1.3%;
	border-radius: 5px; 
	-webkit-border-radius: 5px;/* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;/* Firefox用 */  
	}
section.SnsBanner div.BoxSnsBanner_end{
	float:left;
	width:22%;
	padding:1%;
	border-radius: 5px; 
	-webkit-border-radius: 5px;/* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;/* Firefox用 */ 
	}
section.SnsBanner div.BoxSnsBanner img, section.SnsBanner div.BoxSnsBanner_end img{
	float:left;
	width:12%;
	margin-right:5px;
	}
section.SnsBanner div.BoxSnsBanner p, section.SnsBanner div.BoxSnsBanner_end p{
	float:left;
	color:#fff;
	margin-top:5px;
	font-size:13px;
	}
section.SnsBanner .fb{ background-color:#3c579e;}
section.SnsBanner .tw{ background-color:#54abed;}
section.SnsBanner .instagram{ background-color:#000;}
section.SnsBanner .line{ background-color:#00c300;}


/* --------------------------- */
/*  ABOUT SCENE  */
/* --------------------------- */
#about, #scene {
	padding:0 20px;
}
#scene {
	font-size:13px;
}
#scene .right .btnM a {
	padding:5px 10px;
}
/* --------------------------- */
/*  BOOK  */
/* --------------------------- */
#book h2 {
	padding:0 15px;
}
div#bookvisual img {
	width: 100%;
}
/* トップ アイテム */
#bookSelect, #bookTopic {
	margin:0 auto;
	padding:0 13px;
	width:710px;
}
#bookSelect ul li a {
	width:170px;
	height:170px;
}
/* 比較 */
#bookList { margin: 10px 15px 0; }
#bookList h2 {
	color: #666;
	font-size: 15px;
	margin-top:30px;
}
#bookList section.itemgroup { *zoom: 1;
}
#bookList section.itemgroup:before, #bookList section.itemgroup:after {
	content: " ";
	display: table;
}
#bookList section.itemgroup:after { clear: both; }
#bookList section.itemgroup:first-child { border-left: none; }
#bookList section.itemgroup header {
 *zoom: 1; margin-top: 50px; }
#bookList section.itemgroup header:before, #bookList section.itemgroup header:after {
	content: " ";
	display: table;
}
#bookList section.itemgroup header:after { clear: both; }
#bookList section.itemgroup header img {
	float: right;
	margin: 20px 10px;
	width: 100px;
	height: 65px;
}
#bookList section.itemgroup header div h1 {
	margin-top: -30px;
	padding: 10px;
	background-color: #F2F2F2;
	color: #666;
	font-size: 16px;
}
#bookList section.itemgroup header div p {
	margin: 10px;
	font-size: 13px;
	line-height: 1.4;
}
#bookList section.itemgroup section.item {
	float: left;
	margin-left: 6%;
	padding-bottom: 50px;
	width: 47%;
}
#bookList section.itemgroup section.item:first-child { margin-left: 0; }
#bookList section.itemgroup section.item:nth-child(2n+1) {
	clear: left;
	margin-left: 0;
}
#bookList section.itemgroup section.item h1 {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #9e9e9e;
	color: #666;
	font-size: 18px;
}
#bookList section.itemgroup section.item div.itemthumb {
	float: left;
	width: 45%;
	text-align: center;
}
#bookList section.itemgroup section.item ul { font-size: 14px; }
#bookList section.itemgroup section.item ul.data01 {
	float: right;
	width: 45%;
}
#bookList section.itemgroup section.item ul.data02 { clear: both; }
#bookList section.itemgroup section.item ul li {
	padding: 0 0 7px;
	text-align: center;
}
#bookList section.itemgroup section.item ul li.button p.cap img { width: 100%; }
#bookList section.itemgroup section.item ul li.button p.btn a {
	margin: 0 auto 5px;
	width: 90%;
}
#bookList section.itemgroup section.item ul li.size p { line-height: 1.4; }
#bookList section.itemgroup section.item ul li.accessory { padding: 3px 0; }
#bookList section.itemgroup section.item ul li.accessory p { padding: 4px 6px; }
#bookList section.itemgroup section.item ul li.accessory span { display: none; }
#bookList section.itemgroup section.item ul li.page {
	padding: 10px 0 0;
	text-align: left;
}
#bookList section.itemgroup section.item ul li.shipping {
	padding: 15px 0 0;
	text-align: left;
}
#bookList section.itemgroup section.item ul li.shipping ul { margin-top: 0; }
#bookList section.itemgroup section.item ul li.shipping ul li {
	display: inline;
	padding-right: 20px;
	border-top: none;
	line-height: 1.4;
}
#bookList p.attention { font-size: 12px; }
/* ページ数 */
.page span {
	margin: 2px;
	padding: 3px 5px;
	width: 35px;
	font-size: 12px;
}

/*ステップ（アプリ）*/
#bookBlock .box_step{
	max-width:800px;
	margin:40px auto;
	}
#bookBlock .box_step h3{
	font-size:19px !important;
	} 
#bookBlock .box_step img.step_img{
	width:70%;
	margin-bottom:15px;
	}
#bookBlock .box_step img.app_banner_step{
	width:60%;
	margin:0 !important;
	}
#bookBlock .box_step p{
	margin-bottom:10px;
	text-align:left;
	 line-height:1.5em;
	 font-size:13px;
	}
#bookBlock .box_step_l{
	float:left;
	width:32%;
	margin-right:2%;
	padding:0;
	text-align:center;
	}
#bookBlock .box_step_r{
	float:left;
	width:32%;
	text-align:center;
	}
	
/* 出荷日 */
.shipping ul li { line-height: 1.5; }
.shipping ul li span {
	margin-right: 5px;
	padding: 5px;
	font-size: 12px;
}
/* -------------------- */
/*  BOOK ITEM */
/* -------------------- */
article#bookBlock { margin: 0px 15px 0; }
article#bookBlock header { height: 278px; }
article#bookBlock header .badge {
	position: absolute;
	width : 160px;
	top: 16px;
	left: 10px;
}
article#bookBlock header div#bookdata {
	margin-left: 65%;
	width: 35%;
	height: 276px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: center;
}
article#bookBlock header div#bookdata .sp { margin-top: 20px; }
article#bookBlock header div#bookdata p.btnG { margin-top: 20px; }
article#bookBlock header div#bookdata p.btnG a {
	padding: 10px 0;
	width: 180px;
}
article#bookBlock header div#bookdata p.catch {
	margin-top: 15px;
	font-size: 16px;
	font-family: 'AxisStd-Light';
	line-height: 1.5;
}
article#bookBlock header div#bookdata p.logo { margin-top: 10px; }
article#bookBlock header div#bookdata p.logo img { width: 50%; }
article#bookBlock header div#bookdata h2 { margin-top: 10px; }
article#bookBlock.folio header {
	background: url(../img/folio/main_pc.jpg) no-repeat left center;
	background-size: 65%;
}
article#bookBlock.rough header {
	background: url(../img/rough/main_pc.jpg) no-repeat left center;
	background-size: 65%;
}
article#bookBlock.pocket header {
	background: url(../img/pocket/main_pc.jpg) no-repeat left center;
	background-size: 65%;
}
article#bookBlock.life header {
	background: url(../img/life/main_pc.jpg) no-repeat left center;
	background-size: 65%;
}
article#bookBlock.graph header {
	background: url(../img/graph/main_pc.jpg) no-repeat left center;
	background-size: 65%;
}
article#bookBlock.bunko header {
	background: url(../img/bunko/main_pc.jpg) no-repeat left center;
	background-size: 65%;
}
article#bookBlock.album header {
	background: url(../img/album/main_pc.jpg) no-repeat left center;
	background-size: 65%;
}
article#bookBlock.journal header {
	background: url(../img/journal/main_pc.jpg) no-repeat left center;
	background-size: 65%;
}
article#bookBlock.greeting header {
	background: url(../img/greeting/main_pc.jpg) no-repeat left center;
	background-size: 65%;
}
article#bookBlock div#sidebar {
 *zoom: 1;
	margin: 40px 20px;
	padding-bottom: 20px;
	color: gray;
}
article#bookBlock div#sidebar:before, article#bookBlock div#sidebar:after {
	content: " ";
	display: table;
}
article#bookBlock div#sidebar:after { clear: both; }
article#bookBlock div#sidebar section ul { margin-top: 10px; }
article#bookBlock div#sidebar section ul li {
	font-size: 14px;
	line-height: 2;
}
article#bookBlock div#sidebar section.shipping {
 *zoom: 1;
	padding: 12px 18px;
	border: 1px solid #999;
}
article#bookBlock div#sidebar section.shipping:before, article#bookBlock div#sidebar section.shipping:after {
	content: " ";
	display: table;
}
article#bookBlock div#sidebar section.shipping:after { clear: both; }
article#bookBlock div#sidebar section.shipping h2 {
	float: left;
	padding-top: 2px;
	width: 18%;
	font-size: 13px;
	line-height: 2;
}
article#bookBlock div#sidebar section.shipping ul {
	float: left;
	margin-top: 0;
	width: 80%;
}
article#bookBlock div#sidebar section.shipping ul li {
	display: inline-block;
	width: 49%;
	font-size: 13px;
	line-height: 2.4;
}
article#bookBlock div#sidebar section.shipping ul li span {
	margin-right: 5px;
	padding: 5px 10px;
	font-size: 12px;
}
article#bookBlock div#sidebar section.shipping ul li span.exp { background-color: #E61673; }
article#bookBlock div#sidebar section.price {
	float: left;
	margin-top: 20px;
	padding-top: 20px;
	width: 47%;
}
article#bookBlock div#sidebar section.price ul { margin-left: 1em; }
article#bookBlock div#sidebar section p {
	margin-top: 15px;
	font-size: 13px;
}
article#bookBlock div#sidebar section p a {
	margin-left: 3px;
	color: #2EA7E0;
	text-decoration: underline;
}
article#bookBlock div#sidebar section.price p a:active { text-decoration: none; }
article#bookBlock div#sidebar section.spec {
	float: right;
	margin-top: 20px;
	padding-top: 20px;
	width: 47%;
}
article#bookBlock div#sidebar section.spec ul { margin-left: 20px; }
article#bookBlock div#sidebar section.spec ul li { list-style: disc; }
article#bookBlock div#thumbBox {
 *zoom: 1;
	margin: 10px auto 0;
	width: 660px;
}
article#bookBlock div#thumbBox:before, article#bookBlock div#thumbBox:after {
	content: " ";
	display: table;
}
article#bookBlock div#thumbBox:after { clear: both; }
article#bookBlock div#thumbBox div.item {
	float: left;
	margin: 0 10px 20px;
	width: 200px;
}
article#bookBlock div#thumbBox div.item:nth-child(3n+1) { clear: left; }
article#bookBlock div#thumbBox div.item img {
	width: 100%;
	height: auto;
}
article#bookBlock div#thumbBox div.item p {
	font-size: 12px;
	line-height: 1.5;
}
div#snsshare { margin: 20px 20px 0; }
/* キャンペーン */
article#bookBlock div#campaign { margin: 30px 15px 30px; }
article#bookBlock div#campaign section { padding: 16px; }
article#bookBlock div#campaign ul { padding: 14px; }


/* --------------------------- */
/*  CARD  */
/* --------------------------- */
div#cardvisual {
	position:relative;
}
div#cardvisual img {
	width:100%;
}
/* バッヂ↓ */
.greeting_campaign_badge {
	position:absolute;
	top:20px;
	right:35px;
	width:256px;
}
.greeting_campaign_badge img {
	width:256px;
}	
/* ↑バッヂ */
/* mainBannerCard */
div#mainBannerCard {
	background:#36A541;
	width:100%;
	height:40px;
	text-align:center;
	padding-top:22px;
}
#mainBannerCard a {
	text-decoration:none;
	color:#fff;
	}

/*CARD一覧*/
article#cardBlock {
	margin:30px auto 20px auto;
	}
article#cardBlock .btnGreen{
	padding:5px 15px;
	font-size:13px;
	color:#fff;
	text-decoration:none !important;
	background:#8fc31f;
	display:inline-block;
	border-radius: 15px;
	margin-top:5px;
	}
article#cardBlock .icon{
	padding:3px 5px;
	display:inline-block;
	border-radius: 2px;
	font-size:11px;
	text-decoration:none;
	margin-bottom:10px;
	}
article#cardBlock .on{ background: #77b5dd; color:#fff;}
article#cardBlock .off{ background:#999; color:#666;}
article#cardBlock h2{ font-size:15px; }
article#cardBlock section#itemBlock{
	border:1px solid #999;
	}
article#cardBlock section.itemBox{
	float:left;
	width:19.9%;
	margin:0;
	border-right:1px solid #999;
	}
article#cardBlock section.noborder{ border:none !important;}
article#cardBlock section.itemBox_gray{
	float:left;
	width:19.8%;
	margin:0;
	background:#f5f5f5;
	border-right:1px solid #999;
	}
article#cardBlock section#itemBlock div.itemimg{
	padding:10px;
	text-align:center;
	border-bottom:1px dotted #999;
	}
article#cardBlock section#itemBlock img{ width:100%; margin:0; }
article#cardBlock section#itemBlock div.itemimg img.img_half{ width:45% !important; border:1px solid #999;}
article#cardBlock section#itemBlock div.itemimg img.img_moca{ width:43% !important; border:1px solid #999;}
article#cardBlock section#itemBlock div.itemdetail{
	padding:10px;
	text-align:left;
	border-bottom:1px dotted #999;
	}
article#cardBlock section#itemBlock div.bottom{ border-bottom:none !important;}
article#cardBlock section#itemBlock p{
	margin:0 !important;
	line-height:1.5em;
	font-size:13px;
	}
article#cardBlock section#itemBlock h3{ 
	font-size:15px;
	margin:0 0 5px 0 !important;
	}
article#cardBlock section#itemBlock h4{ 
	font-size:16px;
	margin:0 0 10px 0;
	}
article#cardBlock span.small{ 
	font-size:11px;
	margin:0 0 10px 0;
	}
article#cardBlock h4 a{ 
	text-decoration:none;
	color:#666;
	} 
article#cardBlock .btn_item_app{
	font-size:13px;
	text-decoration:none;
	color:#fff;
	background:#ff893a;
	padding:7px 15px ;
	display:inline-block;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	}
article#cardBlock .btn_item_app:hover{
	font-size:13px;
	text-decoration:none;
	color:#fff;
	background:#fea76d;
	padding:7px 15px ;
	display:inline-block;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	}
article#cardBlock .btn_item_web{
	font-size:13px;
	text-decoration:none;
	color:#fff;
	background:#68d0fb;
	padding:7px 15px;
	display:inline-block;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	}
article#cardBlock .btn_item_web:hover{
	font-size:13px;
	text-decoration:none;
	color:#fff;
	background:#96e0fe;
	padding:7px 15px;
	display:inline-block;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	}
article#cardBlock p{
	font-size:13px;
	line-height:1.5em;
	margin:5px 0;
	}
article#cardBlock .red{
	color:#ff0000;
	}

/* --------------------------- */
/*  STORE  */
/* --------------------------- */
article#accessory .itemlist{
	margin:0 2px !important;
	padding:8px 3px !important;
	width:40px;
	height:50px;
	font-size:10px;
	background-color: #ccc;
	color: #FFF;
	text-align: center;
	}
article#accessory span.true{ background-color: #03CACD !important; }
article#accessory span.mg_l{ margin-left:30px !important;}
article#accessory span.mg_r{ margin-right:30px !important;}

/* --------------------------- */
/*  User  */
/*  Cart  */
/*  Content  */
/* --------------------------- */
body#user, body#checkout, body#content { background: #FFF; }
body#user header#header {
	border: none;
	width: 100%;
}
body#user header#header div#siteid, body#checkout header#header div#siteid, body#content header#header div#siteid {
	float: none;
	margin: 6px 20px 0;
}
body#user div#container, body#checkout div#container {
	width:auto;
	margin: 0 auto;
	padding: 30px 20px;
	background: #FFF;
	border-bottom: 10px solid #808080;
}
body#user footer#footer, body#checkout footer#footer, body#content footer#footer {
	width: 100%;
	margin: 0;
}
body#user footer#footer #footnav, body#checkout footer#footer #footnav, body#content footer#footer #footnav {
	padding: 10px 20px;
	border: none;
}
/* セコム */
body#user .boxL, body#user .boxSecom { margin: 15px; }
/* ユーザー */
article#userBlock {
	padding: 30px 50px;
	margin: 20px auto;
	/* width: 300px; */
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
article#userBlock.error {
	padding: 30px 40px;
	width: 320px;
}
/* カート */
article#checkoutBlock .itemPrice { white-space: nowrap; }
article#checkoutBlock .itemRemove { }
article#checkoutBlock .boxForm .boxW img { width: 100%; }
article#checkoutBlock tbody td { text-align:center; }
article#checkoutBlock .subtotal tr {
	border: 1px solid #808080;
	background: #FFF;
}
article#checkoutBlock .subtotal td {
	background: #FFF;
	text-align: center;
	padding: 5px;
}
article#checkoutBlock .subtotal .btnG a { display: inline-block; }
article#checkoutBlock .subtotal .boxSubtotalD, article#checkoutBlock .subtotal .boxSubtotal { display: block; }
article#checkoutBlock .boxE input[type=submit].btnM { padding: 2px 8px; }
article#checkoutBlock .subtotal .boxSubtotalD {
	margin-top: 20px;
	display: inline-block;
}
article#checkoutBlock .subtotal .boxSubtotal {
	margin-top: 10px;
	display: inline-block;
}
article#checkoutBlock .subtotal .btnM { margin: 0 5px; }
article#checkoutBlock #point .btnG {
	margin-left: 3px;
	padding: 2px 10px;
}
article#checkoutBlock header .btnG a { margin: 10px 0; }
/* --------------------------- */
/*  お友だち招待・STAGE応募・問い合わせ  */
/* --------------------------- */
article#checkoutBlock header h1.none { height: auto; }
article#checkoutBlock header h1 .small {
	margin-left: 0;
	display: block;
}
body#checkout article#userBlock {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	line-height: 1.5;
}
/* --------------------------- */
/*  Award  */
/* --------------------------- */
article#award { margin-bottom: 20px; }
article#award .mainNav img {
	width: 100%;
	float: none;
}
article#award .boxBanner {
	float: none;
	color: #fff;
	text-align: center;
	background: #956134;
	padding: 15px;
}
article#award .boxBanner .btnW { margin-top: 10px; }
article#award .boxD, article#award .boxDB {
	width: auto;
	height: auto;
	float: none;
	padding: 10px 25px;
}
article#award .boxD li:first-child, article#award .boxDB li:first-child { margin-left: 0; }
article#award #entry th, article#award #howto th { text-align: left; }
article#award #entry tr, article#award #howto tr {
	margin: 0;
	padding: 0;
}
article#award section.left, article#award section.right { float: none; }
article#award #first .item .left, article#award #second .item .left, article#award #third .item .left, article#award #judge .item .left { width: 15%; }
article#award #first .item .left img, article#award #second .item .left img, article#award #third .item .left img, article#award #judge .item .left img { width: 100%; }
article#award #first .item .right, article#award #second .item .right, article#award #third .item .right, article#award #judge .item .right { width: 80%; }
article#award #first .item .right img, article#award #second .item .right img, article#award #third .item .right img, article#award #judge .item .right img { width: 100%; }
article#award #specialjudge .left {
	width: 100%;
	margin: 0 0 20px 0;
}
article#award #specialjudge .left:first-child { margin: 0 0 20px 0; }
/* --------------------------- */
/*  STAGE for mobile only  */
/* --------------------------- */
#stage header#header {
	width:100%;
	position:fixed;
	top:0;
	background:#FFF;
}
/* --------------------------- */
/*  Module  */
/* --------------------------- */
.pc, .sp { display: none; }
div.box01 {
	margin-top: 20px;
	padding: 20px;
	border: 1px solid #999;
}
div.box01 p:first-child { margin-top: 0; }
div.box02 {
	margin-top: 20px;
	padding: 20px;
	background-color: #f2f2f2;
}
.boxL, .boxW, .boxE, .boxSecom { padding: 10px; }
}