@charset "utf-8";

body{margin: 0px; padding: 0px;
	text-align: center;
	font-size: 90%; line-height: 180%; color: #5a310a;
	background-color: #f3f1e8;
	background-image: url(../images/bg1.png);
	background-attachment: fixed;
	display:none; /*fadein*/
	font-family: "Sawarabi Mincho", 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}

	.background-hack {background-image:url(../images/bg1.png);
		z-index: -1;
		background-color: #f3f1e8;
		background-size: 100% auto;
		position: fixed;
		top: 0; left: 0; right: 0; bottom: 0;}

a:link {color: #af8f46; text-decoration: none;}
a:visited {color: #af8f46; text-decoration: none;}
a:hover {color: #d5b366; text-decoration: none;
	-webkit-transition: 0.3s;
	transition: 0.3s;}

a:hover img {filter: brightness(120%);
	-webkit-transition: 0.3s; transition: 0.3s;}

.clear{clear:both;}

/*common*/
.main-container750 {margin: 0; padding: 0; width: 750px;
                                box-shadow: 0px 0px 60px 5px rgba(166,161,137,0.4);}

.contents-container750 {margin: 0; padding: 0; width: 750px;
	background-image: url(../images/bg2.jpg);
                                box-shadow: 0px 0px 60px 5px rgba(166,161,137,0.4);}

.contents2-container750 {margin: 0; padding: 80px 0px 40px 0px; 
                                width: 750px;
	background-color: #f4f1e8;
                                box-shadow: 0px 0px 60px 5px rgba(166,161,137,0.4);}


/*bookinfo*/
.btn06 {margin: 0; padding: 0px;
                                float: left;
	width: 172px; height: auto;}
.btn06 img {width: 100%;}

div.bookvol {margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;
	text-align: center; cursor: pointer;
	background: #f4f1e8;
                                color: #0e3d84;
	font-size: 120%;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	border:0px solid #dcdcdc;}
div.bookvol img {width: 172px;}

div.bookvol: hover {background: #3197e2;
	color: #ffffff;
                                border:1px solid #3197e2;}


div.bookvol-text {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	display: none; text-align: left;}


div.bookvol2 {margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;
	text-align: center;
	background: #f4f1e8;
                                color: #0e3d84;
	font-size: 120%;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	border:0px solid #dcdcdc;}
div.bookvol2 img {width: 172px;}

div.bookvol2: hover {background: #3197e2;
	color: #ffffff;
                                border:1px solid #3197e2;}

div.bookvol-text2 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	display: block; text-align: left;}

/*column*/
.whitebox {margin: 10px 40px 60px 40px; 
                                padding: 30px 40px 30px 40px; 
                                width: 580px;
	background-color: #ffffff;
                                border:solid 4px #af8f46;
                                outline: solid 1px #af8f46;
	outline-offset: 8px;}

.textLL {padding: 20px 0px 30px 0px;
                                font-size: 200%; line-height: 180%;}

.textL-box {padding: 20px 0px 25px 0px;
                                font-size: 240%; line-height: 180%;}

.textS-box {padding: 10px 0px 10px 0px;
	text-align: left;
                                font-size: 180%; line-height: 190%;}

.textS-box2 {padding: 10px 0px 10px 0px;
	text-align: left;
                                font-size: 160%; line-height: 190%;}

.arasuji {margin: 10px 0px 16px 0px; 
                                padding: 16px 16px 16px 16px;
	text-align: left;
	background-color: #f4f1e7;
                                font-size: 90%; line-height: 170%;}

.text-red { color: #cf012c;}

.news {margin: 0px 10px 0px 0px; padding: 4px 7px 4px 7px;
	background-color: #a50123;
                                color: #ecd49d; font-size: 80%; line-height: 190%;}
/*form0*/
.form01 {margin: 0; padding: 80px 40px 80px 40px;
                                width: 670px; height: auto;
                                transform:scale(2.0);}

.enquete-table{padding: 0px 0px 20px 0px;}
                                /*.enquete-td-label {display: none;}*/
.enquete-error {padding: 10px 0px 10px 0px; color: #af0e17;
                                font-size: 90%; font-weight: bold;}
enquete-error-input-msg {padding: 10px 0px 10px 0px; color: #af0e17;
                                font-size: 90%; font-weight: bold;}
.textL {padding: 30px 50px 30px 50px;
                                font-size: 240%; line-height: 180%;}
.textM {padding: 0px 50px 40px 50px;
                                font-size: 205%; line-height: 180%;}
.textS {padding: 10px 50px 30px 50px;
	text-align: left;
                                font-size: 180%; line-height: 190%;}
.textSS {padding: 0px 50px 20px 50px;
	text-align: left;
                                font-size: 160%; line-height: 170%;}

.textSS2 {padding: 0px 50px 70px 50px;
	text-align: right;
                                font-size: 160%; line-height: 170%;}


.title-bar {margin: 0px 50px 60px 50px; padding: 3px 5px 3px 5px;
                               	background-color: #5a310a; 
                                width: 650px; text-align: center;
                                font-size: 180%; line-height: 180%; color: #ffffff;}

/*top*/
.keyvisual {margin: 0; padding: 0;
	width: 100%; height: auto;}
.keyvisual img {width: 100%;}

                                .keyvisual2 {margin: 0; padding: 0%;
                                	background-image: url(../images/main.jpg);
                                                                background-size: 100%;
                                	width: 100%; height: auto;}
                                
.keyvisual3 {margin: 0; padding: 0%;
	background-image: url(../images/radio.jpg?2304);
                                background-size: 100%;
	width: 100%; height: auto;}
                                
                                .keyvisual4 {margin: 0; padding: 0%;
                                	background-image: url(../images/goods.jpg);
                                                                background-size: 100%;
                                	width: 100%; height: auto;}


.topbtn {margin: 0; padding: 0% 0% 93.5% 81.1%;
	width: 18.9%; height: auto;;}
.topbtn img {width: 100%;}

                                .btn01 {margin: 0; padding: 102.7% 7% 2.3% 7%;
                                	width: 86%; height: auto;}
                                .btn01 img {width: 100%;}
                                
.btn12 {margin: 0; padding: 4% 7% 0% 7%;
	width: 86%; height: auto;}
.btn12 img {width: 100%;}
.btn15 {margin: 0; padding: 4% 7% 10% 7%;
	width: 86%; height: auto;}
.btn15 img {width: 100%;}
                                

.radio {margin: 0; padding: 0%;
	background-image: url(../images/radiobg.jpg);
                                background-size: 100%;
	width: 100%; height: auto;}

.radio2 {margin: 0; padding: 0%;
	background-image: url(../images/radiobg2.jpg);
                                background-size: 100%;
	width: 100%; height: auto;}

.btnorder {margin: 0; padding: 4% 7% 0% 7%;
	width: 86%; height: auto;}
.btnorder img {width: 100%;}

.btn10 {margin: 0; padding: 31.5% 14.6% 29.6% 14.6%;
	width: 70.8%; height: auto;}
.btn10 img {width: 100%;}

                                .btn07 {margin: 0; padding: 48.5% 7% 14% 38.5%;
                                	width: 54.2%; height: auto;}
                                .btn07 img {width: 100%;}



.goodsimg {margin: 0; padding: 2% 0% 2% 0%;
	width: 100%; height: auto;}
.goodsimg img {width: 100%;}



.thema {margin: 0; padding: 7% 0% 2% 0%;
	width: 100%; height: auto;}
.thema img {width: 100%;}

.thema2 {margin: 0; padding: 10% 0% 5% 0%;
	width: 100%; height: auto;}
.thema2 img {width: 100%;}

.enqimg {margin: 0; padding: 1% 5% 2% 5%;
	width: 90%; height: auto;}
.enqimg img {width: 100%;}

.promo {margin: 0; padding: 0;
	width: 100%; height: auto;}
.promo img {width: 100%;}

.deco {margin: 0; padding: 0;
	width: 100%; height: auto;}
.deco img {width: 100%;}

.text1 {padding: 80px 0px 0px 0px;
                                font-size: 180%; line-height: 210%;}

.text2 {padding: 50px 0px 0px 0px;
                                font-size: 240%; line-height: 200%;}

.mark {padding: 40px 0px 20px 0px;}

/*sns*/
.sns-box {margin: 50px 0px 80px 0px; padding: 70px 20px 20px 20px;
                                border-top: 1px solid #af8f46;
	width: 270px;}

.white {margin: 0px 20px 0px 20px; padding: 0;
	float: left; background-color: #ffffff;}
.white img {width: 100%; height: auto;}

/*footer*/
.footer-container750 {margin: 0; padding: 40px 0px 0px 0px; width: 750px;
	background-color: #ffffff;
                                box-shadow: 0px 0px 60px 5px rgba(166,161,137,0.4);}

.banner1 {margin: 30px 0px 0px 0px; padding: 0;
                                width: 640px;}
.banner1 img{width: 100%; height: auto;}

.banner2 {margin: 30px 0px 0px 0px; padding: 0;
                                width: 178px;}
.banner2 img{width: 100%; height: auto;}

.sunrise {margin-top: 60px;}
.copyrights {margin-top: 10px;
                                font-family: Arial, Helvetica, Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-size: 80%; line-height: 180%; color: #7e6d5d;}
.copyrights2 {margin-top: 20px; padding: 0px 0px 50px 0px;
                                font-family: Arial, Helvetica, Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-size: 75%; line-height: 150%;}

/*pagetop*/
#page-top {margin: 0px; padding: 0px;
	position: fixed; bottom: 110px; right: 50px;}
#page-top a {margin: 0px; padding: 40px 0px 0px 0px;
	width: 110px; height: 70px; display: block;
	background:#af8f46;
	font-size: 90%; color: #ffffff;}
#page-top a:hover {background:#c9a95f;
	color: #ffffff;}

.clear{clear:both;}

/*●750px以下（SP）
================================================*/
@media only screen and (max-width: 750px) {

.pconly{display: none;}

body{font-size: 90%; line-height: 180%;
	background-image: url(../images/spacer.png);}

/*common*/
.main-container750 {width: 100%;}

.contents-container750 {width: 100%;
	background-image: url(../images/bg2.jpg);
	background-size: 100% auto;
                                box-shadow: 0}

.contents2-container750 {width: 100%; padding: 12% 0% 6% 0%;
                                box-shadow: 0}

/*bookinfo*/
div.bookvol {padding: 0px 0px 5px 0px;}
div.bookvol img {width: 30%;}

div.bookvol2 {padding: 0px 0px 5px 0px;}
div.bookvol2 img {width: 30%;}

/*column*/
.whitebox {margin: 2% 5% 8% 5%;
                                padding: 4% 5% 4% 5%;
                                width: 78%;
                                border:solid 3px #af8f46;
                                outline: solid 1px #af8f46;
	outline-offset: 3px;}

.textL-box {padding: 5% 0% 4% 0%;
                                font-size: 150%; line-height: 180%;}

.textS-box {padding: 3% 0% 3% 0%;
                                font-size: 110%; line-height: 200%;}
.textS-box2 {padding: 3% 0% 3% 0%;
                                font-size: 110%; line-height: 170%;}

/*form0*/
.form01 {margin: 0; padding: 4% 5% 4% 5%;
                                width: 78%;
                                transform:scale(1.2);}

.enquete-table{padding: 0px 0px 3% 0px;}
.enquete-error {padding: 3% 0px 1% 0px;}

.textL {padding: 8% 5% 0% 5%;
                                font-size: 150%; line-height: 180%;}

.textM {padding: 2% 5% 2% 5%;
                                font-size: 125%; line-height: 180%;}

.textS {padding: 6% 5% 0% 5%;
	text-align: left;
                                font-size: 110%; line-height: 2  00%;}
.textSS {padding: 3% 5% 2% 5%;
	text-align: left;
                                font-size: 90%; line-height: 170%;}

.textSS2 {padding: 2% 5% 2% 5%;
	text-align: right;
                                font-size: 90%; line-height: 170%;}

.title-bar {margin: 5% 5% 13% 5%; padding: 1% 0% 1% 0%;
                               	background-color: #5a310a; 
                                width: 90%;
                                font-size: 110%; line-height: 180%; color: #ffffff;}

/*top*/
.text1 {padding: 10% 0% 0% 0%;
                                font-size: 120%; line-height: 210%;}

.text2 {padding: 7% 0% 0% 0%;
                                font-size: 150%; line-height: 180%;}

.mark {padding: 5% 43% 0% 43%; width: 14%;}
.mark img {width: 100%;}


/*sns*/
.sns-box {margin: 12% 0% 8% 0%; padding: 13% 0px 8% 0px;
	width: 100%; width: 270px;}

/*footer*/
.footer-container750 {padding: 5% 0% 0% 0%; width: 100%;
                                box-shadow: 0}

.banner1 {margin: 7% 5% 0% 5%;
                                width: 90%;}
.banner2 {margin: 7% 27% 0% 27%;
                                width: 46%;}

.sunrise {margin-top: 15%;}

.copyrights {margin-top: 4%;
	font-size: 85%; line-height: 140%;}
.copyrights2 {margin-top: 6%; padding: 0 0 20% 0;
	font-size: 85%; line-height: 140%;}

/*pagetop*/
#page-top {bottom: 80px; right: 0px;}
#page-top a {margin: 0px; padding: 22px 0px 0px 0px;
	width: 70px; height: 42px;
	font-size: 80%; color: #ffffff; font-weight: bold;}

/**/}


/*●750px以上
======================================*/
@media only screen and (min-width: 751px) {
.sponly{display: none;}
/**/}


/* 2303update */
.sample {
	margin-top: 1em;
}
.sample_text.-indent {
	text-indent: -4em;
	padding-left: 4em;
}
.sample_img {
	margin-top: 0.5em;
	padding: 0;
	list-style-type: none;
}
.sample_img__item:nth-child(n+1) {
	margin-top: 0.5em;
}
.sample_img__item img {
	display: block;
	max-width: 100%;
}
.sample_img + .sample_text {
	margin-top: 1em;
}
.trial {
	margin-top: 1em;
}
.trial_movie {
	margin-top: 0.5em;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.trial_movie iframe {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* 2303update */