@charset "UTF-8";
body#wide #header, body#wide #container, body#wide #footer {
	width: 980px;
	border-bottom: none;
}

div.bar_green{
	background:#8fc31f;
	padding:5px;
	text-align:center;
	color:#fff;
	font-size:13px;
	line-height:1.5em;
	letter-spacing:1px;
	text-decoration:none;
	}
header#header {
 *zoom: 1;
	height: 80px;
	position: relative;
	z-index: 500;
}
header#header:before, header#header:after {
	content: " ";
	display: table;
}
header#header:after { clear: both; }
body#home header#header { border-bottom: none; }
header#header div#siteid { float: left; }
header#header nav ul#gnav li div dt span, header#header nav ul#gnav li.booknav div dl span {
	margin-left: 3px;
	font-size: 10px;
}
.clear{ clear:both;}
.midd{ font-size:12px;}
/* --------------------------- */
/*  Home  */
/* --------------------------- */
div#mainvisual { position: relative; }
/* 白ボタン */
.slider001 a, .slider002 a, .slider003 a, .slider004 a, .slider005 a, .slider006 a, .slider007 a {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.35) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.35))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.35) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.35) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.35) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.35) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000', GradientType=0 ); /* IE6-9 */
}
div#mainvisual .btnGhostT {
	width: 240px;
	border: none;
	text-align: center;
	font-size: 13px;
	border: 1px solid rgba(255,255,255,1);
}

/* //白ボタン */
/* 黒ボタン */
@media screen and (min-width: 971px) {
.black .slider001 a, .black .slider002 a, .black .slider003 a, .black .slider004 a, .black .slider005 a, .black .slider006 a, .black .slider007 a {
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.35) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0.35))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.35) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.35) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.35) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.35) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#59ffffff', GradientType=0 ); /* IE6-9 */
}
div#mainvisual.black .btnGhostT {
	background: rgba(0,0,0,0.5);
	border: none;
}
}
/* //黒ボタン */
div#mainvisual img { width: 100%; }
div#mainvisual .boxBtnMain {
	position: absolute;
	left: 68px;
	bottom: 60px;
	z-index: 100;
}
div#mainvisual a.btnGhostT { color: #FFF !important; }

/* TOPお客さまの声 */
.boxVoice{
	margin:30px auto;
	padding:20px;
	background:#f1f1f1;
	border-radius: 10px; 
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;/* Firefox用 */ 
	}
.imgVoice img{
	width:100%;
	margin-top:10px;
	}
.capVoice p{
	margin:8px 0 0 0 !important;
	font-size:13px;
	line-height:1.5em;
	padding-bottom:8px;
	border-bottom:#ccc 1px dotted;
	}
.boxVoice .btnVoice{
	background: #999;
	padding:7px 20px;
	display: inline-block;
	text-align: center;
	border-radius: 24px;
	font-size:14px;
	color:#fff !important;
	text-decoration:none !important;
	margin:10px auto 0 auto;
	}
@media screen and (min-width: 640px) {
.imgVoice{
	float:left;
	width:42%;
	}
.capVoice{
	float:right;
	width:55%;
	}
}
@media screen and (max-width: 640px) {
.imgVoice{
	width:100%;
	}
.capVoice{
	width:100%;
	}
}

/* STAGE 今月の一冊 */
.boxStage{
	background:url(/Content/img/bg_wood.jpg) ;
	border-radius: 10px; 
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;/* Firefox用 */ 
	}
.boxStage h2{
	text-align:center;
	font-size:20px;
	color:#FFF;
	}
.boxStage p {
	font-size: 14px;
	text-align:center !important;
	line-height:1.5em;
	color:#FFF;
}
.boxStage a{
	color:#FFF !important;
	text-decoration:underline;
	}
.boxStage .Stage_frame{
	padding:7px 10px;
	background: rgba(255,255,255,0.9);
	width:60%;
	color:#666;
	margin:5px auto 0 auto;
	border-radius: 5px; 
	-webkit-border-radius: 5px;/* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;/* Firefox用 */ 
	box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	-webkit-box-shadow: 0 0 3px #333;
	}
.itemStage {
	display: inline-block;
	width: 32%;
	margin-left: 1%;
	font-size: 13px;
	line-height: 1.5em;
	text-align: center;
	vertical-align: baseline;
}
.boxStage .wrap .itemStage:first-child {
	width: 32%;
	margin-left: 0;
}
.itemStage .jacketimg{
	margin: 20px auto;
	background:#fff;
	display:inline-block;
	box-shadow: 0 0 7px #000;
	-moz-box-shadow: 0 0 7px #000;
	-webkit-box-shadow: 0 0 7px #000;
	}
.btnStage{
	margin:30px auto 0 auto !important;
	text-align:center;
	}
.btnStage a{
	padding:10px 20px;
	background:#f39800;
	display:inline-block;
	border-radius: 25px; 
	-webkit-border-radius: 25px;/* Safari,Google Chrome用 */  
	-moz-border-radius: 25px;/* Firefox用 */ 
	box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	-webkit-box-shadow: 0 0 3px #333;
	color:#fff;
	text-decoration:none !important;
	}
.itemStage img {
	}
@media screen and (min-width: 640px) {
.boxStage{ padding:20px; }
	}
@media screen and (max-width: 640px) {
.boxStage{ padding:5%; }
	}
	
/* お知らせ */
.boxInfo {
	float: left;
	width: 590px;
	line-height: 1.5em;
}
.boxInfo ul {
	margin-top: 10px;
	font-size: 13px;
}
.boxInfo .date { margin-right: 10px; }

/* Facebookページいいね */
.fbPage {
	float: right;
	width: 340px;
}

/* トランカ記事一覧 */
.BoxBlogList .blue{ font-size:13px;}
@media screen and (min-width: 640px) {
.BoxBlogList{
	width:32%;
	padding:0.5%;
	float: left;
	margin:15px auto;
	}
.BoxBlogList .left{
	width:30%;
	margin-right:5%;
	}
.BoxBlogList .left img{ width:100%; }
.BoxBlogList .right{
	width:65%;
	text-align: left;
	}
.BoxBlogList h3{
	font-size:15px !important;
	color:#666;
	margin-bottom:10px;
	}
}
@media screen and (max-width: 640px) {
.BoxBlogList{
	width:100%;
	margin-top:15px;
	}
.BoxBlogList .left{
	width:30%;
	margin-right:5%;
	}
.BoxBlogList .left img{ width:100%; }
.BoxBlogList .right{
	width:65%;
	text-align: left;
	}
.BoxBlogList h3{
	font-size:15px !important;
	color:#666;
	margin-bottom:10px;
	}
}

@media screen and (min-width: 641px) and (max-width: 970px) {
div#mainvisual .boxBtnMain {
	position: relative;
	top: 40px;
	left: 0;
	width: 640px;
	margin: 0 auto;
}
div#mainvisual .btnGhostT {
	width: 180px;
	border: none;
	background: rgba(0,0,0,0.5);
	text-align: center;
}
div#mainvisual a.btnGhostT { color: #FFF !important; }
.itemStage { width: 31%; }
.boxInfo { width: 360px; }
}

@media screen and (max-width: 640px) {
div#mainvisual h1 {
	position: absolute;
	top: -webkit-calc(100% - 200px);
	top: calc(100% - 200px);
	left: -webkit-calc(50% -105px);
	left: calc(50% - 105px);
	font-size: 16px;
	line-height: 1.5em;
	font-family: 'AxisStd-Medium';
}
div#mainvisual .left, div#mainvisual .leftR {
	float: none;
	margin: 0;
}
div#mainvisual .boxBtnMain {
	position: static;
	margin: 3px 15px 0;
}
div#mainvisual .btnGhostT {
	margin-top: 7px;
	width: -webkit-calc(100% - 20px);
	width: calc(100% - 20px);
	background: rgba(0,0,0,0.5);
}
div#mainvisual a.btnGhostT { color: #FFF !important; }
.bx-pager { display: none; }
.itemStage { width: 100%; }
.boxStage .wrap .itemStage:first-child { width: 100%; }
.boxInfo {
	float: none;
	width: 100%;
}
.fbPage {
	float: none;
	width: 100%;
	margin-top: 20px;
}
}
/* 未使用 */
/* mainBanner */
.mainBanner a {
	display: block;
	color: #FFF !important;
	text-decoration: none !important;
	background: #71C9D3;
	width: 100%;
	line-height: 300%;
	vertical-align: middle;
	text-align: center;
	font-family: 'AxisStd-Light';
	letter-spacing: 0.1em;
	font-size: 18px;
	-webkit-transition: background-color 0.4s, color 0.4s, border 0.4s;
	transition: background-color 0.4s, color 0.4s, border 0.4s;
}

@media screen and (min-width: 971px) {
.mainBanner a:hover {
	color: #FFF !important;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	-webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
	transition: background-color 0.3s, color 0.3s, border 0.3s;
}
}
.mainBanner .small { font-size: 14px; }
.mainBanner img.download { margin: 13px 19px 0; }
.mainBanner img.app1, .mainBanner img.app2 { width: 140px; }
.mainBanner img.app1 { margin: 9px 19px 0 0; }
.mainBanner img.app2 { margin-top: 8px; }
/* Banner  */
.mocaBanner {
	background: #EF8900;
	height: 60px;
}
.mocaBanner .mocaLogo, .mocaBanner .mocaDl, .mocaBanner .mocaApple { margin-right: 20px; }
.tab .mocaBanner img.mocaLogo, .pc .mocaBanner img.mocaLogo { height: 18px; }
.tab .mocaBanner img.mocaDl, .pc .mocaBanner img.mocaDl { height: 16px; }
.tab .mocaBanner img.mocaApple, .tab .mocaBanner img.mocaGoogle, .pc .mocaBanner img.mocaApple, .pc .mocaBanner img.mocaGoogle { height: 40px; }
.sp .mocaBanner { height: 44px; }
.sp .mocaBanner img.mocaLogo {
	height: 13px;
	margin: 0 10px;
}
.sp .mocaBanner img.mocaApple, .sp .mocaBanner img.mocaGoogle { height: 29px; }
.sp .mocaBanner img.mocaApple { margin-right: 5px; }
.sp .mocaBanner img.mocaGoogle { margin-right: 0; }
/* /Banner  */
div#mainvisual, div#bookvisual { margin: 0 auto; }
div#mainvisual div#slider div, div#bookvisual div#slider div {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
div#mainvisual div#slider div a, div#bookvisual div#slider div a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none !important;
	font-family: 'AxisStd-Light';
	letter-spacing: 0.1em;
	font-weight: normal;
}
div#homeContent { margin: 0 auto; }
div#homeContent div#infobar { border: 1px solid #999; }
div#homeContent div#infobar h2 {
	padding: 10px 20px;
	color: #F39800;
	font-size: 12px;
}
div#homeContent div#infobar ul { margin: 0 20px; }
div#homeContent div#infobar li {
	margin-left: 15px;
	padding: 10px 0;
	color: #F39800;
	list-style-type: disc;
	font-size: 12px;
}
div#homeContent div#infobar li a { color: #F39800; }

@media screen and (min-width: 971px) {
div#homeContent div#infobar li a:hover {
	color: #999;
	text-decoration: none;
}
}
div#homeContent #infoList h2, div#homeContent #newList h2 {
	color: #666;
	font-size: 16px;
	font-family: 'AxisStd-Light';
}
div#homeContent #newList h2:nth-of-type(2) { margin-top: 18px; }
div#homeContent #infoList ul, div#homeContent #newList ul { margin-top: 10px; }
/* --------------------------- */
/*  ABOUT  */
/* --------------------------- */
#about {
	line-height: 1.5em;
	font-size: 14px;
	margin-bottom: 20px;
}
#about h2 {
	text-align: center;
	font-size: 24px;
	margin: 40px 0 20px;
}
#about p.read {
	text-align: center;
	line-height: 2em;
	font-size: 16px;
	margin: 32px 0 64px;
}
#about .wrap, #about hr { margin: 20px 0 0; }
#about .wrap .wrap { margin: 0; }
#about .left {
	width: 57%;
	margin-right: 3%;
}
#about .right { width: 40%; }
#about .btnG, #about .btnM, #about .btnB, #about .btnO, #about .btnL {
	text-align: left;
	margin-top: 28px;
}
#about h3 {
	font-size: 18px;
	padding: 0 0 9px;
	margin: 20px 0 0;
	border-bottom: 1px solid #ddd;
}
#about h4 {
	font-family: 'AxisStd-Medium';
	font-size: 15px;
	margin: 30px 0 0;
}
#about h5 {
	font-family: 'AxisStd-Medium';
	font-size: 14px;
	margin: 0;
}
#about img {
	width: 100%;
	margin-bottom: 15px;
}
#about p { margin: 14px 0; }
#about .left p:first-child { margin: 0; }
#about .boxE .left p:first-child { margin: 14px 0; }
#about .boxL { border-radius: 0; }
#about .boxL h4 { margin: 0; }
#about .grid3 img, #about .grid3R img { width: 100%; }
/* --------------------------- */
/*  SCENE  */
/* --------------------------- */
#scene {
	line-height: 1.5em;
	font-size: 14px;
	margin-bottom: 20px;
}
#scene hr{ margin:30px auto !important;}
#scene h2.gratitude_ttl {
	margin:50px auto 0 auto !important;
	font-size: 25px !important;
	font-family: 'AxisStd-Light';
}
@media only screen and (min-width: 960px){
	.maternity#scene h2.gratitude_ttl {
		font-size: 25px !important;
	}
}
@media only screen and (min-width:641px) and (max-width:968px){
	.maternity#scene h2.gratitude_ttl {
		font-size: 1.1em !important;
	}
}
@media only screen and (max-width:640px){
	.maternity#scene h2.gratitude_ttl {
		font-size: 1.1em !important;
	}
}
.scenevisual { position: relative; }
.scenevisual img{ max-width:100%; }
.scenevisual h2.gratitude {
	position: absolute;
	top: 310px;
	right: 40px;
	font-size: 22px;
	color:#fff;
	font-family: 'AxisStd-Light';
}
.scenevisual h2.shichigosan {
	position: absolute;
	top: 70px;
	right: 20px;
	font-size: 21px;
	font-family: 'AxisStd-Light';
}
.scenevisual h2.wedding {
	color: #FFF;
	position: absolute;
	top: 50px;
	left: 60px;
	font-size: 21px;
	font-family: 'AxisStd-Light';
}
.scenevisual h2.father {
	position: absolute;
	bottom: 40px;
	right: 40px;
	color:#fff;
	font-size: 21px;
	font-family: 'AxisStd-Light';
}
.scenevisual h2.fatherleft {
	position: absolute;
	bottom: 20px;
	left: 40px;
	color:#fff;
	font-size: 21px;
	font-family: 'AxisStd-Light';
}
@media only screen and (min-width: 960px){
	.scenevisual h2.topleft {
		position: absolute;
		top: 30px;
		left: 30px;
		color:#fff;
		font-size: 25px;
		font-family: 'AxisStd-Light';
	}
}
@media only screen and (min-width:641px) and (max-width:968px){
	.scenevisual h2.topleft {
		font-size: 22px;
		font-family: 'AxisStd-Light';
		padding: 20px 20px 0;
		text-align: center;
	}
}
@media only screen and (max-width:640px){
	.scenevisual h2.topleft {
		font-size: 22px;
		font-family: 'AxisStd-Light';
		padding: 20px 20px 0;
		text-align: center;
	}
}
/* アイテム */
#scene .folio, #scene .graph { width: 80%; }
#scene .rough { width: 81%; }
#scene .pocket { width: 69%; }
#scene .life { width: 80%; }
#scene .bunko { width: 59%; }
#scene .album { width: 65%; }
/* //アイテム */
#scene p.read {
	text-align: center;
	line-height: 1.5em;
	font-size: 16px;
	margin: 30px auto;
}
#scene .wrap, #scene hr { margin: 20px 0 0; }
#scene .wrap .wrap { margin: 0; }
#scene .box_greeting{
	margin:20px auto !important;
	}
#scene .left {
	width: 75%;
	margin-right: 3%;
}
#scene .right {
	width: 22%;
	text-align: center;
}
#scene .right .btnM a {
	margin-top: 10px;
	padding: 5px 20px;
}
#scene .left2{
	float:left;
	width:65%;
	margin-right:3%;
	}
#scene .right2{
	float:right;
	width:32%;
	}
#scene .left3{
	float:left;
	width:31%;
	margin-right:3%;
	}
@media only screen and (max-width:640px){
	#scene .left3{
		margin: 0 0 30px;
	}
	#scene .left3 p{
		 margin: 5px 0 15px;
	}
}
#scene .right3{
	float:left;
	width:31%;
	}
#scene .left_half{
	float:left;
	width:49%;
	}
#scene .right_half{
	float:right;
	width:49%;
	}
#scene .left_half2{
	float:left;
	width:50%;
	}
#scene .right_half2{
	float:right;
	width:44%;
	}
#scene .right_half2 img{ margin-top:40px;}
#scene .right2 img, #scene .right_half img, #scene .left_half img, #scene .left3 img, #scene .right3 img, #scene .right_half2 img, #scene .left_half2 img{ width:100%; }
#scene h3 {
	font-size: 18px;
	padding: 0 0 9px;
	margin: 40px 0 20px 0;
	border-bottom: 1px solid #ddd;
}
#scene h4 {
	font-family: 'AxisStd-Medium';
	font-size: 15px;
	margin: 30px 0 0;
}
#scene h4.father_h4 {
	font-family: 'AxisStd-Medium';
	font-size: 15px;
	margin: 10px 0 5px 0;
}
#scene h5 {
	font-family: 'AxisStd-Medium';
	font-size: 14px;
	margin: 0;
}
#scene img { margin-bottom: 7px; }
#scene p { margin: 14px 0; }
#scene ul { margin-top: 10px; }
#scene li {
	list-style: outside disc;
	margin-left: 1.5em;
}
#scene .left p:first-child, #scene .left2 p:first-child { margin: 0; }
#scene .boxE { margin: 20px 0 0; }
#scene .boxE .left p:first-child { margin: 14px 0; }
#scene .boxL { border-radius: 0; }
#scene .boxL h4 { margin: 0; }
#scene .boxG { padding:3px 10px; font-size:12px; background:#f1f1f1;}
#scene .grid3 img, #scene .grid3R img { width: 100%; }
#scene .orange{ color:#ff8836;}
#scene .large { font-size:15px !important;}

/*モーダル*/
#scene .sliderPartsSize { font-size:11px !important;}
#scene .modalTopSelect{ border:none !important;}
@media only screen and (min-width: 960px){.remodal .slider p{ font-size:0.9em !important; line-height:1.5em !important;}}

/* --------------------------- */
/*  BOOK  */
/* --------------------------- */
/* Slider */
.slick-slider { margin-bottom: 20px; }
.slider-for {
	position:relative;
	background:#EFEFEF;
}
.slider-for img {
	width:65%;
	float: left;
}
.slider-nav .slick-slide {
	font-size: 12px;
	text-align: center;
	padding:5px;
}
.slider-nav img {
	width: 100%;
	cursor: pointer;
}
.slider-nav .slick-center {
	background:#999;
}
/* //Slider */
#bookMain .boxCaption {
	width: calc(35% - 6%);
	width: -webkit- calc(35% - 6%);
	padding:30px 3%;
	float: left;
	font-size: 14px;
	line-height: 1.5em;
}
#bookMain .boxCaption  h1.accessory_h1{
	font-size:23px !important;
	}
@media screen and (max-width: 740px) {
#bookMain .boxCaption  h1.accessory_h1{
	font-size:23px !important;
	margin:15px 0 0 15px;
	}
}

#bookMain .boxCaption .logo img {
	float: none;
	width:140px;
}
#bookMain .boxCaption .logo_app img {
	float: none;
	width:85%;
	max-width:250px;
}
#bookMain .boxCaption .size {
	margin-top:10px;
}
#bookMain .boxCaption .catch {
	margin-top:20px;
	font-size:18px;
	line-height:2em;
}
#bookMain .boxCaption .stage {
	margin-top:20px;
}
#bookMain .boxCaption .caption {
	position:absolute;
	bottom:30px;
	margin-right:3%;
}
/* lead */
article#bookBlock div#lead {
	margin:40px auto;
	text-align:center;
}
article#bookBlock div#lead h2 {
	font-size: 22px;
	line-height: 1.5em;
	margin-bottom: 20px;
}
article#bookBlock div#lead p {
	line-height: 1.7em;
	font-size: 15px;
}
article#bookBlock .app_banner {
	float: none;
	width:200px;
	margin:20px auto;
}
/* こだわり */
#kodawari{ margin:auto;}
#kodawari h2{
	font-size:18px;
	margin-bottom:15px;
	text-align:left;
	}
#kodawari h3{
	font-size:15px;
	margin-bottom:10px;
	text-align:left;
	}
#kodawari p{
	font-size:13px;
	line-height:1.5em;
	text-align:left;
	}
#kodawari img{
	width:100%;
	margin-bottom:10px;
	}
@media screen and (min-width: 640px) {
#kodawari .left{
	width:32%;
	margin:0.5%;
	}
}
@media screen and (max-width: 640px) {
#kodawari{ width:95%;}
#kodawari .left{
	width:100%;
	float: none;
	margin:0 auto 20px auto;
	}
}

/* detail */
#detail { font-size:13px; line-height:2em; margin:40px auto; }

@media screen and (min-width: 640px) {
#detail .detail_box{
	width:23%;
	margin:0 1%;
	float:left;
	}
#detail .detail_box2{
	width:48%;
	margin:0 1%;
	float:left;
	}
}
@media screen and (max-width: 640px) {
#detail .detail_box, #detail .detail_box2{
	width:95%;
	margin:0 auto 15px auto;
	}
}
#detail .box_border{
    padding:15px;
    border: 1px solid #999;
	margin-bottom:15px;
	}
#detail h2 {
	font-size:14px;
	line-height:1em;
	margin-bottom:10px;
}
#detail h3 {
	font-size:16px;
	line-height:1.5em;
	margin-bottom:10px;
}
#detail dt{
	padding-left:15px;
	background:url(/Content/img/arrowClose.png) no-repeat left center;
	}
#detail .shipping ul li {
    margin:5px 10px 0 0;
}
#detail .shipping ul li span {
	display:inline-block;
    padding: 3px 10px;
    font-size: 14px;
}
#detail .shipping ul li span.exp {
	background-color: #E61673;
}
#detail .bookPages li{
	font-size:110%;
	margin-bottom:5px;
	}
#detail select.pulldown{
	border: 1px solid #666;
	padding: 2px 35px 2px 5px;
	background: #f1f1f1;
	background: url(/Content/img/icon_pulldown.png) no-repeat right;
	background-size: 25px;
	}
#detail .voice{
	border: solid 3px #E7D369;
	padding:20px;
	}
#detail .voice h3{
	
	}
#detail span.midd{ margin:0;}
#detail .icon, #detail .app, #detail .price, #detail .spec {
	float:left;
	margin-left:2.8%;
}
#detail .captcha{
	clear:both;
	margin-top:40px !important;
}
#detail .app img.app_icon{ margin-bottom:10px;}
#detail .app ul{ margin-bottom:15px;}
#detail .captcha img.app_img{
	width:23%;
	margin-top:10px;
	}

@media screen and (min-width: 741px) and (max-width: 959px) {
#bookMain .boxCaption {
	width: calc(35% - 4%);
	width: -webkit- calc(35% - 4%);
	padding:15px 2%;
	float: left;
	font-size: 13px;
	line-height: 1.5em;
}
#bookMain .boxCaption .logo img {
	float: none;
	width:120px;
}
#bookMain .boxCaption .logo_spp img {
	float: none;
	width:85%;
	max-width:250px;
}
#bookMain .boxCaption .size {
	margin-top:5px;
}
#bookMain .boxCaption .catch {
	margin-top:10px;
	font-size:15px;
	line-height:1.5em;
}
#bookMain .boxCaption .stage {
	margin-top:10px;
}
#bookMain .boxCaption .caption {
	position:absolute;
	bottom:20px;
	font-size: 12px;
	margin-right:2%;
}
#detail .spec ul {
	float:none;
}
#detail .spec ul:last-child {
	margin-left:0;
}
}
@media screen and (max-width: 740px) {
/* Slider */
.slick-slider { margin-bottom: 0; }
.slider-for {
	position:relative;
	background:#FFF;
}
.slider-for img {
	width:100%;
	float:none;
}
.slider-nav {
	display:none !important;
}
/* //Slider */
#bookMain .boxCaption {
	width:100%;
	padding:0;
	float:none;
	background:#FFF;
}
#bookMain .boxCaption .logo img {
	width:120px;
	position:absolute;
	top:15px;
	left:15px;
}
#bookMain .boxCaption .logo_app img {
	width:150px;
	position:absolute;
	top:15px;
	left:15px;
}
#bookMain .boxCaption .size, #bookMain .boxCaption .catch, #bookMain .boxCaption .stage, #bookMain .boxCaption hr {
	display:none;
}
#bookMain .boxCaption .caption {
	position:static;
	bottom:0;
	margin:10px 15px;
}
/* lead */
article#bookBlock div#lead {
	border-top:1px solid #999;
	margin:0 15px;
	padding:20px 0;
}
}
/* ……………………………………………………………………………… */
#book h2 { margin-bottom: 10px; }
#itemBlock .item h2{
	font-size:20px;
	margin:10px auto 0 auto;
	}
#itemBlock .item h2 span{
	display:inline-block;
	margin:0 ;
	}
div#CopyContent {
	margin: 20px auto 40px;
	text-align: center;
}
div#CopyContent h3 {
	font-size: 25px;
	margin-bottom: 20px;
}
div#CopyContent h4 {
	font-size: 14px;
	line-height: 1.8em;
}
div#CopyContent p {
	margin: 20px auto;
	line-height: 32px;
	vertical-align: middle;
}
div#CopyContent p img{
	margin-top:6px;
	}
/* トップ アイテム */
#bookSelect, #bookTopic {
	line-height: 1.4em;
	margin: 0 auto;
	padding: 0 13px;
}
#bookSelect h2, #bookTopic h2 { margin-top: 30px; }
#bookSelect h2 span, #bookTopic h2 span {
	display: block;
	float: right;
	font-size: 12px;
}
#bookSelect ul {
	margin: 10px auto;
	display: table;
	width: 100%;
}
#bookSelect ul li {
	float: left;
	margin-left: 10px;
	background-size: cover;
}
#bookSelect ul li:first-child { margin-left: 0; }
#bookSelect ul li a {
	width: 226px;
	height: 216px;
	padding-bottom: 10px;
	display: table-cell;
	vertical-align: bottom;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
	background-color: rgba(0,0,0, 0);
	-webkit-transition: background-color 0.4s;
	transition: background-color 0.4s;
}
#bookSelect ul li a:hover {
	background-size: cover;
	background-color: rgba(0,0,0, 0.2);
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
#bookSelect ul li img {
	margin: 5px auto 3px;
	width: 45%;
}
#bookSelect ul li.folio { background-image: url(/Content/img/folio/main_sp.jpg); }
#bookSelect ul li.rough { background-image: url(/Content/img/rough/main_sp.jpg); }
#bookSelect ul li.pocket { background-image: url(/Content/img/pocket/main_sp.jpg); }
#bookSelect ul li.graph { background-image: url(/Content/img/graph/main_sp.jpg); }
#bookSelect ul li.life { background-image: url(/Content/img/life/main_sp.jpg); }
#bookSelect ul li.bunko { background-image: url(/Content/img/bunko/main_sp.jpg); }
#bookSelect ul li.album { background-image: url(/Content/img/album/main_sp.jpg); }
/* トップ ブログ記事 */
#bookTopic ul { margin: 10px auto 30px; }
#bookTopic ul li {
	width: 48%;
	float: left;
	margin-left: 4%;
}
#bookTopic ul li:first-child { margin-left: 0; }
#bookTopic ul li img { width: 100%; }
#bookTopic ul li img:hover { opacity: 0.9; }
#bookTopic ul li h3 {
	margin: 15px 0 10px;
	font-size: 15px;
}
#bookTopic ul li h3 a {
	color: #777;
	text-decoration: none;
}
#bookTopic ul li h3 a:hover { color: #8fc31f; }
#bookTopic ul li p { font-size: 13px; }
/* oneカラム */
#bookTopic ul.one {
	background: #eee;
	margin: 10px auto;
	padding: 2% 10%;
}
#bookTopic ul.one li {
	width: 100%;
	float: none;
}
#bookTopic ul.one li h3 {
	margin: 0 0 10px;
	padding: 0;
}
#bookTopic ul.one li img {
	float: left;
	width: 49%;
	margin-right: 2%;
}
/* bookBanner */
.bookBanner {
	background: #d70c18;
	width: 100%;
	padding: 20px 0;
	margin-bottom: 20px;
	text-align: center;
}
.bookBanner a {
	color: #fff !important;
	text-decoration: none !important;
}
#pagehead a { color: #777; }
section.itemgroup header div h1 { color: #666; }
section.itemgroup section.item h1 { color: #666; }
#bookList section.itemgroup section.item div.itemthumb img { margin: 0 auto; }
#bookList section.itemgroup section#folio div.itemthumb img { width: 92px; }
#bookList section.itemgroup section#rough div.itemthumb img { width: 74px; }
#bookList section.itemgroup section#pocket div.itemthumb img.pocketT {
	width: 44px;
	margin-left: 15px;
}
#bookList section.itemgroup section#pocket div.itemthumb img.pocketY {
	width: 66px;
	position: relative;
	top: 17px;
	left: -15px;
}
#bookList section.itemgroup section#graph div.itemthumb img { width: 92px; }
#bookList section.itemgroup section#life div.itemthumb img { width: 73px; }
#bookList section.itemgroup section#bunko div.itemthumb img { width: 54px; }
#bookList section.itemgroup section#album div.itemthumb img { width: 60px; }
#bookList section.option{ margin:30px auto;}
/* ページ数 */
.page { text-align: left; }
.page span {
	display: inline-block;
	background-color: #EEE;
	color: #FFF;
	text-align: center;
}
.page span.true { background-color: #03CACD; }
/* 出荷日 */
.shipping ul li span {
	background-color: #7F7F7F;
	color: #FFF;
	margin-right:10px;
}
.shipping ul li span.exp { background-color: #F88; }
.shipping ul li span.icoB { background-color: #2ea7e0; }
/* SNSシェア */
div#snsshare {
	margin: 20px 10px 0;
	position: relative;
	top: 10px;
}
div#snsshare .btnsns {
	float: left;
	margin: 0 8px 8px 0;
}
article#bookBlock header { position: relative; }
article#bookBlock div#thumbBox h2 {
	font-size: 14px;
	margin-bottom: 10px;
}
article#bookBlock div#sidebar h2 { font-size: 14px; }
article#bookBlock div#sidebar h3:first-child { margin: 20px 0 10px; }
article#bookBlock div#sidebar h3 {
	font-size: 12px;
	margin: 10px 0;
	font-family: 'AxisStd-Medium';
}
/* ボリュームディスカウント表 */
article#bookBlock div#discount {
	font-size: 12px;
	margin-top: 5px;
	position:absolute;
	z-index:10000;
}
@media screen and (max-width: 740px) {
article#bookBlock div#discount {
	position:relative;
}
}
article#bookBlock div#discount dl {
	border: 1px solid #808080;
	border-top: none;
	width: 100%;
	margin: 10px 0px;
	font-size: 12px;
}
article#bookBlock div#discount dt {
	padding: 5px;
	border-top: 1px solid #808080;
	clear: left;
	float: left;
	width: 65%;
}
article#bookBlock div#discount dd {
	padding: 5px;
	border-left: 1px solid #808080;
	border-top: 1px solid #808080;
	margin-left: 65%;
}
article#bookBlock p.cap img, article#bookList p.cap img { width:180px; }
article#bookBlock header div#bookdata p.stage, article#bookBlock .cap {
	font-size: 13px;
	line-height:1.5em;
}
/* キャンペーン */
article#bookBlock header .badge {
	position: absolute;
	width : 45%;
	top: 6px;
	left: 6px;
}
article#bookBlock div#campaign {
	margin: 0px 15px 30px;
	clear: both;
}
article#bookBlock div#campaign section {
	padding: 10px;
	background-color: #50B1BC;
	color: #FFF;
	font-size: 12px;
}
article#bookBlock div#campaign h2 {
	font-size: 16px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #FFF;
}
article#bookBlock div#campaign p {
	margin-top: 10px;
	color: #FFF;
	line-height: 1.5;
}
article#bookBlock div#campaign ul {
	margin-top: 10px;
	color: gray;
	padding: 10px;
	background-color: #FFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
article#bookBlock div#campaign ul p {
	color: gray;
	margin-top: 6px;
}
article#bookBlock div#campaign ul li { margin-bottom: 15px; }
article#bookBlock div#campaign .pc, article#bookBlock div#campaign .mb { margin: 40px 0; }
article#bookBlock div#campaign .pc p, article#bookBlock div#campaign .mb p { text-align: center; }
article#bookBlock div#campaign .cap { color: gray; }
/*　フッター　*/
footer#footer div#megamenu .item  {
	margin-right: 55px;
}
footer#footer div#megamenu .item dl dt { 
	border-bottom: 1px solid #4c4c4c;
    margin-bottom: 10px;
    padding: 0 3px 1px;
    color: #4c4c4c;
}
footer#footer div#megamenu .item dl dd {
	padding: 0 3px 3px;
}
footer#footer div#megamenu .item a { 
	color: #4c4c4c;
}
footer#footer div#megamenu .item a:hover {
	color:#96C8D5;
}
footer#footer div#megamenu .item span {
	margin-left: 3px;
	font-size: 10px;
}
footer#footer div#megamenu .footer_sns{ margin-top:95px;}
/* --------------------------- */
/*  STAGE 旧  */
/* --------------------------- */
/* お気に入りボタン PCのみ */
.boxForm .fav {
	position: relative;
	width: 38%;
}
.boxForm .fav .window {
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}
.boxForm .favOn {
	/*display: inline-block;
	position: absolute;
	top: 1px;
	left: 65px;
	width: 17px;
	height: 17px;
	background: url(/Content/img/stage/heart_on.svg) no-repeat;
	background-size: 17px;
	background-position: center center;*/
}
.boxForm .favOff {
	/*display: inline-block;
	position: absolute;
	top: 1px;
	left: 65px;
	width: 17px;
	height: 17px;
	background: url(/Content/img/stage/heart_off.svg) no-repeat;
	background-size: 17px;
	background-position: center center;*/
}
.boxForm .favCount {
	text-align: center;
	position: absolute;
	top: 0;
	right: 15px;
	background: #FFF;
	border: 1px solid #999;
	padding: 0px 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.boxForm .favCount:after, .favCount:before {
	/*right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none*/
}
.boxForm .favCount:after {
	position: absolute;
	content: '';
	top: 4px;
	right: -20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 7.5px 0 7.5px;
	border-color: #1e5799 transparent transparent transparent;
	cursor: pointer;
	/*border-color: rgba(255,255,255,0);
	border-right-color: #FFF;
	border-width: 4px;
	top: 50%;
	margin-top: -4px*/
}
.boxForm .close.favCount:after {
	position: absolute;
	content: '';
	top: 4px;
	right: -20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7.5px 10px 7.5px;
	border-color:  transparent transparent #1e5799 transparent;
	cursor: pointer;
}
.boxForm .favCount:before {
	/*border-color: rgba(128,128,128,0);
	border-right-color: #808080;
	border-width: 5px;
	top: 50%;
	margin-top: -5px*/
}
#container .boxForm .favCount a {
	color:#1e5799;
	text-decoration: none;
	font-weight: bold;
}
.boxForm .favCount a:hover { text-decoration: underline; }
#author .favOn {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 17px;
	height: 17px;
	background: url(/Content/img/stage/heart_on.svg) no-repeat;
	background-size: 12px;
	background-position: center center;
}
#author .favOff {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 17px;
	height: 17px;
	background: url(/Content/img/stage/heart_off.svg) no-repeat;
	background-size: 12px;
	background-position: center center;
}
#author input[type=submit].favOn {
	border: none;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(/Content/img/stage/heart_on.svg) no-repeat;
	background-size: 14px;
	background-position: center center;
	padding: 0;
	margin: 0;
}
#author input[type=submit].favOn:hover {
	background: url(/Content/img/stage/heart_off.svg) no-repeat;
	background-size: 14px;
	background-position: center center;
	cursor: pointer;
}
#author input[type=submit].favOff {
	border: none;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(/Content/img/stage/heart_off.svg) no-repeat;
	background-size: 14px;
	background-position: center center;
	padding: 0;
	margin: 0;
}
#author input[type=submit].favOff:hover {
	background: url(/Content/img/icoFavoriteOver.png) no-repeat;
	background-size: 20px;
	background-position: center center;
	cursor: pointer;
}
#author .favCount {
	text-align: center;
	position: absolute;
	top: 0;
	left: 68px;
	background: #FFF;
	border: 1px solid #999;
	padding: 0px 8px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#author .favCount:after, .favCount:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}
#author .favCount:after {
	border-color: rgba(255,255,255,0);
	border-right-color: #FFF;
	border-width: 4px;
	top: 50%;
	margin-top: -4px
}
#author .favCount:before {
	border-color: rgba(128,128,128,0);
	border-right-color: #808080;
	border-width: 5px;
	top: 50%;
	margin-top: -5px
}
#author .favCount a {
	color: #777;
	text-decoration: none;
}
#author .favCount a:hover { text-decoration: underline; }
/* プロフィール */
#author {
	background: #E8E2D3;
	padding-top: 10px;
	position: relative;
}
#author #snsshare {
	position: absolute;
	top: 13px;
	right: 20px;
	margin: 0;
}
.btnHistoryback {
	letter-spacing: 0.1em;
	display: inline-block;
	padding: 8px 20px 8px 15px;
	font-size: 12px;
	font-weight: normal;
	background: #999;
	vertical-align: middle;
	border-radius: 0 30px 30px 0px;
	-webkit-border-radius: 0 30px 30px 0px;
	-moz-border-radius: 0 30px 30px 0px;
}
#author .profile .fav {
	float: left;
	width: 64px;
}
#author .profile input.favOn, .profile input.favOff {
	position: relative;
	top: 2px;
	left: 0;
}
#author .profile .favCount {
	position: relative;
	top: 10px;
	left: 22px;
	text-align: center;
}
.profile {
	width: 96%;
	height: 90px;
	margin: 15px auto 0;
	position: relative;
	z-index: 2;
	font-size: 11px;
}
.profile .title { font-size: 12px; }
.profileBlock {
	width: 100%;
	height: 80px;
	border-radius: 80px;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	background: #fff;
	position: relative;
	z-index: 3;
}
.profileImage { }
.profileImage div {
	margin: 5px 0 0 5px;
	padding: 0;
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 70px;
	height: 70px;
	line-height: 70px;
	vertical-align: middle;
	border-radius: 70px;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
}
.profileDetail, .profileComment {
	float: left;
	width: 42%;
	margin-top: 5px;
	margin-left: 15px;
}
.profileDetail { width: 48%; }
.profileComment {
	width: 37%;
	height: 67px;
	overflow: hidden;
}
.profileDetail p {
	max-width: 450px;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.4em;
}
.profileComment p {
	word-wrap: break-word;
	height: 64px;
	margin-top: 4px;
}
.profileDetail p.url { }
.profileTag { position: relative; }
.profileTag span.tag {
	float: left;
	margin-top: 7px;
}
.profileTag a {
	display: inline-block;
	margin: 7px 5px 0 0;
	max-width: 95px;
	overflow: hidden;
	height: 12px;
	white-space: nowrap;
}
.profile .profileTag .btnM {
	float: left;
	font-size: 10px;
	margin: -2px 0 0 0;
}
.profile .profileTag .btnM a {
	padding: 3px 6px;
	height: auto;
}
/* 作者ページ */
/* プロフィールを編集ボタン */
.profile .btnM {
	z-index: 10;
	font-size: 11px;
	margin-left: 10px;
}
.profile .btnM a { padding: 3px 10px; }
/* --------------------------- */
/*  STAGE  */
/* --------------------------- */
body#stage #navigation { margin: 20px auto; }
body#stage #header {
	/* position: fixed; */
	top: 0;
	width: 1040px;
	background: #FFF;
}
#stagehead {
	width: 100%;
	/* position: fixed; */
	top: 55px;
	padding-bottom: 10px;
	background: #E8E2D3;
}
#stagehead p {
	font-size: 11px;
	float: left;
	width: 16.66666%;
	text-align: center;
	line-height: 36px;
	vertical-align: middle;
}
#stagehead p a {
	color: #FFF;
	text-decoration: none;
	display: block;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
}
#stagehead .tabSelection a { background: #8dbfce; }
#stagehead .tabAward a { background: #faaa28; }
#stagehead .tabAll a { background: #a0c83c; }
#stagehead .tabAuthor a { background: #be8cbe; }
#stagehead .tabFavorite a { background: #e68caa; }
#stagehead .tabMonthlyBook a { background: #e7d369; }
#stagehead .left {
	width: 50%;
	margin: 10px 0 0 10px;
}
#stagehead .left .left {
	width: auto;
	margin: 0 5px 0 0;
}
#stagehead .right {
	width: 42%;
	margin: 10px 10px 0 0;
}
#stagehead .select { margin: 0; }
#stagehead .select > select {
	font-size: 11px;
	margin: 0;
	padding: 0 15px 0 5px;
	background-position: right 5px center;
}
#stagehead input[type=text] {
	font-size: 10px;
	margin: 0;
	padding: 0 5px;
	width: 77%;
	height: 25px;
	border-radius: 0;
}
#stagehead input.btnM {
	font-size: 10px;
	margin: 0;
	padding: 0 5px;
	width: 23%;
	height: 25px;
	border-radius: 0;
}
/* アイテム紹介 */
#stageProduct {
	margin: 0 10px;
	padding-bottom: 15px;
	text-align: center;
	border-bottom: 1px solid #EEE;
}
#stageBlock #stageProduct h2 {
	font-size: 14px;
	margin: 0;
}
#stageProduct img {
	height: 32px;
	margin: 10px auto;
}
#stageProduct p img {
	height: 40px;
	margin: 10px auto;
}
#stageProduct span {
	display:block;
}
#stageProduct .btnG a {
	font-size:14px;
	padding:10px 40px;
	line-height:1em;
	margin-top:5px;
}
/* //アイテム紹介 */
#stageBlock {
	width: 100%;
	background: #E8E2D3;
	padding: 0 0 15px;
	text-align: center;
	font-size: 13px;
	line-height: 1.5em;
}
#stageBlock hr {
	margin: 0;
	border-top: 1px solid #EEE;
}
#stageBlock .noSearch #list p.top15 { margin-bottom: 15px; }
#stageBlock .noSearchMenu { margin-top: -36px; }
#stageBlock .noSearch { margin-top: -70px; }
#stagephotoback #stageBlock .noSearch { margin-top: -120px; }
#stagephotoback #stageBlock .noSearch .jacket img {
	width: 80%;
	margin-bottom: 20px;
}
#stagephotoback #stageBlock .noSearch .pageBlock .jacket img {
	width: 80%;
	margin: 0;
}
#stagephotoback #stageBlock .noSearch .pageBlock .half img {
	width: 40%;
	margin-bottom: 20px;
}
#stageBlock h2 {
	font-size: 16px;
	padding: 0;
}
#stageBlock .itemBox {
	padding-top: 15px;
	border-bottom: 1px solid #EEE;
}
#stageBlock .itemBox:last-child { border-bottom: none; }
#stageBlock .comment { margin: 5px 10px; }
#stageBlock .caption {
	margin: 10px auto;
	padding: 0;
	line-height: 1.5em;
}
#stagephotoback #stageBlock .caption {
	margin: 20px auto;
	padding: 0 15px;
	line-height: 2em;
}
#stagephotoback #stageBlock .caption .btnO {
	font-size: 14px;
	margin: 20px auto 0;
}
#stageBlock .caption .btnProfile { margin: 5px auto 0; }
#stageBlock .caption .btnProfile .btnM a {
	line-height: 1em;
	padding: 3px 15px;
}
/* Award */
#stageBlock .stageAwardList { padding-top: 16px; }
#stageBlock .stage_bar{
	background-color:#FC0;
	padding:15px 10px 10px 10px;
	margin-bottom:10px;
	text-align:center;
	}
#stageBlock .award_bar{
	display:inline-block;
	}
#stageBlock .award_bar img{
	width:100%;
	max-width:390px;
	float:left;
	}
#stageBlock .award_bar p.award_bar_text{
	font-size:16px !important;
	color:#333;
	float:left;
	margin:7px 0 0 10px;
	}
#stageAward {
	font-size: 10px;
	padding: 8px 5px;
}
#stageAward li {
	float: left;
	margin-left: 2px;
}
#stageAward li:first-child { margin-left: 0; }
#stageAward .btnO a, #stageAward .btnG a, #stageAward .btnM a { padding: 5px 7px; }
/* SNS */
#stageBlock div#snsshare { margin: 0 15px 10px; }
#stageBlock div#snsshare .btnsns { margin: 0 5px 0 0; }
/* お気に入りボタン */
#stageBlock .fav {
	position: relative;
	width: auto;
}
#stageBlock .fav .window {
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}
#stageBlock .favOn,#stage .favOn {
	display: inline-block;
	/*position: absolute;
	top: 0;
	left: 0;*/
	width: 17px;
	height: 13px;
	background: url(/Content/img/stage/heart_on.svg) no-repeat;
	background-size: 17px;
	background-position: left 0;
}
#stageBlock .favOff,#stage .favOff {
	display: inline-block;
	/*position: absolute;
	top: -5px;
	left: 0;*/
	width: 17px;
	height: 13px;
	background: url(/Content/img/stage/heart_off.svg) no-repeat;
	background-size: 17px;
	background-position: left 0;
}
#stageBlock input[type=submit].favOn{
	border: none;
	display: inline-block;
	width: 17px;
	height: 13px;
	background: url(/Content/img/stage/heart_on.svg) no-repeat;
	background-size: 17px;
	background-position: left 0;
	padding: 0;
	margin: 0;
}
#stage input[type=submit].favOn {
	border: none;
	display: inline-block;
	width: 17px;
	height: 13px;
	background: url(/Content/img/stage/heart_on.svg) no-repeat;
	background-size: 17px;
	background-position: left 0;
	padding: 0;
	margin: 0;
}
#stageBlock input[type=submit].favOn:hover {
	background: url(/Content/img/stage/heart_off.svg) no-repeat;
	background-size: 17px;
	background-position: left 0;
	cursor: pointer;
}
#stage input[type=submit].favOn:hover {
	background: url(/Content/img/stage/heart_off.svg) no-repeat;
	background-size: 17px;
	background-position: left 0;
	cursor: pointer;
}
#stageBlock input[type=submit].favOff{
	border: none;
	display: inline-block;
	width: 17px;
	height: 13px;
	background: url(/Content/img/stage/heart_off.svg) no-repeat;
	background-size: 17px;
	background-position: left 0;
	padding: 0;
	margin: 0;
}
#stage input[type=submit].favOff {
	border: none;
	display: inline-block;
	width: 17px;
	height: 13px;
	background: url(/Content/img/stage/heart_off.svg) no-repeat;
	background-size: 17px;
	background-position: left 0;
	padding: 0;
	margin: 0;
}
#stageBlock input[type=submit].favOff:hover{
	background: url(/Content/img/stage/heart_on.svg) no-repeat;
	background-size: 17px;
	background-position: left 0;
	cursor: pointer;
}
#stage .favOff:hover  {
	background: url(/Content/img/stage/heart_on.svg) no-repeat;
	background-size: 17px;
	background-position: left 0;
	cursor: pointer;
}
#stageBlock .favCount,#stage .favCount {
	text-align: center;
	/*position: absolute;
	top: 0;
	left: 30px;*/
	/*background: #FFF;
	border: 1px solid #999;*/
	/*padding: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	line-height: 1em;*/

	color:#1e5799;
	font-weight: bold;
	font-size: 13px;
}
#stageBlock .favCount:after, .favCount:before {
	/*right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none*/
}
#stageBlock .favCount:after {
	/*border-color: rgba(255,255,255,0);
	border-right-color: #FFF;
	border-width: 4px;
	top: 50%;
	margin-top: -4px*/
}
#stageBlock .favCount:before {
	/*border-color: rgba(128,128,128,0);
	border-right-color: #999;
	border-width: 5px;
	top: 50%;
	margin-top: -5px*/
}
#stageBlock .favCount a {
	/*color: #777;*/
	text-decoration: none;
}
#stageBlock .favCount a:hover { text-decoration: underline; }
/* 作品 */
/*
90:140=X:60
140X=5400
X=39%

90:140=X:80
140X=7200
X=51%
*/
#stageBlock .jacket img { max-width: 80%; }
#stageBlock .jacket img.tate { width: 51%; }
#stageBlock .caption strong { font-size: 16px; }
#stageBlock .tag { text-align: left; }
#stageBlock .tag a { margin-right: 5px; }
#stageBlock .page {
	text-align: center;
	margin: 20px auto;
}
#stageBlock .page img { width: 45%; }
#stageBlock .page img.shadow:first-child {
	box-shadow: -1px 0 2px #777;
	-moz-box-shadow: -1px 0 2px #777;
	-webkit-box-shadow: -1px 0 2px #777;
}
#stageBlock .page img.shadow:nth-of-type(2) {
	box-shadow: 1px 0 2px #777;
	-moz-box-shadow: 1px 0 2px #777;
	-webkit-box-shadow: 1px 0 2px #777;
}
input.btnAward{
	cursor: pointer;
	background:#ffcc00;
	font-size:18px;
	color:#666;
	margin:5px auto 30px auto;
	padding:8px 30px;
	display:inline-block;
	border:none;
	box-shadow:none;
	border-radius: 20px; 
	-webkit-border-radius: 210px;/* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;/* Firefox用 */  
	}
@media screen and (min-width: 640px) {
input.btnAward:hover{
	background:#ffd527;
	}
}
@media screen and (max-width: 640px) {
input.btnAward:active{
	background:#ffd527;
	}
}

/* 1ページ目・奥付 */
#stageBlock .pageBlock .page:first-child img.shadow {
	box-shadow: 0 0 3px #777;
	-moz-box-shadow: 0 0 3px #777;
	-webkit-box-shadow: 0 0 3px #777;
}
#stageBlock .pageBlock .page:last-child img.shadow {
	box-shadow: 0 0 3px #777;
	-moz-box-shadow: 0 0 3px #777;
	-webkit-box-shadow: 0 0 3px #777;
}
/* 作者 */
.authorImage {
	margin: 10px auto 15px;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 200px;
	height: 200px;
	line-height: 120px;
	vertical-align: middle;
	border-radius: 120px;
	-webkit-border-radius: 120px;
	-moz-border-radius: 120px;
}
.favAuthor {
	/*position: relative;
	top: -36px;
	left: 56px;*/
	margin: 0 auto 20px;
}
/* モーダル：お友だち招待パスワード */
#stageBlock #password .modal-content {
	width: 500px;
	margin-top: 60px;
}
#stageBlock #password .modal-header h2 { margin-bottom: 10px; }
#stageBlock #password .modal-body { padding: 20px 15px; }
#stageBlock #password .modal-body strong {
	font-size: 14px;
	margin-right: 10px;
	position: relative;
	top: 3px;
}

@media screen and (min-width: 961px) {
#stage {
	width: 960px;
	margin: 0 auto;
}
#stagehead {
	width: 1040px;
	/* position: fixed; */
	top: 80px;
}
#stagehead p { font-size: 13px;}
#stageBlock {
	width: 100%;
	padding: 0 0 20px;
	text-align: center;
	font-size: 13px;
	line-height: 1.5em;
}
.stageBlockPhotoback#stageBlock {
padding: 180px 0 20px;
}
#stageBlock .noSearch { margin-top: -100px; }
#stagephotoback #stageBlock .noSearch { margin-top: -180px; }
#stagephotoback #stageBlock .noSearch .jacket img { width: 60%; }
#stagephotoback #stageBlock .noSearch .jacket img.tate { width: 30%; }
#stagephotoback #stageBlock .noSearch .jacket img.yoko { width: 45%; }
#stagephotoback #stageBlock .noSearch .pageBlock .jacket img {
	width: 60%;
	margin: 0;
}
#stagephotoback #stageBlock .noSearch .pageBlock .half a img { width: 30%; }
#stagephotoback #stageBlock .noSearch .pageBlock .half a img {
	width: 30%;
	margin-bottom: 20px;
}
#stageAward {
	font-size: 13px;
	padding: 10px;
}
#stageAward li { margin-right: 5px; }
#stageAward .btnO a, #stageAward .btnG a, #stageAward .btnM a { padding: 5px 10px; }
}

@media screen and (min-width: 641px) {
#stagephotoback #stageBlock .caption { margin: 40px auto 20px; }
#stageBlock .itemBox {
	width: 24%;
	display: inline-block;
	border-bottom: none;
	padding-top: 20px;
}
#stageBlock #list h2+.itemBox {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 20px;
	border-bottom: 1px solid #FFF;
}
#stagehead .left {
	width: auto;
	margin: 10px 10px 0 10px;
}
#stagehead .left .left {
	width: auto;
	margin: 0 10px 0 0;
}
#stagehead .right {
	width: 30%;
	margin: 10px 10px 0 0;
}
#stagehead .select { margin: 0; }
#stagehead .select > select {
	font-size: 12px;
	margin: 0;
	padding: 0 20px 0 5px;
	background-position: right 5px center;
}
#stagehead input[type=text] {
	font-size: 12px;
	margin: 0;
	padding: 0 5px;
	width: 80%;
	height: 25px;
	border-radius: 0;
}
#stagehead input.btnM {
	font-size: 12px;
	margin: 0;
	padding: 0 10px;
	width: 20%;
	height: 25px;
	border-radius: 0;
}
}

@media screen and (max-width: 641px) {
#stageBlock #password .modal-content {
	width: 94%;
	margin-top: 40px;
}
#stageBlock #password .modal-header { text-align: left; }
#stageBlock #password .modal-header h2 { font-size: 13px; }
#stageBlock #password .modal-body strong { font-size: 13px; }
#stagehead p { width: 33.33333%; }

/* --------------------------- */
/*  お友だち紹介  */
/* --------------------------- */
article.invite div.mainvisual{ text-align:center;}
article.invite div.mainvisual img{
	width:65%;
	margin:0 auto 20px auto !important;
	}
article.invite .boxRank{
	padding:20px;
	border:2px #999 solid;
	}
article.invite .boxRank p.large{
	display:inline-block;
	font-size:16px !important;
	}
article.invite .boxRank p.midd{ font-size:13px !important;}
article.invite .boxRank img{
	width:120px;
	margin:8px 5px 0 5px;
	}
@media screen and (min-width: 640px) {
article.invite .left, article.invite .right{
	width:49% !important;
	}
}
@media screen and (max-width: 640px) {
article.invite .left, article.invite .right{
	width:100% !important;
	float:none;
	}
}

/* --------------------------- */
/*  Award  */
/* --------------------------- */
article#award {
	font-size: 12px;
	line-height: 1.5em;
}
article#award .small { font-size: 12px; }
article#award h2 {
	text-align: center;
	margin: 20px auto 0;
}
article#award #first h2 { margin: 20px auto 0; }
article#award h3 { margin: 15px auto 10px; }
article#award #judge h3, article#award #specialjudge h3 {
	font-size: 18px;
	margin: 10px auto 0;
}
article#award hr.borderLB {
	padding: 0;
	margin: 0;
}
article#award #first hr, article#award #second hr { margin-top: 15px; }
article#award #judge hr, article#award #specialjudge hr { margin: 5px 0 15px; }
/* ▼応募要項・応募方法 */
article#award #entry, article#award #howto {
	background: #eee;
	padding: 10px 15px 0;
	text-align: left;
}
article#award #entry h3, article#award #howto h3 {
	font-size: 18px;
	padding: 0;
	margin: 0 auto 10px;
}
article#award #entry hr, article#award #howto hr {
	padding: 5px 0 15px;
	margin: 0;
}
article#award #entry li { margin-bottom: 10px; }
article#award #entry .left {
	width: 52%;
	border-right: 1px dotted #808080;
	padding-right: 10px;
}
article#award #entry .right { width: 46%; }
article#award #entry table, article#award #howto table {
	border: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0;
}
article#award #entry th, article#award #entry td, article#award #howto th, article#award #howto td {
	border: 0;
	background: none;
	padding: 0 10px 15px 0;
	vertical-align: top;
}
article#award #howto th { width: 120px; }
article#award #entry td, article#award #howto td { text-align: left; }
article#award #entry td p, article#award #howto td p { margin-top: 10px; }
article#award #entry .icoM, article#award #howto .icoM { width: 120px; }
/* ▲応募要項・応募方法 */
article#award header {
	background: #999;
	color: #fff;
	position: relative;
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
}
article#award header h1 {
	text-align: center;
	font-size: 30px;
	font-family: 'AxisStd-UltraLight';
}
article#award header select {
	font-size: 12px;
	position: absolute;
	top: 8px;
	right: 15px;
}
article#award .mainNav img {
	width: 738px;
	float: left;
}
article#award .boxBanner { float: right; }
article#award .boxBanner img { width: 212px; }
article#award .boxD {
	text-align: center;
	font-size: 13px;
	padding: 30px;
	width: 152px;
	height: 90px;
	float: right;
	font-family: 'AxisStd-Light';
}
article#award .boxD li, article#award .boxDB li {
	line-height: 1.75em;
	text-align: left;
}
article#award .boxDB {
	text-align: center;
	font-size: 13px;
	padding: 30px;
	width: 152px;
	height: 122px;
	float: right;
	font-family: 'AxisStd-Light';
}
article#award nav {
	color: #fff;
	background: #A48B78;
	padding: 10px 25px;
	font-size: 13px;
	font-family: 'AxisStd-Light';
}
article#award nav a {
	color: #fff;
	text-decoration: none;
}
article#award .headTitle { position: relative; }
article#award p.totop {
	position: absolute;
	top: -16%;
	right: 0;
}
.awardFirst {
	width: 240px;
	margin: 10px auto;
	padding: 10px;
}
.awardFirst14 {
	width: 428px;
	margin: 10px auto;
	padding: 10px;
}
.awardFirst14 .left {
	width: 192px;
	margin-right: 40px;
}
.awardFirst14 .right {
	width: 156px;
	margin-top: 18px;
	padding-left: 40px;
}
.awardFirst p { margin-top: 40px; }
.awardFirst14 p {
	margin-top: 10px;
	text-align: center;
}
.awardFirstB {
	width: 320px;
	margin: 10px auto;
	padding: 10px 0;
}
.awardFirstB p { margin-top: 60px; }
article#award #first, article#award #second, article#award #third, article#award #judge, article#award #specialjudge { padding: 0 15px; }
article#award .item {
	margin-bottom: 20px;
	text-align: center;
}
article#award #first .item .left { margin-top: 10px; }
article#award #first .item .right { margin-left: 10px; }
article#award #first .item .right img { width: 340px; }
article#award #judge .item .right {
	width: 340px;
	margin-left: 10px;
	text-align: left;
}
article#award #judge .item .right p:nth-of-type(2) { margin-top: 10px; }
article#award #second .item .left, article#award #third .item .left {
	width: 170px;
	margin: 5px 10px 0 0;
	text-align: center;
}
article#award #second .item .left img, article#award #third .item .left img { max-width: 170px; }
article#award .item .left p { margin: 10px 0 0; }
article#award #second .item .right {
	width: 250px;
	margin: 50px 0 0;
}
article#award #second .item .right img { width: 260px; }
article#award #third .item .right {
	width: 275px;
	margin: 50px 0 0;
	text-align: left;
}
article#award #specialjudge .left {
	width: 280px;
	margin: 0 0 20px 20px;
}
article#award #specialjudge .left:first-child { margin: 0 0 20px 15px; }
article#award #specialjudge .left p:nth-of-type(2) { margin-top: 5px; }

/*▼Award応募画面*/
@media screen and (min-width: 640px) {
section.awardEntry img{
	max-width:300px;
	width:100%;
	}
}
@media screen and (max-width: 640px) {
section.awardEntry img{
	width:100%;
	}
}

/*▼準備中*/
article#award .comingsoon h2{
	font-size:25px !important;
	}
article#award .comingsoon{
	margin:50px auto;
	}

/* --------------------------- */
/*  ガイド  */
/* --------------------------- */
#Guide h1{
	text-align:left;
	font-size:25px;
	color:#8fc31f;
	margin-bottom:20px;
	}
#Guide h2{
	font-size: 20px !important;
	background: url(/Content/img/guide/icon_guide_h2.png) no-repeat left;
	padding-left:18px;
	margin:30px 0 20px 0;
	}
#Guide h3{
	font-size: 17px;
	margin:10px 0;
	}
#Guide .ttl_bg_gray{
	background:#666;
	padding:0px 10px;
	margin:5px 0;
	color:#fff;
	display:inline-block;
	}
#Guide .boxE{ margin:20px auto;}
#Guide .boxE_bdr{
	padding:15px 20px;
	border:2px solid #ccc;
	margin:20px 0;
	}
#Guide img{ margin:10px 0;}
#Guide img.bdr{ border:1px #ccc solid;}
#Guide ul, #Guide ol{
	margin:15px auto;
	font-size:13px;
	}
#Guide ul li{
	line-height:1.5em;
	margin:0 0 7px 20px;
	list-style-type: disc;
	list-style-position:outside;
	}
#Guide ol li{
	line-height:1.5em;
	margin:0 0 7px 20px;
	list-style-type: decimal;
	list-style-position:outside;
	}
#Guide .table_normal{
	border-collapse: collapse;
	border: 1px #999 solid;
	margin-top: 10px;
	background: #fff;
	font-size:13px;
	line-height:1.6em;
	}
#Guide .btnGreen{
	background: #8fc31f;
	text-align: center;
	padding:10px 20px;
	margin:15px  auto;
	font-size:20px;
	color:#fff !important;
	text-decoration:none;
	display:inline-block;
	border-radius: 20px; 
	-webkit-border-radius: 20px;/* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;/* Firefox用 */
	}
.guideCategoryBoxText{
	font-size: 0.8em;
	padding: 0 20px 10px;
	display: block;
}
.guideIndex{
	box-sizing: border-box;
}
.guideIndex .guideIndexMaintitle{
	text-align:center;
	font-size: 1.2em;
	margin: 30px 0 30px;
}
.guideIndex .guideCategoryTitle{
	cursor: pointer;
	box-sizing: border-box;
	border: solid 2px #ccc;
	padding: 10px 20px;
}
.guideIndex .guideCategoryTitle span{
	position: relative;
	display: inline-block;
	padding: 0 20px 0 0;
}
.guideIndex .guideCategoryTitle span:after{
 	content: ' ';
	position: absolute;
	top: 8px;
	right: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 6px 0 6px;
	border-color: #777 transparent transparent transparent;
}
.guideIndex .active span{
	position: relative;
	display: inline-block;
    padding: 0 20px 0 0;
}
.guideIndex .active span:after{
	content: ' ';
	position: absolute;
	top: 8px;
	right: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 8px 6px;
	border-color:  transparent transparent #777 transparent;
}
.guideIndex .guideIndexBox{
	margin: 0 0 30px;
}
.guideIndex .guideIndexList{
	margin: 0 0 15px;
}
.guideIndex .guideCategoryBox{
	display: none;
	border-bottom: solid 2px #ccc;
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	box-sizing: border-box;
	padding: 10px 0;
}
.guide_delitable{
    margin: 20px 0 0;
    width:100%;
}

.guide_delitable th,td{
    padding: 10px;
}
.guide_delitable th{
    background: #ccc;
    max-width: 400px;
    color: #212121;
    line-height: 1.5em;
}
.guide_delitable .color1{
	background: #f29800;
}
.guide_delitable .color2{
    background: #fdc602;
}
.guide_delitable .color3{
    background: #be8917;
}
.guide_delitable .color4{
    background: #a6bac3;
}
.guide_delitable .color5{
    background: #8fc320;
}
.guide_delitable .first-child{
    background: #eee;
}
#container .guideIndex .guideCategoryBox li a{
	text-decoration: none;
	padding: 10px 20px;
	display: block;
}
#Guide .GuideList02 h2{
	margin: 30px 0 0px 0;
}
.GuideList02{
	overflow: hidden;
}
#Guide ul.GuideList02 li{
	display: inline-block;
	width: 400px;
	margin: 0 20px 30px;
	vertical-align: top;
}
#Guide ul.GuideList02 li.GuideList02Title{
	width: 100%;
}
#Guide .GuideList02 li img{
	max-width: 200px;
	display: block;
	margin: 0 auto;
}
@media screen and (min-width: 640px) {
#Guide{
	margin:30px auto;
	}
#Guide p{
	line-height:1.6em;
	font-size:13px;
	text-align:left;
	margin:5px 0;
	}
#Guide .box3{
	width:31%;
	margin:1%;
	}
#Guide .box7{
	width:12%;
	margin:1%;
	}
#Guide img, #Guide .youtube iframe{
	max-width:640px;
	width:100%;
}
#Guide .table_normal th{
	border: 1px #999 solid;
	padding: 5px;
	background: #e5e5e5;
	color: #666;
}
#Guide .table_normal td{
	border: 1px #999 solid;
	padding: 5px;
	background: #fff;
	line-height: 1.5em;
}
.guideIndex{
	box-sizing: border-box;
}
.guideIndex .guideCategoryTitle{
		cursor: pointer;
}
}
@media screen and (max-width: 640px) {
#Guide{
	width:95%;
	margin:30px auto;
	}
#Guide p{
	line-height:1.6em;
	font-size:14px;
	text-align:left;
	margin:5px 0;
	}
#Guide .box3{
	width:100%;
	margin:7px 0;
	}
#Guide .box7{
	width:44%;
	margin:7px 3%;
	}
#Guide img, #Guide .youtube iframe{ width:100%;}
#Guide .table_normal th{
	border: 1px #999 solid;
	padding: 5px;
	background: #e5e5e5;
	color: #666;
}
#Guide .table_normal td{
	border: 1px #999 solid;
	padding: 5px;
	background: #fff;
	line-height: 1.5em;
}
.guideIndex{
	box-sizing: border-box;
	padding: 0 10px;
}
.guide_delitable th,td{
    display: block;
}
.guide_delitable td:last-child{
    padding: 10px 10px 30px;
}
#Guide ul.GuideList02 li{
	display: inline-block;
	width: 100%;
	margin: 0 0 10px;
	vertical-align: top;
}
}

/* --------------------------- */
/*  ヘルプ  */
/* --------------------------- */
#help img{ max-width:100%;}
#help p, #help ul li, #help ol li{
	font-size:14px;
	}
@media screen and (min-width: 640px) {
#help{
	margin:30px auto;
	line-height:1.5em;
	max-width:600px;
	padding:30px;
	border:2px solid #ccc;
	border-radius: 10px; 
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;/* Firefox用 */ 
	}
#helpCategory{ margin:70px auto 30px auto;}
#helpCategory .left{
	width:18%;
	padding:1%;
	margin-bottom:20px;
	text-align: center;
	}
#helpCategory .left img{
	width:40%;
	margin-bottom:20px;
	}
#helpCategory .left a{
	text-decoration:none !important;
	color:#666 !important;
	}
#helpCategory h2{
	font-size:16px;
	margin-bottom:10px;
	}
#help h1{
	font-size:20px;
	color:#8fc31f;
	margin-bottom:20px;
	}
#help h2{
	font-size:16px;
	margin:20px 0 10px 0;
	padding-bottom:5px;
	border-bottom:dashed 1px #ccc;
	display:inline-block;
	}
#help h3{
	font-size:16px;
	margin-bottom:10px;
	}
#help .information{
	margin:20px 0 0 0;
	padding:20px;
	background:#f2f2f2;
	border-radius: 7px; 
	-webkit-border-radius: 7px;/* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;/* Firefox用 */ 
	}
#help .information p{
	font-size:13px !important;
	}
#help .information hr{
	border-bottom:1px dashed #999;
	border-top:none;
	margin:10px 0;
	}
#help ul, #help ol{
	margin:15px auto;
	}
#help ul li{
	line-height:1.5em;
	margin:0 0 7px 20px;
	list-style-type: disc;
	list-style-position:outside;
	}
#help ol li{
	line-height:1.5em;
	margin:0 0 7px 20px;
	list-style-type: decimal;
	list-style-position:outside;
	}
}
@media screen and (max-width: 640px) {
#help{
	margin:30px auto;
	line-height:1.5em;
	width:85%;
	padding:5%;
	border:2px solid #ccc;
	border-radius: 10px; 
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;/* Firefox用 */ 
	}
#helpCategory{ margin:20px auto}
#helpCategory .left{
	width:40%;
	padding:5%;
	text-align: center;
	}
#helpCategory .left img{
	width:40%;
	margin-bottom:20px;
	}
#helpCategory .left a{
	text-decoration:none !important;
	color:#666 !important;
	}
#helpCategory h2{
	font-size:16px;
	margin-bottom:10px;
	}
#help h1{
	font-size:18px;
	color:#8fc31f;
	margin-bottom:20px;
	}
#help h3{
	font-size:16px;
	margin-bottom:10px;
	}
#help .information{
	margin:20px 0 0 0;
	padding:20px;
	background:#f2f2f2;
	border-radius: 7px; 
	-webkit-border-radius: 7px;/* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;/* Firefox用 */ 
	}
#help .information p{
	font-size:13px !important;
	}
#help .information hr{
	border-bottom:1px dashed #999;
	border-top:none;
	margin:10px 0;
	}
#help ul, #help ol{
	margin:15px auto;
	}
#help ul li{
	line-height:1.5em;
	margin:0 0 7px 20px;
	list-style-type: disc;
	list-style-position:outside;
	}
#help ol li{
	line-height:1.5em;
	margin:0 0 7px 20px;
	list-style-type: decimal;
	list-style-position:outside;
	}
}

/* --------------------------- */
/*  404error  */
/* --------------------------- */
#notfound h1{
	float:none !important;
	text-align:center !important;
	font-size:40px !important;
	font-weight:bold !important;
	color:#999 !important;
	line-height:1.6em !important;
	margin:0 auto 20px auto !important;
	}
#notfound h2{
	float:none !important;
	text-align:center !important;
	font-size:19px !important;
	line-height:1.6em !important;
	margin:0 auto 20px auto !important;
	}
#notfound div.notfound_bg{
	background-image:url(/Content/img/404error.jpg) !important;
	background-size: 100%;
	background-repeat:no-repeat;
	background-position:center top;
	padding-top:35%;
	margin-bottom:30px;
	text-align:center;
	}
#notfound div.notfound_bg p{
	font-size:14px !important;
	display:inline-block;
	text-align:left;
	line-height:1.6em;
	}

/* --------------------------- */
/*  おみくじ  */
/* --------------------------- */
div#fortune_align_l {
	text-align: left;
	display: inline-block;
}
/* --------------------------- */
/*  スタイル  */
/* --------------------------- */
.red { color: #F00; }
.bar_summer {
	padding: 15px;
	text-align: center;
	background-color: #1070b1;
	color: #fff;
	font-size: 14px;
	font-weight: lighter;
	text-decoration: none;
	line-height: 1.5em;
}
.bar_summer a { text-decoration: none; }
.bar_atena {
	padding: 15px;
	text-align: center;
	background-color: #2baed9;
	color: #fff;
	line-height: 1.5em;
	font-size: 14px;
	font-weight: lighter;
	text-decoration: none;
}
.bar_atena a { text-decoration: none; }