@charset "utf-8";
/* CSS Document */

/* スマホ表示時の文字自動調節OFF */
html,body {
	width: 100%;
	min-width:980px;
	-webkit-text-size-adjust: 100%;
	background:#fff;
}
.block{
	display: block !important;
}

/* common */

/*body {
	font-family: 'Noto Sans Japanese','YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif,"ＭＳ Ｐゴシック", "MS PGothic";
	font-size:14px;
	color:#221814;
	background:#221814;
	overflow:hidden;
	font-weight: 300;
}*/
#contener-lunch {
	font-family: 'Noto Sans Japanese','YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif,"ＭＳ Ｐゴシック", "MS PGothic" !important;
	font-size:14px !important;
	color:#221814 !important;
	overflow:hidden !important;
	font-weight: 300 !important;
}
section:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.right{
	float:right !important;
}
.left{
	float:left !important;
}
.bold{
	font-weight:bold;
}

/* hover時の透過設定 */

.alpha{
	transition:opacity 0.5s ease-out 0s;
}
.alpha:hover{
	opacity:0.7 !important;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	cursor:pointer;
}

/* ページのトップへ */
.pagetop {
	width:40px;
	height:40px;
	position:absolute;
	right:20px;
	bottom:0;
	z-index:9999;
}


/* ヘッダー
------------------------------*/
header{
	width:100%;
	height:506px;
	/*height:810px;*/
	/*background:#f2ede3;*/
	z-index:10;
	position: relative;
}
header div{
	background:none center no-repeat;
}
header #slider{
	width:1000px;
	/*width:100%;*/
	height:506px;
	/*height:810px;*/
	position:absolute;
	top:0;
	z-index: 1;
}
.ie8 #slider{
	background:url("../../images/mainimg01.jpg") no-repeat center !important;
}
header #slider a{
	width:100%;
	display: block;
}
header .inner{
	width:1000px;
	height:506px;
	/*width:960px;
	height:810px;*/
	margin:0 auto;
	/*padding:0 10px;*/
	position:relative;
}
header .inner .logo{
	width:296px;
	height:44px;
	position: absolute;
	left:340px;
	top:20px;
}
header .inner .logo h1{
	width:100%;
	height:auto;
}
header .inner .maintext{
	width:820px;
	height:330px;
	position: absolute;
	left:80px;
	top:40px;
	opacity: 0;
}
header .inner .maintext.whiteimg{
	top:75px;
	/*top:175px;*/
	display: none;
	opacity: 0.7;
}
/* hover時の透過設定 */
header .inner .maintext.whiteimg{
	transition:opacity 0.5s ease-out 0s;
}
header .inner .maintext.whiteimg:hover{
	opacity:1 !important;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	cursor:pointer;
}
header .inner .scroll{
	position: absolute;
	left:450px;
	bottom:170px;
}
header .bnr{
	position: absolute;
	right:20px;
	bottom:70px;
	z-index: 99999;
}
.sp_bnr {
	display: none;
}

/*---------20160818追加*/
#stv3header{
	width:100%;
	height:75px;
	/*height:810px;*/
	/*background:#f2ede3;*/
	z-index:10;
	position: relative;
}
#stv3header div{
	background:none center no-repeat;
}
#stv3header #slider{
	width:1000px;
	/*width:100%;*/
	height:75px;
	/*height:810px;*/
	position:absolute;
	top:0;
	z-index: 1;
}
.ie8 #slider{
	background:url("../../images/mainimg01.jpg") no-repeat center !important;
}
#stv3header #slider a{
	width:100%;
	display: block;
}
#stv3header .inner{
	width:1000px;
	height:75px;
	/*width:960px;
	height:810px;*/
	margin:0 auto;
	/*padding:0 10px;*/
	position:relative;
}
#stv3header .inner .logo{
	width:296px;
	height:44px;
	position: absolute;
	left:340px;
	top:20px;
}
#stv3header .inner .logo h1{
	width:100%;
	height:auto;
}
#stv3header .inner .maintext{
	width:820px;
	height:330px;
	position: absolute;
	left:80px;
	top:40px;
	opacity: 0;
}
#stv3header .inner .maintext.whiteimg{
	top:75px;
	/*top:175px;*/
	display: none;
	opacity: 0.7;
}
/* hover時の透過設定 */
#stv3header .inner .maintext.whiteimg{
	transition:opacity 0.5s ease-out 0s;
}
#stv3header .inner .maintext.whiteimg:hover{
	opacity:1 !important;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	cursor:pointer;
}
#stv3header .inner .scroll{
	position: absolute;
	left:450px;
	bottom:170px;
}
#stv3header .bnr{
	position: absolute;
	right:20px;
	bottom:70px;
	z-index: 99999;
}

/* グロナビ
------------------------------*/
nav#sp{
	display: none;
}

nav{
	width: 100%;
	height:60px;
	background: rgba(238,238,238,0.8);
	position:absolute;
	top:446px;
	/*top:750px;*/
	z-index: 9999;
}
.ie8 nav{
	background: #ccc;
}
.white,
nav .sp_menubtn,
nav .sp_close,
nav li.top{
	display: none;
}
nav .nav_inner{
	width:960px;
	height:60px;
	margin:0 auto;
	padding:0 10px;
}
nav .nav_inner .nav_logo{
	width:176px;
	height:60px;
	margin-right:40px;
	float: left;
	display: block;
}
nav ul{
	height:60px;
	margin-right:5px;
	position: relative;
	float:left;
}
nav li{
	height:60px;
	float:left;
	line-height: 60px;
	background:url("../../images/nav_li_bg.png") no-repeat right;
}
nav li:last-child{
	background:none;
}
nav li a{
	display: block;
	padding:0 35px 0 30px;
	text-decoration: none;
	color:#221814;
	font-weight: 500;
}
nav li a:hover{
	color:#ac8d50;
}
nav .nav_inner .sns{
	width:78px;
	height:44px;
	padding-top:16px;
	float: right;
}
nav .nav_inner .sns img{
	width:30px;
}
.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
	background: rgba(238,238,238,0.9);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}


/* 見出し
------------------------------*/

h1 {
}
h2 {
}
h3{
}
h4 {
}
h5 {
}


/* コンテンツ
------------------------------*/

/*購入する*/
#purchase {
	width:100%;
	height:auto;
	margin-top:-60px;
	padding-top:60px;
	display:block;
	background-color: #FF613F;
	/*background-color: #3366CC;*/
	/*background:#ac8d50;*/
}
#purchase .inner {
	width:960px;
	height:auto;
	margin:0 auto;
	padding:30px 10px 5px;
	display:block;
	position:relative;
}
#purchase .inner .imgbox{
	width:178px;
	height:305px;
	margin:26px 30px 0 163px;
	float: left;
	position: relative;
}
#purchase .inner .imgbox .balloon{
	position: absolute;
	top:-30px;
	left:-166px;
	z-index: 1;
}
#purchase .inner .imgbox .book{
	opacity: 1;
	display: block;
	transition:opacity 0.8s ease-out 0s;
}
/*
#purchase .inner .imgbox .book:hover{
	opacity: 0;
}
*/
#purchase .inner .textbox{
	width:570px;
	height:auto;
	padding-top:25px;
	float: left;
}
#purchase .inner .textbox .title{
	display: block;
	margin-bottom: 15px;
}
#purchase .inner .textbox p{
	font-size: 16px;
	color:#fff;
}
#purchase .inner .textbox p.price{
	margin-bottom: 10px;
	font-size: 22px;
	line-height: 52px;
	vertical-align:text-bottom;
}
#purchase .inner .textbox p span{
	font-size: 48px;
}
#purchase .inner .textbox .btn{
	width:402px;
	height:60px;
	text-align: center;
	border: 1px solid #fff;
	border-radius:5px;
	background:url("../../images/purchase_btn_bg.gif") no-repeat 25px 25px #b49962;
	color:#fff;
	font-size: 18px;
}
#purchase .inner .textbox .btn:hover{
	background:url("../../images/purchase_btn_bg.gif") no-repeat 25px 25px #ac8d50;
}
#purchase .inner .textbox .btn a{
	padding:16px 0 20px;
	display: block;
	color:#fff;
	text-decoration: none;
	letter-spacing: 0.05em;
}
#purchase .inner .textbox .btn span{
	color:#fff100;
	font-weight: bold;
}

/*お知らせ*/
#info {
	width:100%;
	height:auto;
	padding:60px 0;
	display:block;
	background-color: #FF613F;
	/*background-color: #3366CC;*/
	/*background:#ac8d50;*/
}
#info .head {
	width:730px;
	height:15px;
	margin:0 auto;
	padding:10px 15px;
	display:block;
	position:relative;
	border:solid #ccc;
	border-width:1px 1px 0 1px;
	background:#f2ede3;
}
#info .head .title{
	width:130px;
}
#info .inner {
	width:690px;
	height:150px;
	/*height:200px;*/
	margin:0 auto;
	padding:30px 30px 30px 40px;
	display:block;
	position:relative;
	border:solid #ccc;
	border-width:1px;
	overflow: auto;
	background:#fff;
}
#info .inner .news{
	width:98%;
	height: auto;
	margin-bottom: 15px;
	padding:0 0 15px;
	border-bottom: 1px dashed #ccc;
}
#info .inner p.date{
	margin-bottom: 5px;
	font-style:oblique;
	font-size: 12px;
}
#info .inner p.title{
	margin-bottom: 5px;
	font-size: 16px;
	color:#ac8d50;
}
#info .inner p.text{
	padding-left:1em;
}
#info .inner a{
	text-decoration: underline;
}
#info .inner a:hover{
	text-decoration: none;
}
/*この本について*/
#about {
	width:100%;
	height:790px;
	display:block;
	background:url("../../images/about_bg.jpg") no-repeat right bottom #ededed;
}
.mac #about,
.win #about {
	background:url("../../images/about_bg.jpg") no-repeat right bottom #ededed fixed;
}
#about .inner {
	width:960px;
	height:746px;
	margin:0 auto;
	padding-top:84px;
	display:block;
}
#about .inner h2 img{
	display: block;
	margin:0 auto 12px;
}
#about .inner h2 .title{
	margin:0 auto 60px;
}
#about .inner .textbox{
	width:700px;
	height: auto;
	margin:0 auto;
	text-align: justify;
	letter-spacing:-0.01em;
	line-height: 2.2em;
}

/*この本の使い方*/
#howto {
	width:100%;
	height:auto;
	padding-top:80px;
	display:block;
	background-color: #E3F2EC;
	/*background:#f2ede3;*/
}
#howto .inner {
	width:960px;
	height:auto;
	margin:0 auto 0;
	padding-top:30px;
	display:block;
	position:relative;
	background:url("../../images/howto_bg.gif") no-repeat top center #E3F2EC;
	/*background:url("../../images/howto_bg.gif") no-repeat top center #f2ede3;*/
}
#howto .inner h2 img{
	display: block;
	margin:0 auto 15px;
}
#howto .inner h2 .title{
	margin:0 auto 35px;
}
#howto .inner .textbox{
	width:700px;
	height: auto;
	margin:0 auto 35px;
	color: #ac8d50;
	text-align: center;
	line-height: 2.2em;
	font-size: 16px;
}
#howto .inner .box01{
	width:700px;
	height: auto;
	margin:0 auto;
	padding:30px 0;
	border-top:1px solid #666;
}
#howto .inner .box01 .title{
	width:300px;
	display: block;
	margin:0 0 20px;
}
#howto .inner .box01 .img{
	width:440px;
}
#howto .inner .box02{
	width:700px;
	height: auto;
	margin:0 auto;
	padding:30px 0;
	border-top:1px solid #666;
}
#howto .inner .box02 .title{
	width:300px;
	display: block;
	margin:0 0 15px;
}
#howto .inner .box03{
	width:700px;
	height: auto;
	margin:0 auto;
	padding:30px 0;
	border-top:1px solid #666;
}
#howto .inner .box03 .title{
	width:300px;
	display: block;
	margin:0 0 15px;
}
#howto .inner .box03{
	width:700px;
	height: auto;
	margin:0 auto;
	padding:30px 0;
	border-top:1px solid #666;
}
#howto .inner .box03 .title{
	width:300px;
	display: block;
	margin:0 0 20px;
}
#howto .inner .box03 .list li{
	width: 700px;
	height:auto;
	margin-bottom: 20px;
	padding-left: 25px;
}
#howto .inner .box03 .list .list01{
	background:url("../../images/howto_list01.png") no-repeat 0 4px;
}
#howto .inner .box03 .list .list02{
	background:url("../../images/howto_list02.png") no-repeat 0 4px;
}
#howto .inner .box03 .list .list03{
	margin-bottom: 0;
	background:url("../../images/howto_list03.png") no-repeat 0 4px;
}
#howto .inner .box04{
	width:700px;
	height: auto;
	margin:0 auto;
	padding:30px 0;
	border-top:1px solid #666;
}
#howto .inner .box04 .title{
	width:300px;
	display: block;
	margin:0 0 25px;
}
#howto .inner .box04 .title_sp{
	display: none;
}
#howto .inner .box04 .imgbox{
	width:700px;
	height:auto;
	margin:0 auto 30px;
	text-align: center;
}
#howto .inner .box04 .imgbox img{
	display: block;
	margin:0 auto;
}
#howto .inner .box04 .leftbox{
	width:375px;
	height: auto;
	float: left;
}
#howto .inner .box04 .leftbox .text{
	width:345px;
}
#howto .inner .box04 .rightbox{
	width:325px;
	height: auto;
	float: right;
}
#howto .inner .box04 .rightbox .text{
	width:325px;
}
#howto .inner .box04 li{
	width:360px;
	height: auto;
	margin-bottom:30px;
}
#howto .inner .box04 li img{
	width:100%;
	display: block;
	margin-bottom: 10px;
}
#howto .inner .box05{
	width:700px;
	height: auto;
	margin:0 auto;
	padding:15px 0 0;
	border-top:1px solid #666;
}
#howto .inner .box05 .text{
	margin-bottom: 90px;
	font-size: 12px;
}
#howto .inner .box03 .text span,
#howto .inner .box04 span{
	font-size: 12px;
}
#howto .inner .box05 .text span{
	color:#FF613F;
	/*color:#ac8d50;*/
}


/*facebook*/
#fb {
	width:100%;
	height:auto;
	margin-top:-60px;
	padding:60px 0 60px;
	display:block;
	background:#f2ede3;
}
#fb .inner {
	width:500px;
	height:auto;
	margin:0 auto;
	padding:10px ;
	display:block;
	position:relative;
	text-align: center;
	background: #fff;
}
#fb .inner .fb-like-box{
	width:500px !important;
	margin:0 auto;
	background:#fff;
}
#fb .inner span{
	width:500px !important;
}
#fb .inner .fb_iframe_widget iframe{
	width:500px !important;
	background:#fff;
}
/* page-top */
#page-top{
	width:100%;
	height:50px;
	background: #7e7e7e;
}
#page-top .inner{
	width:960px;
	height:50px;
	margin:0 auto;
	text-align: center;
	color:#fff;
}
#page-top .inner a{
	width:960px;
	height: 50px;
	display: block;
}




#store .inner .textbox {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}


/* フッター
------------------------------*/

footer{
	width:100%;
	min-height:240px;
	background:#221814;
	clear:both;
}
footer .inner {
	width:960px;
	min-height:190px;
	margin:0 auto;
	padding:50px 10px 0;
	clear:both;
}

footer .inner .textbox{
	width:400px;
	margin-bottom: 35px;
	color:#ccc;
}
footer .inner .textbox .name{
	margin:0 40px 10px 0;
	font-size:18px;
	line-height: 34px;
	float: left;
}
footer .inner .textbox .sand_web{
	padding-left:15px;
	font-size:14px;
	line-height: 34px;
	float: left;
	background:url("../../images/footer_sand_web_bg.gif") no-repeat 0 14px;
}
footer .inner .textbox .sand_web a{
	color:#ac8d51;
	text-decoration: none;
}
footer .inner .textbox .sand_web a:hover{
	text-decoration: underline;
}
footer .inner .textbox .add_tel{
	clear: both;
	line-height: 24px;
}
footer .inner .textbox .add_tel a{
	color: #ccc;
}
footer .inner .sns_area{
	width: 500px;
	float: left;
}
footer .inner .sns_area li.follow{
	padding-right:40px;
	border-right:1px solid #fff;
	color:#fff;
	float: left;
}
footer .inner .sns_area .tw{
	margin:0 10px 0 20px;
	float: left;
}
footer .inner .sns_area .fb{
	margin:0 10px 0 20px;
	float: left;
}
footer .inner .sns_area .fb_like{
	margin:0 20px 0 30px ;
	float: left;
	overflow: hidden;
}
footer .inner .sns_area .tw_tweet{
	margin:0 10px 0 0 ;
	float: left;
}

footer .inner .copyright{
	float: right;
	color:#cccccc;
}
.fb-like iframe {
	max-width: none;
}

/* 2015年11月5日 お問い合わせ - 追加
-----------------------------------------------------*/

.contact {
	width: 100%;
	/*height: 934px;*/
	display: block;
	background-color: #FF613F;
	color: #FFF;
	/*background: #AC8D50;*/
}
.contact .inner {
	padding-bottom: 50px;
}
.contact .inner h2 {
	padding: 30px 0;
	text-align: center;
}
.contact .inner .box_text {
	width: 720px;
	margin: 0 auto;
	text-align: center;
	line-height: 2.4;
	letter-spacing: -.5px;
}

.form {
	clear: both;
	margin: 0 auto;
	line-height: 2.4;
}
.form .chart {
	width: 720px;
	margin: 0 auto;
}
.form .chart .inner {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	border-top: 1px solid #333;
	display: table;
	vertical-align: middle;
}
.form .chart .inner dt {
	width: 250px;
	display: table-cell;
	vertical-align: middle;
}
.form .chart .inner dt sup {
	font-size: 12px;
	color: #db0100;
}
.form .chart .inner dd {
	display: table-cell;
	vertical-align: middle;
}
.form .chart .inner .first {
	margin: 40px 0 0;
}
.form .btn {
	width: 100%;
}
.form .form_btn {
	position: relative;
	width: 500px;
	margin: 0 auto;
	text-align: center;
}
.form .wpcf7-confirm {
	background: rgba(112, 27, 70, 0.71);
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	margin: 0px auto 5px;
	padding: 20px 30px 17px;
	text-transform: capitalize;
	cursor: pointer;
}
.form .wpcf7-confirm:hover {
	background: rgba(112, 27, 70, 1);
	transition: transform 0.35s, background 0.35s;
}
.form .wpcf7-submit {
	position: absolute;
	top: 0;
	left: 240px;
	background: rgba(112, 27, 70, 0.71);
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	margin: 0px auto 5px;
	padding: 20px 30px 17px;
	text-transform: capitalize;
	cursor: pointer;
}
.form .wpcf7-submit:hover {
	background: rgba(112, 27, 70, 1);
	transition: transform 0.35s, background 0.35s;
}
.form .wpcf7-back {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(80, 80, 80, 0.71);
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	margin: 0px auto 5px;
	padding: 20px 30px 17px;
	text-transform: capitalize;
	cursor: pointer;
}
.form .wpcf7-back:hover {
	background: rgba(80, 80, 80, 1);
	transition: transform 0.35s, background 0.35s;
}

.wpcf7c-elm-step3 { text-align: center; font-size: 24px; margin: 30px 0 0;}
.wpcf7-validation-errors { border: none !important;}
.wpcf7-response-output { border: none !important;}

.form input[type=text],
.form input[type=tel],
.form input[type=email],
.form input[type=password],
.form input[type=date],
.form textarea,
.form select {
  padding: 3px !important;
  margin: 2px 0;
  width: 98%;
  height: 35px;
  border: none;
  border-radius: 4px;
  background: #fff;
  color: #333;
}
.form textarea {
  height: 150px;
}




/* スマホ用　
-----------------------------------------------------*/

@media screen and (max-width: 740px){
html,body{
	min-width:100%;
}
img{
	max-width:100%;
	display: block;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ヘッダー
------------------------------*/
header{
	width:100%;
	height:auto;
	background:#f2ede3;
	z-index:10;
	position: relative;
}
header div{
	background:none center no-repeat;
	background-size:cover;
}
header #slider{
	width:100%;
	height: auto;
	min-height: 350px;
	position:absolute;
	top:0;
	z-index: 1;
	background-size: auto 100%;
}
header #slider a{
	width:100%;
	display: block;
}
header .inner{
	width:100%;
	height: auto;
	min-height: 350px;
	margin:0 auto;
	padding:0;
	position:relative;
}
header .inner .logo{
	width:60%;
	height:auto;
	margin:0 auto;
	position: relative;
	top:80px;
	left: 0;
}
header .inner .logo h1{
	width:100%;
	height:auto;
	display:block;
}
header .inner .logo h1 img{
	display: block;
	margin:0 auto;
}
.width header .inner .logo{
	width:60%;
	height:auto;
	top:40px;
	display:block;
}
header .inner .maintext{
	width:90%;
	height:auto;
	position: absolute;
	left:5%;
	top:40% !important;
	opacity: 0;
}
header .inner .maintext.whiteimg{
	top:40% !important;
	opacity: 1 !important;
}
.width header .inner .maintext{
	width:80%;
	height:auto;
	position: absolute;
	left:10%;
	top:30% !important;
}
header .inner .scroll{
	display: none;
}
/* グロナビ
------------------------------*/
nav#pc{
	display: none;
}
.white{
	width: 100%;
	background: rgba(30,30,30,0.7);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	display: block;
}
nav#sp{
	width:265px;
	height:auto;
	background: rgba(238,238,238,1);
	position:fixed;
	right:-265px;
	top:0;
	z-index: 9999;
	display: block;
}
nav .nav_inner{
	width:1000px;
	/*width:100%;*/
	height:auto;
	margin:0 auto;
	padding:0;
}
nav .sp_menubtn{
	width:43px;
	position: absolute;
	top:0;
	left:-43px;
	display: block;
}
nav .sp_close{
	width:265px;
	height:42px;
	padding-left: 192px;
	background: #ddd;
	display: block;
}
nav .sp_close img.close{
	width:73px;
}
nav .nav_inner .nav_logo{
	display: none;
}
nav li.top{
	display: block;
}
nav ul{
	height:147px;
	margin-right:0;
	padding:0 15px;
	position: relative;
	float:none;
}
nav li{
	width:105px;
	height:44px;
	margin-right: 25px;
	padding:7px 0 7px 15px;
	float:left;
	font-size: 12px;
	line-height: 30px;
	border-bottom:1px solid #aaaaaa;
	background:url("../../images/nav_li_sp_bg.jpg") no-repeat left;
	background-size: 7px 7px;
}
nav li:nth-child(odd){
	float: left;
	clear: both;
}
nav li:nth-child(even){
	margin:0;
	float: right;
}
nav li:last-child{
	background:url("../../images/nav_li_sp_bg.jpg") no-repeat left;
	background-size: 7px 7px;
}
nav li a{
	display: block;
	padding:0;
	text-decoration: none;
	color:#221814;
	font-weight: 500;
}
nav li a:hover{
	text-decoration: underline;
}
nav .nav_inner .sns{
	width:175px;
	height:40px;
	padding:0 0 0 95px;
	float: none;
	background:url("../../images/nav_sp_follow.jpg") no-repeat 10px top;
	background-size:59px 22px;
}
.fixed {
	position: fixed;
	top: 0;
	right:-265px;
	width: 265px;
	z-index: 10000;
	background: rgba(238,238,238,1);
	box-shadow:none;
}
header .bnr{
	display: none;
}
.sp_bnr {
	display: block;
	clear: both;
	text-align: center;
}
.sp_bnr img {
	text-align: center;
	width: 100%;
	max-width: 100%;
}

/* コンテンツ
------------------------------*/

/*購入する*/
#purchase {
	width:100%;
	height:auto;
	margin-top:0;
	padding-top:30px;
	display:block;
	background:#ac8d50;
}
#purchase .inner {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0 20px;
	display:block;
	position:relative;
}
#purchase .inner .imgbox{
	width:44%;
	height:auto;
	margin:0 0 0 36%;
	float: none;
	position: relative;
	background:none;
	text-align: right;
}

#purchase .inner .imgbox .balloon{
	width:80%;
	min-width:90px;
	position: absolute;
	top:-18px;
	left:-73%;
	z-index: 1;
}
#purchase .inner .imgbox .book{
	width: 100%;
	height:auto;
	/*opacity: 1;*/
	display: block;
	/*transition:opacity 0.8s ease-out 0s;*/
}
/*#purchase .inner .imgbox .book{
	width: 100%;
	height:auto;
	opacity: 1;
	display: block;
	transition:opacity 0.8s ease-out 0s;
}*/
/*#purchase .inner .imgbox .book:hover{
	opacity: 1;
}*/

#purchase .inner .textbox{
	width:100%;
	height:auto;
	padding:25px 0 0;
	float: left;
}
#purchase .inner .textbox .title{
	display: block;
	margin-bottom: 15px;
}
#purchase .inner .textbox p{
	font-size: 16px;
	color:#fff;
}
#purchase .inner .textbox p.price{
	margin-bottom: 10px;
	font-size: 22px;
	line-height: 62px;
	vertical-align:text-bottom;
}
#purchase .inner .textbox p span{
	font-size: 48px;
}
#purchase .inner .textbox .btn{
	width:100%;
	height:auto;
	text-align: center;
	border: 1px solid #fff;
	border-radius:5px;
	background:url("../../images/purchase_btn_bg.gif") no-repeat 25px 25px #b49962;
	color:#fff;
	font-size: 18px;
}
#purchase .inner .textbox .btn:hover{
	background:url("../../images/purchase_btn_bg.gif") no-repeat 25px 25px #ac8d50;
}
#purchase .inner .textbox .btn a{
	padding:16px 0 20px;
	display: block;
	color:#fff;
	text-decoration: none;
	letter-spacing: 0.05em;
}
#purchase .inner .textbox .btn span{
	color:#fff100;
	font-weight: bold;
}

/*お知らせ*/
#info {
	width:100%;
	height:auto;
	padding:30px 0;
	display:block;
	background:#ac8d50;
}
#info .head {
	width:94%;
	height:35px;
	margin:0 auto;
	padding:10px 10px;
	display:block;
	position:relative;
	border:solid #ccc;
	border-width:1px 1px 0 1px;
	background:#f2ede3;
}
#info h2 img.title{
	width:130px;
	margin:0 auto 25px;
}
#info .inner {
	width:94%;
	height:300px;
	margin:0 auto;
	padding:20px 10px;
	display:block;
	position:relative;
	border:solid #ccc;
	border-width:1px;
	overflow: auto;
	background:#fff;
}
#info .inner .news{
	width:100%;
	height: auto;
	margin-bottom: 15px;
	padding:0 0 15px;
	border-bottom: 1px dashed #ccc;
}
#info .inner p.date{
	margin-bottom: 5px;
	font-style:oblique;
	font-size: 12px;
}
#info .inner p.title{
	margin-bottom: 5px;
	font-size: 16px;
	color:#ac8d50;
}
#info .inner p.text{
	padding-left:1em;
}

/*この本について*/
#about {
	width:100%;
	height:auto;
	display:block;
	background:url("../../images/about_bg.jpg") no-repeat center bottom #f3f2f2 !important;
	/*background:url("../../images/about_bg.jpg") no-repeat center bottom #ededed !important;*/
}
#about .inner {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:30px 20px;
	display:block;
}
#about .inner h2{
	width:70%;
	margin:0 auto;
}
#about .inner h2 img{
	display: block;
	margin:0 auto 12px;
}
#about .inner h2 .title{
	margin:0 auto 20px;
}
#about .inner .textbox{
	width:100%;
	height: auto;
	margin:0 auto;
	text-align: justify;
	line-height: 2.2em;
}

/*この本の使い方*/
#howto {
	width:100%;
	height:auto;
	padding:30px 20px 0;
	display:block;
	background:#f2ede3;
}
#howto .inner {
	width:100%;
	height:auto;
	margin:0 auto 0;
	padding:30px 0 0;
	display:block;
	position:relative;
	background:url("../../images/howto_bg.gif") no-repeat top center #f2ede3;
	background-size:contain;
}
#howto .inner h2{
	width: 70%;
	margin:0 auto;
}
#howto .inner h2 img{
	display: block;
	margin:0 auto 10px;
}
#howto .inner h2 .title{
	margin:0 auto 25px;
}
#howto .inner .textbox{
	width:100%;
	height: auto;
	margin:0 auto 35px;
	color: #ac8d50;
	text-align: center;
	line-height: 1.8em;
	font-size: 16px;
}
#howto .inner .leftbox .text,
#howto .inner .rightbox .text{
	font-size: 12px;
	width:100% !important;
}

#howto .inner .box01{
	width:100%;
	height: auto;
	margin:0 auto;
	padding:30px 0;
	border-top:1px solid #666;
}
#howto .inner .box01 .title{
	width:300px;
	display: block;
	margin:0 0 20px;
}
#howto .inner .box01 .img{
	width:100%;
	max-width: 330px;
}
#howto .inner .box02{
	width:100%;
	height: auto;
	margin:0 auto;
	padding:30px 0;
	border-top:1px solid #666;
}
#howto .inner .box02 .title{
	width:300px;
	display: block;
	margin:0 0 15px;
}
#howto .inner .box02 .text br{
	display: none;
}
#howto .inner .box03{
	width:100%;
	height: auto;
	margin:0 auto;
	padding:30px 0;
	border-top:1px solid #666;
}
#howto .inner .box03 .title{
	width:300px;
	display: block;
	margin:0 0 20px;
}
#howto .inner .box03 .list li{
	width:100%;
	height:auto;
	margin-bottom: 20px;
	padding-left: 20px;
}
#howto .inner .box03 .list .list01{
	background:url("../../images/howto_list01.png") no-repeat 0 4px;
}
#howto .inner .box03 .list .list02{
	background:url("../../images/howto_list02.png") no-repeat 0 4px;
}
#howto .inner .box03 .list .list03{
	margin-bottom: 0;
	background:url("../../images/howto_list03.png") no-repeat 0 4px;
}
#howto .inner .box04{
	width:100%;
	height: auto;
	margin:0 auto;
	padding:30px 0 5px;
	border-top:1px solid #666;
	background:url("../../images/howto_plus.jpg") no-repeat right 30px;
	background-size:22px 22px;
}
#howto .inner .minus{
	background:url("../../images/howto_minus.jpg") no-repeat right 30px;
	background-size:22px 22px;
}
#howto .inner .box04 .title{
	width:300px;
	display: none;
	margin:0 0 25px;
}
#howto .inner .box04 .title_sp{
	width:100%;
	display: block;
	margin:0 0 25px;
}
#howto .inner .box04 .title_sp img{
	display: block;
	width:300px;
}
#howto .inner .box04 .detail{
	display: none;
}
#howto .inner .box04 .imgbox{
	width:100%;
	height:auto;
	margin:0 auto 30px;
	text-align: center;
}
#howto .inner .box04 .imgbox img{
	display: block;
	margin:0 auto;
}
#howto .inner .box04 .leftbox{
	width:100%;
	height: auto;
	float: left;
}
#howto .inner .box04 .rightbox{
	width:100%;
	height: auto;
	float: right;
}
#howto .inner .box04 li{
	width:100%;
	height: auto;
	margin-bottom:30px;
}
#howto .inner .box04 li img{
	display: block;
	margin-bottom: 10px;
}
#howto .inner .box04 li img.chk01,
#howto .inner .box04 li img.chk02,
#howto .inner .box04 li img.chk03,
#howto .inner .box04 li img.chk04,
#howto .inner .box04 li img.chk05,
#howto .inner .box04 li img.chk06,
#howto .inner .box04 li img.chk07,
#howto .inner .box04 li img.chk08{
	width:270px;
}

#howto .inner .box05{
	width:100%;
	height: auto;
	margin:0 auto ;
	padding:15px 0 0;
	border-top:1px solid #666;
}
#howto .inner .box05 .text{
	margin-bottom: 60px;
	font-size: 12px;
}
#howto .inner .box05 .text span{
	color:#ac8d50;
}

#howto .inner img.bottom{
	width:100%;
	margin:0 auto 30px;
	display: block;
}

/*facebook*/
#fb {
	width:100%;
	height:auto;
	margin-top:0;
	padding:0 0 30px;
	display:block;
	background:#f2ede3;
}
#fb .inner {
	width:280px !important;
	height:auto;
	margin:0 auto;
	padding:0;
	display:block;
	position:relative;
	text-align: center;
}
#fb .inner .fb-page{
	width:280px !important;
	margin:0 auto;
	background:#fff;
}
#fb .inner span{
	width:280px !important;
}
#fb .inner .fb_iframe_widget iframe{
	width:280px !important;
	background:#fff;
}
/* page-top */
#page-top{
	width:100%;
	height:50px;
	background: #7e7e7e;
}
#page-top .inner{
	width:100%;
	height:50px;
	margin:0 auto;
	text-align: center;
	color:#fff;
}
#page-top .inner a{
	width:80px;
	height: 50px;
	margin:0 auto;
	display: block;
}

/* フッター
------------------------------*/

footer{
	width:100%;
	height:auto;
	background:#221814;
	clear:both;
}
footer .inner {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:20px 20px;
	clear:both;
}

footer .inner .textbox{
	width:100%;
	margin-bottom: 20px;
	color:#ccc;
}
footer .inner .textbox .name{
	margin:0 40px 10px 0;
	font-size:18px;
	line-height: 34px;
	float: left;
}
footer .inner .textbox .sand_web{
	padding-left:15px;
	font-size:14px;
	line-height: 34px;
	float: left;
	background:url("../../images/footer_sand_web_bg.gif") no-repeat 0 14px;
}
footer .inner .textbox .sand_web a{
	color:#ac8d51;
	text-decoration: none;
}
footer .inner .textbox .sand_web a:hover{
	text-decoration: underline;
}
footer .inner .textbox .add_tel{
	clear: both;
	line-height: 24px;
}
footer .inner .textbox .add_tel a{
	color:#ccc;
}
footer .inner .sns_area{
	width:96%;
	margin:0 auto;
	float: none;
	clear: both;
}
footer .inner .sns_area .icon{
	display: block;
	margin:0 auto;
}
footer .inner .sns_area li{
	margin-bottom: 10px;
}
footer .inner .sns_area li.follow{
	padding-right:40px;
	border-right:1px solid #fff;
	color:#fff;
	float: left;
}
footer .inner .sns_area .tw{
	margin:0 10px 10px 20px;
	float: left;
}
footer .inner .sns_area .fb{
	margin:0 10px 10px 20px;
	float: left;
}
footer .inner .sns_area .fb_like{
	margin:10px 20px 10px 0 ;
	float: left;
	clear: both;
}
footer .inner .sns_area .tw_tweet{
	margin:10px 10px 10px 0 ;
	float: left;
}

footer .inner .copyright{
	float: none;
	clear: both;
	color: #cccccc;
}

.contact {
	width: 100%;
	height: auto;
	display: block;
	padding: 0 0 60px;
	background: #AC8D50;
}
.contact .inner {}
.contact .inner h2 {
	padding: 30px 0;
	text-align: center;
}
.contact .inner h2 img {
	margin: 0 auto;
	width: 60%;
}
.contact .inner .box_text {
	width: 90%;
	margin: 0 auto;
	text-align: left;
	line-height: 2;
	font-size: 14px;
}
.contact .inner .form {
	clear: both;
	margin: 0 auto;
	line-height: 2.4;
	font-size: 14px;
}
.contact .inner .form .chart {
	width: 100%;
	margin: 0 auto;
}
.contact .inner .form .chart .inner {
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
	border-top: 1px solid #333;
	display: block;
	vertical-align: middle;
}
.contact .inner .form .chart .inner dt {
	width: 250px;
	display: block;
	vertical-align: middle;
}
.contact .inner .form .chart .inner dt sup {
	font-size: 12px;
	color: #db0100;
}
.contact .inner .form .chart .inner dd {
	display: block;
	vertical-align: middle;
}
.contact .inner .form .chart .first {
	margin: 30px auto 0;
}
.contact .inner .form .btn {
	width: 100%;
}
.contact .inner .form .btn .form_btn {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.contact .inner .form .btn .form_btn input.wpcf7-confirm[type=submit] {
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	margin: 0px auto 5px;
	padding: 20px 30px 17px;
	text-transform: capitalize;
	cursor: pointer;
}
.contact .inner .form .btn .form_btn input.wpcf7-confirm:hover {
	transition: transform 0.35s, background 0.35s;
}
.contact .inner .form .btn .form_btn input.wpcf7-submit[type=submit] {
	position: absolute;
	top: 0;
	left: 200px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	margin: 0px auto 5px;
	padding: 20px 30px 17px;
	text-transform: capitalize;
	cursor: pointer;
}
.contact .inner .form .btn .form_btn input.wpcf7-submit:hover {
	transition: transform 0.35s, background 0.35s;
}
.contact .inner .form .btn .form_btn input.wpcf7-back[type=button] {
	position: absolute;
	top: 0;
	left: 40px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	margin: 0px auto 5px;
	padding: 20px 30px 17px;
	text-transform: capitalize;
	cursor: pointer;
}
.contact .inner .form .btn .form_btn input.wpcf7-back:hover {
	background: rgba(80, 80, 80, 1);
	transition: transform 0.35s, background 0.35s;
}

.contact .inner .form .btn .form_btn input[type="button"],input[type="submit"] { -webkit-appearance: none;}


}


#about{
	display: none;
}
#howto{
	display: none;
}


#contact .inner .box_text .toiTel {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 60px;
	font-weight: bold;
	line-height: 1.0em;
}
#store {

}
#store .inner .textbox table {
}
#store .inner .textbox table tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#store .inner .textbox table tr td {
	padding-top: 5px;
	padding-bottom: 5px;
}