@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 640px) {
body#wide #header, body#wide #container, body#wide #footer { width: auto; }
/*  新春おみくじ  */
div.bar_omikuji { display: none; }
div.bar_omikuji_sp {
	background: #ff6833;
	padding: 20px;
	text-align: center;
	margin: -15px 0 15px 0;
}
/*  Header  */
header#header { height: 48px; }
header#header div#siteid { margin: 10px 0 0 15px; }
header#header div#siteid img { width: 103px; }
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 10px 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;
}
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#usernav li.accountnav .subnav li:last-child { border-bottom: none; }
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 { 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 div#megamenu { display: none; }
footer#footer div#footnav { position: relative; padding: 15px;}
footer#footer div#footnav nav {
	display: table-cell;
}
footer#footer div#footnav nav p {
	text-align: left;
	font-size: 11px;
	line-height: 2em;
}
footer#footer div#footnav nav p a {
	display: block;
	padding: 0;
	border-left: none;
	margin-bottom:0;
}
footer#footer div#footnav p.copy {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 11px;
	line-height: 2em;
	margin:15px;
}
div#container { width: 100%; }
/*  Body  */
body#home div#container { border-top: none; }
div#pagehead { margin: 0 15px; }
div#pagehead div#bread { padding: 10px 0; }
div#pagehead h1 {
	padding: 10px 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; }
/* --------------------------- */
/*  Home  */
/* --------------------------- */
div#mainvisual .bx-wrapper .bx-pager { display: none; }
/* mainBanner */
.mainBanner a {
	width: 100%;
	font-size: 16px;
}
.mainBanner .small { display: none; }
.mainBanner img.download {
	width: 74px;
	margin: 14px 7px 0 5px;
}
.mainBanner img.app1, .mainBanner img.app2 { width: 95px; }
.mainBanner img.app1 { margin: 6px 5px 0 0; }
.mainBanner img.app2 { margin-top: 5px; }
div#homeContent { margin: 0px 15px 15px;/* スライド30px */ }
div#homeContent div#infobar h2 { border-bottom: 1px solid #999; }
div#homeContent div#infobar li { line-height: 1.4; }
div#homeContent #infoList, div#homeContent #newList { padding: 15px 20px 10px; }
div#homeContent #infoList ul li, div#homeContent #newList ul li {
	margin-top: 1em;
	font-size: 12px;
	line-height: 2;
}
div#homeContent #infoList ul li span, div#homeContent #newList ul li span { display: block; }
div#homeContent #newList { margin-top: 20px; }
div#homeContent #infoList { margin-top: 20px; }
div#CopyContent {
	margin: 20px 15px;
	text-align: center;
}
div#CopyContent h3 {
	font-size: 22px;
	margin-bottom: 10px;
	line-height: 1.6em;
}
div#CopyContent h4 {
	font-size: 14px;
	line-height: 1.6em;
	text-align: left;
}
div.bannerBlock01 { margin-top: 20px; }
div.bannerBlock01 div.item {
	display: block;
	float: none;
	width: 100%;
	margin-left: 0;
	margin-bottom: 16px;
	text-align: center;
	font-size: 13px;
}
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, section.SnsBanner div.BoxSnsBanner_end{
	width:95%;
	padding:2%;
	margin-bottom:5px;
	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:10%;
	margin-right:10px;
	}
section.SnsBanner div.BoxSnsBanner p, section.SnsBanner div.BoxSnsBanner_end p{
	float:left;
	color:#fff;
	margin-top:8px;
	font-size:17px;
	}
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  */
/* --------------------------- */
#about { margin: 0 15px 20px; }
.aboutvisual img { width: 100%; }
#about .left, #about .right {
	width: 100%;
	float: none;
}
#about h2 {
	text-align: center;
	font-size: 18px;
	margin: 20px 0 10px;
}
#about p.read {
	text-align: left;
	line-height: 2em;
	font-size: 13px;
	margin: 26px 0;
}
#about .wrap { margin: 20px 0 0; }
#about h3 {
	font-size: 16px;
	margin: 16px 0;
}
/* --------------------------- */
/*  SCENE  */
/* --------------------------- */
#scene { margin: 0 15px 20px; }
.scenevisual img { width: 100%; }
#scene .left, #scene .right, #scene .left2, #scene .right2, #scene .left_half, #scene .right_half, #scene .left3, #scene .right3, #scene .left_half2, #scene .right_half2 {
	width: 100% !important;
	float: none !important;
}
#scene h2 {
	text-align: center;
	font-size: 18px;
	margin: 30px 0;
}
#scene p.read {
	text-align: left;
	line-height: 1.5em;
	font-size: 13px;
	margin: 20px 0;
}
#scene .wrap { margin: 20px 0 0; }
#scene .folio, #scene .graph { width: 50% !important; }
/* --------------------------- */
/*  BOOK  */
/* --------------------------- */
#book h2 { padding: 0 15px; }
div#bookvisual img { width: 100%; }
div#bookvisual div#slider div { height: 275px; }
div#mainvisual h1 {
	position: absolute;
	top: -webkit-calc(50% - 30px);
	top: calc(50% - 30px);
	left: -webkit-calc(50% - 155px);
	left: calc(50% - 155px);
	text-align: center;
	z-index: 100;
	color: #FFF;
	font-size: 16px;
	letter-spacing:0;
	font-family: 'AxisStd-Light';
	padding: 8px 10px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 3px; 
	-webkit-border-radius: 3px;/* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;/* Firefox用 */  
}
/* トップ アイテム */
#bookSelect, #bookTopic {
	margin: 0 auto;
	padding: 0 15px;
}
#bookSelect h2, #bookTopic h2 { font-size: 15px; }
#bookSelect h2 span, #bookTopic h2 span { float: none; }
#bookSelect { text-align: center; }
#bookSelect ul {
	margin: 0 auto;
	width: 290px;
}
#bookSelect ul li {
	float: none;
	margin-top: 10px;
	margin-left: 0;
}
#bookSelect ul li a {
	width: 290px;
	height: 290px;
	font-size: 13px;
}
/* トップ ブログ記事 */
#bookTopic { margin-bottom: 20px; }
#bookTopic h3 { font-size: 15px; }
#bookTopic ul { margin: 0 auto; }
#bookTopic ul li {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-top: 10px;
}
/* oneカラム */
#bookTopic ul.one li {
	width: 100%;
	float: none;
	margin: 0 auto;
}
#bookTopic ul.one li img {
	float: none;
	width: 100%;
	margin-right: 0;
}
/* bookBanner */
.bookBanner {
	background: #d70c18;
	width: 100%;
	padding: 20px 0;
	margin-bottom: 20px;
	text-align: center;
}
/* 比較 */
#bookList h2 {
	margin: 40px 15px 0;
	font-size: 15px;
}
#bookList div#itemBlock { margin-top: 20px; }
#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 15px;
	width: 100px;
	height: 65px;
}
#bookList section.itemgroup header div h1 {
	margin-top: -30px;
	padding: 10px 15px;
	background-color: #F2F2F2;
	font-size: 16px;
}
#bookList section.itemgroup header div p {
	margin: 10px 15px;
	font-size: 12px;
	line-height: 1.4;
}
#bookList section.itemgroup section.item {
	margin: 0 15px;
	padding-bottom: 50px;
}
#bookList section.itemgroup section.item h2 {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999;
	font-size: 18px;
}
#bookList section.itemgroup section.item div.itemthumb {
	float: left;
	width: 45%;
	text-align: center;
}
#bookList section.itemgroup section.item div.itemthumb img { margin: 0 auto; }
#bookList section.itemgroup section#folio div.itemthumb img { width: 102px; }
#bookList section.itemgroup section#rough div.itemthumb img { width: 84px; }
#bookList section.itemgroup section#pocket div.itemthumb img.pocketT {
	width: 55px;
	margin-left: 0px;
}
#bookList section.itemgroup section#pocket div.itemthumb img.pocketY {
	width: 75px;
	position: relative;
	top: 27px;
	left: -15px;
}
#bookList section.itemgroup section#graph div.itemthumb img { width: 102px; }
#bookList section.itemgroup section#life div.itemthumb img { width: 83px; }
#bookList section.itemgroup section#bunko div.itemthumb img { width: 64px; }
#bookList section.itemgroup section#album div.itemthumb img { width: 70px; }
#bookList section.itemgroup section.item ul { font-size: 14px; }
#bookList section.itemgroup section.item ul.data01 {
	float: right;
	margin-right: 0px;
	width: 55%;
}
#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: 80%; }
#bookList section.itemgroup section.item ul li.button p.btn a {
	margin: 0 auto 5px;
	width: 70%;
}
#bookList section.itemgroup section.item ul li.size p { line-height: 1.4; }
#bookList section.itemgroup section.item ul li.accessory { padding: 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: 10px;
	border-top: none;
	line-height: 1.4;
}
#bookList p.attention {
	margin: 10px 15px 40px;
	font-size: 12px;
}
/* ページ数 */
.page span {
	margin: 2px;
	padding: 3px 5px;
	width: 35px;
	font-size: 12px;
}
/*ステップ（アプリ）*/
#bookBlock .box_step{
	margin:30px auto;
	width:90%;
	}
#bookBlock .box_step h3{
	font-size:20px !important;
	} 
#bookBlock .box_step img.step_img{
	width:40%;
	margin-bottom:10px;
	}
#bookBlock .box_step img.app_banner_step{
	width:50%;
	margin:10px 0 !important;
	}
#bookBlock .box_step p{
	margin-bottom:10px;
	text-align:left;
	font-size:15px !important;
	line-height:1.5em;
	}
#bookBlock .box_step_l{
	width:100%;
	margin-bottom:15px;
	padding:20px 0;
	border-bottom:1px dashed #ccc;
	text-align:center;
	}
#bookBlock .box_step_r{
	width:100%;
	margin-bottom:15px;
	padding:20px 0;
	text-align:center;
	}
	
/* 出荷日 */
.shipping ul li { line-height: 1.5; }
.shipping ul li span {
	margin-right: 10px;
	padding: 2px 5px;
	font-size: 10px;
}
/* -------------------- */
/*  BOOK ITEM */
/* -------------------- */
article#bookBlock header { margin: 0 15px; }
article#bookBlock header div.mainvisual { width: 100%; }
article#bookBlock header div.mainvisual img { width: 100%; }
article#bookBlock header div#bookdata {
	margin-top: 20px;
	text-align: center;
}
article#bookBlock p.btnG { margin-top: 20px; }
article#bookBlock p.btnG a {
	padding: 10px 0;
	width: 220px;
}
article#bookBlock header div#bookdata p.stage {
	margin-top: 20px;
	font-size: 12px;
}
article#bookBlock header div#bookdata p.catch {
	margin-top: 20px;
	font-size: 18px;
	font-family: 'AxisStd-Light';
	line-height: 1.8;
}
article#bookBlock header div#bookdata p.logo { margin-top: 15px; }
article#bookBlock header div#bookdata p.logo img { width: 50%; }
article#bookBlock header div#bookdata h2 { margin-top: 10px; }
article#bookBlock.folio header div.mainvisual { content: url(../img/folio/main_sp.jpg); }
article#bookBlock.rough header div.mainvisual { content: url(../img/rough/main_sp.jpg); }
article#bookBlock.pocket header div.mainvisual { content: url(../img/pocket/main_sp.jpg); }
article#bookBlock.graph header div.mainvisual { content: url(../img/graph/main_sp.jpg); }
article#bookBlock.life header div.mainvisual { content: url(../img/life/main_sp.jpg); }
article#bookBlock.bunko header div.mainvisual { content: url(../img/bunko/main_sp.jpg); }
article#bookBlock.album header div.mainvisual { content: url(../img/album/main_sp.jpg); }
article#bookBlock.journal header div.mainvisual { content: url(../img/journal/main_sp.jpg); }
article#bookBlock.greeting header div.mainvisual { content: url(../img/greeting/main_sp.jpg); }
article#bookBlock div#sidebar {
	margin: 35px 15px 0;
	padding-bottom: 20px;
}
article#bookBlock div#sidebar section ul { margin-top: 10px; }
article#bookBlock div#sidebar section ul li {
	font-size: 13px;
	line-height: 2;
}
article#bookBlock div#sidebar section.shipping {
	padding: 10px;
	border: 1px solid #999;
}
article#bookBlock div#sidebar section.shipping h2 { font-size: 12px; }
article#bookBlock div#sidebar section.shipping ul { margin-top: 5px; }
article#bookBlock div#sidebar section.shipping ul li {
	margin-top: 3px;
	font-size: 12px;
}
article#bookBlock div#sidebar section.shipping ul li span {
	margin-right: 5px;
	padding: 3px;
	font-size: 10px;
}
article#bookBlock div#sidebar section.shipping ul li span.exp { background-color: #E61673; }
article#bookBlock div#sidebar section.price {
	margin-top: 20px;
	padding-top: 20px;
}
article#bookBlock div#sidebar section.price ul { margin-left: 0; }
article#bookBlock div#sidebar section p {
	margin-top: 15px;
	font-size: 13px;
}
article#bookBlock div#sidebar section p a {
	margin-left: 3px;
	color: #2EA7E0;
}
article#bookBlock div#sidebar section.price p a:active { text-decoration: none; }
article#bookBlock div#sidebar section.spec {
	margin: 30px 0 30px;
	padding-top: 20px;
}
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 { margin: 0px 15px 60px; }
article#bookBlock div#thumbBox div.item { margin: 0 0 30px; }
article#bookBlock div#thumbBox div.item img {
	width: 100%;
	height: auto;
}
article#bookBlock div#sidebar section.login {
	margin: 40px 0;
	text-align: center;
}
article#bookBlock div#thumbBox div.item p {
	margin-top: 10px;
	color: gray;
	font-size: 12px;
	line-height: 1.5;
}
div#snsshare {
	margin: 20px 15px;
	position: relative;
	top: 0;
}
/* --------------------------- */
/*  CARD  */
/* --------------------------- */
div#cardvisual { position: relative; }
div#cardvisual img { width: 100%; }
/* バッヂ↓ */
.greeting_campaign_badge {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 180px;
}
.greeting_campaign_badge img { width: 180px; }
/* ↑バッヂ */
/* 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:5px;
	}
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;
	margin:auto;
	width:95%;
	}
article#cardBlock section#itemBlock hr{ margin:0 !important;}
article#cardBlock section.itemBox{
	float:left;
	width:49.5%;
	margin:0;
	border-right:1px solid #999;
	}
article#cardBlock section.noborder{ border:none !important;}
article#cardBlock section.itemBox_gray{
	float:left;
	width:49.5%;
	margin:0;
	background:#f5f5f5;
	border-right:1px solid #999;
	}
article#cardBlock section.itemBox_sp, article#cardBlock section.itemBox_gray_sp{ border-right:none !important;}
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:active {
	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:active {
	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:1px !important;
	padding:1px 2px !important;
	font-size:11px;
	background-color: #ccc;
	color: #FFF;
	text-align: center;
	}
article#accessory span.true{ background-color: #03CACD !important; }
article#accessory span.mg_l{ margin-left:10px !important;}
article#accessory span.mg_r{ margin-right:0px !important;}

/* --------------------------- */
/*  User  */
/*  Cart  */
/* --------------------------- */
/* ユーザー */
body#user { background: #EEE; }
body#user footer#footer div#footnav, body#checkout footer#footer div#footnav { border: none; }
/* moca */
body#user header#header div#moca {
	display: block;
	float: right;
	margin: 18px 12px 0 0;
}
body#user header#header div#moca img { width: 80px; }
article#checkoutBlock { padding: 15px 15px 0; }
/* セコム */
body#user .boxSecom .SSL { width: 65%; }
/* カート */
body#checkout { background: #FFF; }
article#checkoutBlock .boxImage, article#checkoutBlock .boxImageStore {
	float: left;
	z-index: 100;
}
article#checkoutBlock td { text-align: left; }
article#checkoutBlock .boxImage {
	width: 70px;
	min-height: 70px;
	text-align: left;
}
article#checkoutBlock .boxImage .icoMobile img {
	top: 0;
	right: 8px;
}
article#checkoutBlock .boxItem { word-wrap: break-word; }
article#checkoutBlock .boxItem .iconStatus {
	float: left;
	margin-right: 10px;
}
article#checkoutBlock .iconStatus img {
	width: 36px;
	margin: 2px;
}
article#checkoutBlock .itemData { text-align:right; }
article#checkoutBlock .itemPrice { white-space: nowrap; }
article#checkoutBlock .itemTotalPrice { display: none; }
article#checkoutBlock .itemRemove { }
article#checkoutBlock .boxForm .boxW img { width: 100%; }
article#checkoutBlock td { text-align: right; }
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;
}
.awardEntry .left {
	float: none;
	text-align: center;
}
.awardEntry .left img { width: 100%; }
.awardEntry .leftR {
	float: none;
	margin-top: 10px;
	margin-left: 0;
}
.awardEntry strong { font-size: 13px; }
/* --------------------------- */
/*  Award  */
/* --------------------------- */
article#award { margin-bottom: 10px; }
article#award header h1 {
	text-align: left;
	font-size: 18px;
	font-family: 'AxisStd-ExtraLight';
}
article#award .mainNav img {
	width: 100%;
	float: none;
}
article#award .boxD, article#award .boxDB {
	width: auto;
	height: auto;
	float: none;
	padding: 10px 15px;
}
article#award .boxD li:first-child, article#award .boxDB li:first-child { margin-left: 0; }
article#award nav {
	padding: 10px 15px;
	font-size: 11px;
}
article#award nav .right { 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 #entry th, article#award #howto th { text-align: left; }
article#award #entry tr, article#award #howto tr {
	margin: 0;
	padding: 0;
}
article#award #entry .left {
	float: none;
	width: 100%;
	border-right: none;
	padding-right: 0;
}
article#award #entry .right, article#award #howto .right {
	float: none;
	width: 100%;
}
article#award section.left, article#award section.right { float: none; }
article#award #first .item .left, article#award #judge .item .left { width: 15%; }
article#award #second .item .left, article#award #third .item .left {
	width: 100%;
	float: none;
}
article#award #first .item .left img, article#award #judge .item .left img { width: 100%; }
article#award #second .item .left img, article#award #third .item .left img { width: auto; }
article#award #first .item .right, article#award #judge .item .right { width: 80%; }
article#award #second .item .right, article#award #third .item .right {
	width: 100%;
	float: none;
	margin: 10px 0 0;
}
article#award #second .item { text-align: center; }
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; }
article#award .totop img {
	width: 20px;
	position: relative;
	top: 8px;
}
.awardFirst14 {
	width: 100%;
	text-align: center;
}
.awardFirst14 .left {
	float: none;
	width: 100%;
	margin-top: 0;
	margin-right: 0;
}
.awardFirst14 .right {
	float: none;
	width: 100%;
	padding-left: 0;
	margin-top: 20px;
}
/* --------------------------- */
/*  STAGE for mobile only  */
/* --------------------------- */
#stage header#header {
	width: 100%;
	position: fixed;
	top: 0;
	background: #FFF;
}
/* --------------------------- */
/*  Module  */
/* --------------------------- */
.pc, .tab { display: none; }
.frm01 { border: 1px solid #999; }
div.box01 {
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #999;
}
div.box01 p:first-child { margin-top: 0; }
div.box02 {
	margin-top: 15px;
	padding: 15px;
	background-color: #f2f2f2;
}
.boxL, .boxW, .boxE, .boxSecom { padding: 10px; }
}

@media screen and (min-width: 320px) and (max-width: 320px) { /* iPhone5 */
div#mainvisual #slider div {
	overflow: hidden;
	/*height: 240px;*/
	height: 180px;
}
}

@media screen and (min-width: 321px) and (max-width: 375px) { /* iPhone5 よこ */
div#mainvisual #slider div {
	overflow: hidden;
	/*height: 281.25px;*/
	height: 180px;
}
}

@media screen and (min-width: 376px) and (max-width: 414px) { /* iPhone6 Plus */
div#mainvisual #slider div {
	overflow: hidden;
	/*height: 310.5px;*/
	height: 180px;
}
}

@media screen and (min-width: 415px) and (max-width: 640px) { /* iPhone6 Plus */
div#mainvisual #slider div {
	overflow: hidden;
	/*height: 480px;*/
	height: 180px;
}
}