@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 971px) {
/* --------------------------- */
/*  layout  */
/* --------------------------- */
/*  Header  */
header#header {
	width: 960px;
	margin: 0 auto;
}
header#header div#siteid { *zoom: 1;
}
header#header div#siteid:before, header#header div#siteid:after {
	content: " ";
	display: table;
}
header#header div#siteid:after { clear: both; }
header#header .logo {
	float: left;
	margin-left: 10px;
	padding-top: 3px;
}
header#header p.btnNav, header#header p.accountBtnNav { display: none; }
header#header nav {
 *zoom: 1;
	float: right;
	font-size: 13px;
}
header#header nav:before, header#header nav:after {
	content: " ";
	display: table;
}
header#header nav:after { clear: both; }
header#header nav a:hover { text-decoration: none; }
header#header nav div.inner {
 *zoom: 1;
	display: block;
	float: left;
}
header#header nav div.inner:before, header#header nav div.inner:after {
	content: " ";
	display: table;
}
header#header nav div.inner:after { clear: both; }
header#header nav ul#gnav {
	float: left;
	margin-top: 15px;
}
header#header nav ul#gnav li {
	display: inline-block;
	padding-left: 10px;
	line-height: 1.0;
}
header#header nav ul#gnav li:first-child { padding-left: 0; }
header#header nav ul#gnav li a {
	display: inline-block;
	padding: 5px 5px 18px;
}
.aboutnav { padding-right:10px; }
header#header nav ul#gnav li.booknav div {
	position: absolute;
	z-index: 1000;
	display: none;
	margin-left: -40px;
	padding: 10px 15px 0;
	width: 145px;
	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 nav ul#gnav li.booknav:before {
	padding-right: 20px;
	color: #999;
	padding-right:8px;
	color: #DDD;
	content: "|";
	font-weight: lighter;
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}
header#header nav ul#gnav li.booknav div dl {
	padding: 10px 0;
	border-top: 1px solid #999;
}
header#header nav ul#gnav li.booknav div dl:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}
header#header nav ul#gnav li.booknav div dl a, header#header nav ul#gnav li.bookletnav div dl a, header#header nav ul#gnav li.cardnav div dl a {
	display: block;
	padding: 5px 0;
}
header#header nav ul#gnav li.booknav div dl dt:first-child {
	padding-top: 0;
	padding-bottom: 5px;
}
header#header nav ul#gnav li.booknav div dl dd { padding-left: 1em; }
header#header nav ul#gnav li.booknav div dl dt span, header#header nav ul#gnav li.booknav div dl dd span {
	margin-left: 3px;
	font-size: 10px;
}header#header nav ul#gnav li.cardnav div dl {
	padding: 10px 0;
	border-top: 1px solid #999;
}
header#header nav ul#gnav li.cardnav div {
	position: absolute;
	z-index: 1000;
	display: none;
	margin-left: -20px;
	padding: 10px 15px 10px;
	width: 180px;
	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 nav ul#gnav li.bookletnav div{
	position: absolute;
	z-index: 1000;
	display: none;
	margin-left: -40px;
	padding: 10px 15px 10px;
	width: 145px;
	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 nav ul#gnav li.cardnav:after {
	padding-left: 8px;
	color: #999;
	padding-right: 2px;
	color: #DDD;
	content: "|";
	font-weight: lighter;
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}
header#header nav ul#gnav li.supportnav { padding-left: 0px; }
header#header nav ul#gnav li.supportnav:before {
	padding-right: 20px;
	color: #999;
	padding-right: 8px;
	color: #DDD;
	content: "|";
	font-weight: lighter;
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}
header#header nav ul#gnav li.blognav { padding-left: 0px; }
header#header nav ul#snsnav {
	float: left;
	margin: 15px 0 0 20px;
}
header#header nav ul#snsnav li {
	display: inline;
	margin-left: 4px;
}
header#header nav ul#snsnav li span { display: none; }
header#header nav ul#snsnav li:first-child { margin-left: 0; }
header#header nav ul#snsnav li img { width: 24px; }
header#header nav ul#snsnav li a:hover img { opacity: 0.8; }
/* ユーザーナビ */
header#header ul#usernav {
 *zoom: 1;
	float: right;
	margin: 15px 10px 0 15px;
	/* width: 215px; */
}
header#header ul#usernav:before, header#header ul#usernav:after {
	content: " ";
	display: table;
}
header#header ul#usernav:after { clear: both; }
header#header ul#usernav li {
	display: inline;
	text-align: left;
	font-size: 12px;
}
header#header ul#usernav li:first-child { margin-left: 0; }
header#header ul#usernav li a {
	display: inline-block;
	color: #FFF;
}
header#header ul#usernav li.loginnav a {
	width: 90px;
	background: #8fc31f;
	text-align: center;
	float: left;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	background-size: 14px;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	margin-left: 7px;
}
header#header ul#usernav li.loginnav a:hover { background: #a9df36; }

header#header ul#usernav li.loginOrange a {
	background-color: #f39800;
}

header#header ul#usernav li.accountnav {
	position: relative;
	display: inline-block;
	float: left;
	width: 80px;
	background: #8fc31f url(../img/icoAccount.png) no-repeat 12px center;
	text-align: left;
	padding-left: 35px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	background-size: 14px;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	color: #FFF;
}
header#header ul#usernav li.accountnav:hover { background-color: #a9df36; }
header#header ul#usernav li.accountnav div {
	position: absolute;
	top: 24px;
	z-index: 1000;
	display: none;
	margin-left: -40px;
	padding-top: 14px;
	background-color: #FFF;
}
header#header ul#usernav li.accountnav div ul {
	padding: 5px 14px 10px;
	width: 95px;
	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#usernav li.accountnav div ul li {
	margin: 0;
	padding: 0;
	text-align: left;
}
header#header ul#usernav li.accountnav div ul li a {
	display: block;
	padding: 5px 0;
	background: none;
	color: #595959;
}
header#header ul#usernav li.accountnav div ul li a:hover {
	background: none;
	color: #E60012;
}
header#header ul#usernav li.cartnav { float: right; }
header#header ul#usernav li.cartnav a {
	padding: 1px 2px 2px 30px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background: #999 url(../img/icoCart.png) no-repeat 10px center;
	background-size: 16px;
	text-align: left;
	float: left;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
}
header#header ul#usernav li.cartnav .count {
	margin-left: 5px;
	font-size: 10px;
	color: #C30D23;
	text-align: center;
	display: inline-block;
	background: #FFF;
	min-width: 19px;
	height: 19px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
header#header ul#usernav li.cartnav a:hover { background-color: #b3b3b3; }
/*  Footer  */
footer#footer {
	margin: 20px auto 0;
	padding: 0;
	width: 100%;
}
.footerBox,.footernavBox{
	width: 1040px;
	margin: 3px auto 0;
	overflow:hidden;
	color: #4C4C4C;
}
footer#footer div#megamenu { padding: 30px 0 20px 45px; }
footer#footer div#megamenu .item:last-child { width: 150px; }
footer#footer div#megamenu .item dl { line-height: 1.8; }
footer#footer div#footnav { padding-top: 10px; }
footer#footer div#footnav nav p { font-size: 11px; }
footer#footer div#footnav p.copy { font-size: 12px; }
/*  Container  */
div#container {
	margin: 0 auto;
	width: 1040px;
}
div#pagehead {
 *zoom: 1;
	margin: 0 auto;
	width: 960px;
}
div#pagehead:before, div#pagehead:after {
	content: " ";
	display: table;
}
div#pagehead:after { clear: both; }
div#pagehead div#bread {
	float: left;
	padding: 13px 0;
}
div#pagehead h1 {
	float: right;
	padding: 13px 0;
}
/* --------------------------- */
/*  Home  */
/* --------------------------- */
div#mainvisual {
	width: 100%;
	margin-bottom: 20px
	}
div#mainvisual div#slider div {
	position: relative;
	padding-bottom:30%;
}
div#mainvisual div#slider div span {
	display: inline-block;
	padding: 5px 10px;
	color: #FFF !important;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-transition: background-color 0.4s, color 0.4s, border 0.4s;
	transition: background-color 0.4s, color 0.4s, border 0.4s;
	background-color: #8FC31F;
	font-size: 16px;
	padding: 8px 32px;
	margin: 15px auto;
}
div#mainvisual div#slider div span:hover {
	text-decoration: none !important;
	-webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
	transition: background-color 0.3s, color 0.3s, border 0.3s;
	opacity:0.9;
}
div#mainvisual div#slider div a {
	font-size: 18px;
	line-height:1.5em;
}
div#mainvisual div#slider div .tagline {
	color:#FFF;
	text-align:center;
	position: absolute;
	top:150px;
	left:650px;
}
div#mainvisual div#slider div .logo {
	width:180px;
	margin:0 auto;
}
/* スライドごとの設定 */
div#mainvisual div#slider div.slider001 a {
	color: #777;
	text-align: center;
	position: absolute;
	top: 50px;
	font-size: 21px;
}
div#mainvisual div#slider div.slider004 .tagline {
	color:#FFF;
	position: absolute;
	top:150px;
	left:100px;
}
div#mainvisual h1 {
	position: absolute;
	top: -webkit-calc(50% - 60px);
	top: calc(50% - 60px);
	left: -webkit-calc(50% - 250px);
	left: calc(50% - 250px);
	text-align: center;
	z-index: 100;
	color: #FFF;
	font-size: 25px;
	letter-spacing:1px;
	line-height:1.8em;
	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 p#btnStart { padding: 60px 0 0 35px; }
div#mainvisual p#btnStart img:hover { opacity: 0.8; }
div#homeContent {  *zoom: 1; /* スライドpadding-top: 12px; */
}
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 #999;
}
div#homeContent div#infobar ul { float: left; }
div#homeContent #infoList, div#homeContent #newList {
	margin-top: 20px;
	padding: 15px 25px 10px;
	width: 420px;
}
div#homeContent #infoList ul li, div#homeContent #newList ul li {
	font-size: 13px;
	line-height: 2;
}
div#homeContent #infoList ul li span, div#homeContent #newList ul li span { margin-right: 10px; }
div#homeContent #infoList { float: left; }
div#homeContent #newList { float: right; }
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: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{
	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:15%;
	margin-right:10px;
	}
section.SnsBanner div.BoxSnsBanner p, section.SnsBanner div.BoxSnsBanner_end p{
	float:left;
	color:#fff;
	margin-top:8px;
	}
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 {
}


/* --------------------------- */
/*  BOOK  */
/* --------------------------- */
/*#book div#bookvisual {
	width: 960px;
	height: 375px;
}*/
/* スライド */
#book div#mainvisual {
	width: 960px;
	height: 375px;
}
div#bookvisual div#slider div { height: 375px; }
/* 比較 */
#bookList h2 { font-size: 15px; }
#bookList div#itemBlock {
 *zoom: 1;
	margin-top: 20px;
	width: 957px;
	border: 1px solid #999;
}
#bookList div#itemBlock:before, #bookList div#itemBlock:after {
	content: " ";
	display: table;
}
#bookList div#itemBlock:after { clear: both; }
#bookList section.itemgroup {
	float: left;
	border-left: 1px solid #999;
}
#bookList section.itemgroup:first-child { border-left: none; }
#bookList section.itemgroup header {
 *zoom: 1;
	padding: 10px;
	height: 65px;
	border-bottom: 1px solid #999;
}
#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: left;
	width: 100px;
	height: 65px;
}
#bookList section.itemgroup header div {
	float: left;
	margin-left: 10px;
	line-height: 1.4;
}
#bookList section.itemgroup header div h1 { font-size: 13px; }
#bookList section.itemgroup header div p { font-size: 12px; }
#bookList section.itemgroup#goshi { width: 408px; }
#bookList section.itemgroup#goshi header div { width: 255px; }
#bookList section.itemgroup#kurumi { width: 548px; }
#bookList section.itemgroup#kurumi header div { width: 390px; }
#bookList section.itemgroup section.item {
	width: 136px;
	border-left: 1px solid #999;
	text-align: center;
	font-size: 12px;
}
#bookList section.itemgroup section.item:first-child { border-left: none; }
#bookList section.itemgroup section.item h1 {
	padding: 15px 0;
	font-size: 13px;
}
#bookList section.itemgroup section.item div.itemthumb {
	display: table-cell;
	width: 136px;
	height: 136px;
	text-align: center;
	vertical-align: bottom;
}
#bookList section.itemgroup section.item ul li {
	padding: 10px 0;
	border-top: 1px solid #999;
}
#bookList section.itemgroup section.item ul li.button {
	padding-bottom: 5px;
	border-top: 0;
}
#bookList section.itemgroup section.item ul li.button p.btn a {
	margin: 0 auto 7px;
	width: 85px;
}
#bookList section.itemgroup section.item ul li.bottom { padding-bottom: 10px; }
#bookList section.itemgroup section.item ul li.size {
	width: 136px;
	height: 50px;
}
#bookList section.itemgroup section.item ul li.size p {
	display: table-cell;
	width: 136px;
	height: 30px;
	vertical-align: middle;
	text-align: center;
	line-height: 1.4;
}
#bookList section.itemgroup section.item ul li.accessory {
	    padding: 3px 0;
	height:32px;
}
#bookList section.itemgroup section.item ul li.accessory p {
	margin: 7px 3px 0 3px;
	padding: 3px 8px;
	font-size: 11px;
}
#bookList section.itemgroup section.item ul li.accessory span {
	display: block;
	margin-top: 14px;
}
#bookList section.itemgroup section.item ul li.page { padding: 10px 0 10px 15px; }
#bookList section.itemgroup section.item ul li.shipping ul { margin-top: 0; }
#bookList section.itemgroup section.item ul li.shipping ul li {
	margin: 8px 0 0 12px;
	padding: 0;
	border-top: none;
	text-align: left;
}
#bookList section.itemgroup section.item ul li.shipping ul li:first-child { margin-top: 0; }
#bookList p.attention {
	margin: 5px 0;
	padding: 0;
	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;
	}
	
/* ページ数 */
.page span {
	margin: 1px;
	padding: 3px;
	width: 27px;
	font-size: 10px;
}
/* 出荷日 */
.shipping ul li { margin-top: 2px; }
.shipping ul li span {
	display: inline;
	margin-right: 5px;
	padding: 2px;
	font-size: 10px;
}
article#bookBlock { *zoom: 1;
}
article#bookBlock:before, article#bookBlock:after {
	content: " ";
	display: table;
}
article#bookBlock:after { clear: both; }
article#bookBlock header { height: 375px; }
article#bookBlock header .badge {
	position: absolute;
	width : 160px;
	top: 20px;
	left: 20px;
}
article#bookBlock header div#bookdata {
	margin-left: 640px;
	height: 373px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: center;
}
article#bookBlock header div#bookdata p.btnG { margin-top: 30px; }
article#bookBlock header div#bookdata .btnG.sub { margin-top: 5px; }
article#bookBlock header div#bookdata p.btnG a {
	padding: 10px 0;
	width: 180px;
}
article#bookBlock header div#bookdata .btnG.sub a {
	padding: 10px 0;
	width: 180px;
}
article#bookBlock header div#bookdata p.stage {
	margin-top: 20px;
	font-size: 12px;
}
article#bookBlock header div#bookdata p.catch {
	margin-top: 30px;
	font-size: 18px;
	font-family: 'AxisStd-Light';
	line-height: 1.8;
}
article#bookBlock header div#bookdata p.logo { margin-top: 20px; }
article#bookBlock header div#bookdata p.logo img { width: 50%; }
article#bookBlock header div#bookdata h2 { margin-top: 25px; }
article#bookBlock.folio header { background: url(../img/folio/main_pc.jpg) no-repeat left center; }
article#bookBlock.rough header { background: url(../img/rough/main_pc.jpg) no-repeat left center; }
article#bookBlock.pocket header { background: url(../img/pocket/main_pc.jpg) no-repeat left center; }
article#bookBlock.graph header { background: url(../img/graph/main_pc.jpg) no-repeat left center; }
article#bookBlock.life header { background: url(../img/life/main_pc.jpg) no-repeat left center; }
article#bookBlock.bunko header { background: url(../img/bunko/main_pc.jpg) no-repeat left center; }
article#bookBlock.album header { background: url(../img/album/main_pc.jpg) no-repeat left center; }
article#bookBlock.journal header { background: url(../img/journal/main_pc.jpg) no-repeat left center; }
article#bookBlock.greeting header { background: url(../img/greeting/main_pc.jpg) no-repeat left center; }
article#bookBlock div#sidebar {
	float: left;
	margin: 40px 10px;
	padding-bottom: 20px;
	width: 280px;
	color: gray;
}
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: 20px;
	border: 1px solid #999;
}
article#bookBlock div#sidebar section.shipping ul li { margin-top: 5px; }
article#bookBlock div#sidebar section.shipping ul li span {
	margin-right: 5px;
	padding: 5px 10px;
	font-size: 14px;
}
article#bookBlock div#sidebar section.shipping ul li span.exp { background-color: #E61673; }
article#bookBlock div#sidebar section.price { margin-top: 50px; }
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:hover { text-decoration: none; }
article#bookBlock div#sidebar section.spec { margin-top: 40px; }
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;
	float: right;
	margin-top: 40px;
	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;
}
/* キャンペーン */
article#bookBlock div#campaign { margin: 30px 15px 30px; }
article#bookBlock div#campaign section { padding: 16px; }
article#bookBlock div#campaign ul { padding: 14px; }
article#bookBlock div#campaign ul li p {
	margin-left: 10px;
	margin-top: 2px;
	padding: 0;
	display: inline-block;
}
article#bookBlock div#campaign ul li span { vertical-align: top; }

/* --------------------------- */
/*  CARD  */
/* --------------------------- */
div#cardvisual {
	width: 960px;
	height: 375px;
	position:relative;
}
/* バッヂ↓ */
.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;
	}
/*キャンペーン申込み画面*/
.btn_campaign_entry{
	background:#36a541;
	font-size:16px;
	text-decoration:none;
	color:#fff;
	border:none;
	padding:10px 20px;
	border-radius: 20px;
    -webkit-border-radius: 20px; /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px; /* Firefox用 */  
	}
.btn_campaign_entry:hover{ background:#58b75f;}

/*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.9%;
	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;
	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; }
body#user header#header div#siteid, body#checkout header#header div#siteid, body#content header#header div#siteid {
	float: none;
	margin: 3px 10px 0 !important;
}
body#user header#header div#siteid img, body#checkout header#header div#siteid img, body#content header#header div#siteid img { width: 130px; }
body#user div#container, body#checkout div#container {
	margin: 0 auto;
	padding: 30px 50px;
	width: 858px;
	background: #FFF;
	border-right: 1px solid #808080;
	border-left: 1px solid #808080;
	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 {
	margin: 0 auto 30px;
	padding: 10px 20px;
	width: 920px;
	border: none;
}
/* セコム */
body#user .boxL, body#user .boxSecom { margin: 15px; }
/*  コンテンツ */
body#content header#header { width: 100%; }
body#content div#container { width: 100%; }
body#content footer#footer { width: 100%; }
body#content footer#footer #footnav { padding: 10px 20px; }
/* ユーザー */
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 h2 { margin: 20px 0 0 15px; }
article#checkoutBlock .subtotal td {
	text-align: right;
	position: relative;
	padding: 15px;
}
article#checkoutBlock .subtotal .btnG a {
	font-size: 14px;
	padding: 5px 20px;
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 140px;
}
article#checkoutBlock .iconStatus { float: left; }
article#checkoutBlock .itemData {
	float: left;
	margin-left: 10px;
}
article#checkoutBlock section .credit .boxW { padding: 10px; }
article#checkoutBlock section.selectBlock { margin: 20px auto 0; }
article#checkoutBlock section.selectBlock p { padding: 0 30px; }
article#checkoutBlock .boxForm { padding: 10px 25px; }
article#checkoutBlock .boxW.short {
	width: 290px;
	padding: 10px;
}
article#checkoutBlock input.short { width: 290px; }
article#checkoutBlock #main {
	float: left;
	width: 55%;
}
article#checkoutBlock #sidebar {
	float: right;
	width: 43%;
}
/* 注文履歴 */
.boxOrder {
	width: 46%;
	min-height: 250px;
}
.boxOrder:nth-child(odd) { float: left; }
.boxOrder:nth-child(even) {
	float: right;
	margin-left: 1%;
*zoom: 1;
}
.boxOrder:nth-child(even):before, .boxOrder:nth-child(even):after {
	content: " ";
	display: table;
}
.boxOrder:nth-child(even):after { clear: both; }
/* --------------------------- */
/*  module  */
/* --------------------------- */
.tab, .sp, .mb { display: none; }
.sameHeight { display: table; }
.sameHeight > div, .sameHeight > section { display: table-cell; }
 }