@charset "utf-8";


html{
	font-size: 62.5%;
}
/* body
---------------------------------------------------- */
body{
	-webkit-text-size-adjust: none;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../images/top_bg.png) repeat;
	line-height: 1.5;
	/*font-size: 1.4rem;*/
	font-size: 62.5%;
	/*width:320px;
	margin: 0 auto;*/
}

@media screen and (min-width:641px){

	body{
		max-width:640px;
		margin:0 auto;
		border-left:1px solid #6D5737;
		border-right:1px solid #6D5737;
		
	}
}

/* a:hover
---------------------------------------------------- */
a:hover img{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
/* navi
---------------------------------------------------- */
nav ul {
	width: 100%;
	margin-bottom: 15px;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

}
nav ul li {
	width: 25%;
}
nav ul li img {
	width: 100%;
}
/* second_navi
---------------------------------------------------- */
.second_navi ul {
	border-top: 1px solid #b3b091;
	border-right: 1px solid #b3b091;
	border-left: 1px solid #b3b091;
	margin-bottom: 20px;
}
.second_navi ul li {
	position:relative;
	/*display: -webkit-flex;*/
	/*color:#5c330c;
	font-size:1.5rem;*/
	border-bottom: 1px solid #b3b091;
	/*background-image: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#fbfaf6),
		to(#fdf5e9));
	background: linear-gradient(left top, #fbfaf6 0%, #fdf5e9 100%);
	padding: 15px 0 15px 25px;*/

	background:#fbfaf6;

	background: -moz-linear-gradient(top, #fbfaf6, #fdf5e9);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #fbfaf6, #fdf5e9);/* Chrome10+, Safari5.1+ */
    background: linear-gradient(to bottom, #fbfaf6, #fdf5e9);/* IE10+, W3C */

}
.second_navi ul .navi_s {
	width: 90%;
}

/*iwai*/
.second_navi a{
	display:block;
	text-decoration:none;
	color:#5c330c;
	font-size:1.5rem;
	padding: 16px 0 16px 26px;
}
/*iwai*/

.second_navi ul .navi_icon {
/*iwai*/
	position:absolute;
	top:50%;
	margin-top:-10px;
	right:20px;
	height:17px;
	width:17px;
/*iwai*/
	background: url(../images/icon_navi.png) no-repeat ;
	background-size: contain;
	-webkit-background-size: contain;
/*	width:10%;*/
}

/* footer
---------------------------------------------------- */
footer {
	padding: 10px 0;
/*iwai*/
	background:url(../images/foot_bg.png) no-repeat;
	background-color:#6d5737;
/*iwai*/
	background-size:100% auto;
	font-size: 1rem;
	color: #FFFFFF;
	text-align: center;
}	
footer ul {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 90%;
	margin:0 auto 10px auto;
}
footer ul li {
	width: 50%;
	text-align: center;
}
/*iwai*/
footer ul li a{
	text-decoration:none;
	color: #FFFFFF;
}
footer small{
	font-size:1rem;
}
/*iwai*/

/* top_section
---------------------------------------------------- */
header img,
#main_img img {
	width: 100%;
}
#top_main {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color:#5c330c;
	font-size:1.4rem;
	background:#fff;
}
#top_main .main_text {
	padding:15px;
}
#top_main .right_text {
	text-align: right;
}
.banner {
	width: 96%;
	margin: 0 auto;
}
.banner img {
	width: 100%;
	margin-bottom: 20px;
}
#news {
	margin-bottom:20px;
	/*background:#fff;*/
	color:#5c330c;
	border-top: 1px solid #b3b091;
}
#news p {
	padding:10px 15px;
	border-bottom: 1px solid #b3b091;
	font-size:1.5rem;
	background:#fbfaf6;
	background: -moz-linear-gradient(top, #fbfaf6, #fdf5e9);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #fbfaf6, #fdf5e9);/* Chrome10+, Safari5.1+ */
    background: linear-gradient(to bottom, #fbfaf6, #fdf5e9);/* IE10+, W3C */
}
#news ul li {
	padding: 10px 15px;
	border-bottom: 1px solid #b3b091;
	font-size:1.4rem;
	background:#fbfaf6;
	background: -moz-linear-gradient(top, #fbfaf6, #fdf5e9);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #fbfaf6, #fdf5e9);/* Chrome10+, Safari5.1+ */
    background: linear-gradient(to bottom, #fbfaf6, #fdf5e9);/* IE10+, W3C */
}
#news ul li a {
	color:#5c330c;
}
/* second_section
---------------------------------------------------- */
.logo {
	background:url(../images/logo_bg.png) no-repeat center top;
	background-size:100% auto;
}
.caption {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:1.9rem;
	color: #fff;
	background:url(../images/caption_bg.png) no-repeat center top;
	background-size:100% auto;
	padding: 12px 0 12px 10px;
	margin-bottom: 25px;
}
.second_section {
	margin-bottom: 20px;
}
.section_title {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align:center;
	color:#fff;
	font-size: 1.8rem;
	background: url(../images/title_bg.png) no-repeat center top;
	background-size:100% 60px;
	padding: 5px 0;
}
.section_text {
	/*color:#5c330c;
	font-size:1.5rem;*/
	background:#fff;
	border-bottom: 1px solid #b3b091;
	padding:15px;
}
.section_text_01 {
	padding:15px 15px 0 15px;
}
.section_text_02 {
	padding:0 15px;
}
/* jyurin
---------------------------------------------------- */
#jyurin {
	color:#5c330c;
	font-size:1.4rem;
	background:#fff;
	border: 1px solid #b3b091;
	padding:15px 0;
	margin-bottom: 20px;
}
#jyurin_outline {
	margin-bottom: 35px;
}
#jyurin_outline p,
#jyurin_example .jyurin_title {
	padding: 0 15px;
	margin-bottom: 20px;
}
#jyurin #jyurin_outline ul {
	border:  1px solid #b3b091;
	margin:0 25px;
	padding: 15px 5px 15px 15px;
}
#jyurin #jyurin_outline ul li {
	line-height: 1.8;
	/*list-style: disc;*/
}
#jyurin_outline img {
	width: 100%;
	margin-bottom: 30px;
}
#jyurin_example img {
	width: 100%;
	margin-bottom: 20px;
}
#jyurin_example ul {
	border:  1px solid #b3b091;
	margin: 25px;
	padding: 15px 5px 0 15px;
}
#jyurin_example ul li {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 10px;
}
#jyurin_example .icon_stone {
	width: 17px;
	text-align: center;
	margin-right:15px;
}
#jyurin_example .icon_stone img {
	width:100%;
}
#jyurin_example .jyurin_text {
	width: 85%;
	padding-left: 0px;
}
/* kaikaseki
---------------------------------------------------- */
#kaikaseki {
	color:#5c330c;
	font-size:1.4rem;
	background:#fff;
	border: 1px solid #b3b091;
	/*border-bottom: 1px solid #b3b091;*/
	padding:15px;
	margin-bottom: 20px;
}
#kaikaseki p img {
	width: 100%;
	margin-bottom: 40px;
}
#kaikaseki ul {
	background: url(../images/border_bg.png) no-repeat ;
	background-size:100% auto;
	margin: 20px 0;
	padding: 10px 0;
}
#kaikaseki ul li {
	border-bottom: 1px solid #9daa85;
	padding: 15px 5px 10px 5px; 
}
#kaikaseki ul .kaikaseki_end {
	border-bottom:none;
	padding: 15px 5px 0 5px;
}
#kaikaseki ul .info {
	color: #9daa85;
}
#kaikaseki ul li span {
	color: #9daa85;
}
#kaikaseki ul li p {
	font-size: 1.2rem;
	margin-top: 5px;
}
#kaikaseki ul li dl{
	display: block;
	margin-top: 10px;
	padding: 10px 2% 0 2%;
	font-size: 1.2rem;
	border-top: 1px dotted #9daa85;
}
#kaikaseki ul li dl dt{
	float: left;
	width: 10%;
}
#kaikaseki ul li dl dd{
	float: left;
	width: 90%;
	margin-bottom: 10px;
}
/* omamori
---------------------------------------------------- */
#omamori {
	color:#5c330c;
	font-size:1.4rem;
	background:#fff;
	border: 1px solid #b3b091;
	/*border-bottom: 1px solid #b3b091;*/
	padding:15px;
	margin-bottom: 20px;
}
#omamori h2 {
	margin-bottom: 20px;
    line-height: 1.7;
    font-size: 1.6rem;
}
#omamori p {
	margin-bottom: 18px;
    line-height: 1.7;
    font-size: 1.6rem;
}
#omamori p img {
	margin-bottom: 10px;
	width: 100%;
}
#omamori .inner {
	background: url(../images/border_bg.png) no-repeat ;
	background-size:100% auto;
	padding: 20px 0;
}
#omamori .inner h3 {
	padding: 15px 5px 20px 5px; 
	font-size: 22px;
}
#omamori .inner h3 span {
	color: #495a27;
}
#omamori .inner ul li {
	float: left;
	width: 49%;
	margin-bottom: 15px;
}
#omamori .inner ul li:nth-child(2n+1) {
	margin-right: 1%;
}
#omamori .inner ul li:nth-child(2n) {
	margin-left: 1%;
}
#omamori .inner ul li:last-child{
	margin-top:20px;
}
#omamori .inner ul li img{
	width: 100%;
}
#omamori .inner p {
	margin-bottom: 30px;
}
#omamori .inner p.banner{
	width: 79.4%;
	margin: 0 auto;
}
/* process
---------------------------------------------------- */
#order_process {
	color:#5c330c;
	font-size:1.4rem;
}
#process  ul {
	border-bottom: 1px solid #b3b091;
}
#process  ul li {
/*	background-image: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#fbfaf6),
		to(#fdf5e9));
	background: linear-gradient(left top, #fbfaf6 0%, #fdf5e9 100%);*/

	background:#fbfaf6;

	background: -moz-linear-gradient(top, #fbfaf6, #fdf5e9);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #fbfaf6, #fdf5e9);/* Chrome10+, Safari5.1+ */
    background: linear-gradient(to bottom, #fbfaf6, #fdf5e9);/* IE10+, W3C */
}

#order_process .accordion_title {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-top: 1px solid #b3b091;
	padding: 10px;
}
#order_process .step {
	width:49px;
}
#order_process .step img {
	width:100%;
}
#order_process .step_title {
	padding: 5px 0 0 10px;
	width: 70%
}
#order_process .step_text,
#order_process .step_text_end {
	padding:15px 15px 30px 15px;
	background:#fff url(../images/icon_down.gif) no-repeat center 90%;
	background-size: 21px 16.8px;
	-webkit-background-size: 21px 16.8px;
	border-top: 1px solid #b3b091;
}
#order_process .step_text_end {
	background: #fff;
}
/* accordion
---------------- */
#order_process .accordionBox {
	display:none;
}
#order_process .accordion {
	background:url(../images/icon_positive.png) no-repeat 95% center;
	background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
}
#order_process .accordion.open {
	background:url(../images/icon_negative.png) no-repeat 95% center;
	background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
}
/* spec
---------------------------------------------------- */
#spec {
	color:#5c330c;
	font-size:1.4rem;
}	
#spec img {
	width: 100%;
}
#spec ul {
	border-left: 1px solid #b3b091;
	border-right: 1px solid #b3b091;
}
/*#spec ul li {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}*/


#spec #size ul {
	border-top: 1px solid #b3b091;
}
#spec #size ul li {
	border-bottom: 1px solid #b3b091;
/*	background-image: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#fbfaf6),
		to(#fdf5e9));
	background: linear-gradient(left top, #fbfaf6 0%, #fdf5e9 100%);*/

	background:#fbfaf6;
	background: -moz-linear-gradient(top, #fbfaf6, #fdf5e9);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #fbfaf6, #fdf5e9);/* Chrome10+, Safari5.1+ */
    background: linear-gradient(to bottom, #fbfaf6, #fdf5e9);/* IE10+, W3C */
}
#spec #size ul li a {
	text-decoration:none;
	color: #5c330c;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 10px 15px 5px 20px;
}
#spec #size ul .l_model,
#spec #size ul .m_model {
	/*margin: 5px 0 0 0;*/
	width: 56%;
}
#spec #size ul .l_model em,
#spec #size ul .m_model em {
	font-size: 2rem;
}
#spec #size ul .l_model span {
	color: #EE080B;
	font-size: 2rem;
}
#spec #size ul .m_model span {
	color:#2f6829;
	font-size: 2rem;
}
#spec #size ul .size_inner {
	width: 44%;
	background: url(../images/icon_navi.png) no-repeat 95% center;
	background-size: 17px 17px;
	-webkit-background-size: 17px 17px;
}
#spec #option ul li {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#spec #option ul li {
	padding: 10px 14px;
	border-bottom: 1px solid #b3b091;
/*	background-image: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#fbfaf6),
		to(#fdf5e9));
	background: linear-gradient(left top, #fbfaf6 0%, #fdf5e9 100%);*/
	background:#fbfaf6;

	background: -moz-linear-gradient(top, #fbfaf6, #fdf5e9);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #fbfaf6, #fdf5e9);/* Chrome10+, Safari5.1+ */
    background: linear-gradient(to bottom, #fbfaf6, #fdf5e9);/* IE10+, W3C */}	
#spec #option ul .option_name {
	margin: 15px 0px 0 0;
	width: 46%;
}
#spec #option ul .option_name span {
	font-size: 1.2rem;
}
#spec #option ul .option_text {
		margin: 15px 0px 0 0;
		width: 38%;
}
#spec #option ul .option_img img {
	width: 60px;
}
/* product
---------------------------------------------------- */
#product {
	color:#5c330c;
	font-size:1.4rem;
}
#product img {
	width: 100%;
}
/* faq
---------------------------------------------------- */
#faq {
	color:#5c330c;
	font-size:1.4rem;
	border-bottom: 1px solid #b3b091;
}
#faq  ul {
	border-left: 1px solid #b3b091;
	border-right: 1px solid #b3b091;
}
#faq  ul li {
/*	background-image: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#fbfaf6),
		to(#fdf5e9));
	background: linear-gradient(left top, #fbfaf6 0%, #fdf5e9 100%);
*/
	background:#fbfaf6;

	background: -moz-linear-gradient(top, #fbfaf6, #fdf5e9);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #fbfaf6, #fdf5e9);/* Chrome10+, Safari5.1+ */
    background: linear-gradient(to bottom, #fbfaf6, #fdf5e9);/* IE10+, W3C */
}

#faq .accordion_title {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-top: 1px solid #b3b091;
	padding: 10px;
}
#faq .faq_title {
	padding: 5px 0 0 10px;
	width: 75%;
}
#faq .accordion_text {
	border-top: 1px solid #b3b091;
	background: #fff;
	padding:15px 15px 15px 30px;
}
#faq .faq_a {
	float: left;
}
#faq .faq_text {
	float: left;
	padding-left: 10px;
	width: 85%;
}
#faq .faq_q,
#faq .faq_a {
	width:25px;
}
#faq .faq_q img,
#faq .faq_a img {
	width:100%;
}
/* accordion
---------------- */
#faq .accordionBox {
	display:none;
}
#faq .accordion {
	background:url(../images/icon_positive.png) no-repeat 95% center;
	background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
}
#faq .accordion.open {
	background:url(../images/icon_negative.png) no-repeat 95% center;
	background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
}
/* profile
---------------------------------------------------- */
#profile {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	background: url(../images/profile_bg.png);
	padding:15px 0;
	margin-bottom: 20px;
	color:#5c330c;
	font-size:1.4rem;
}
#profile .profile_title {
	background: url(../images/profile_top_bg_02.png) no-repeat center top;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	text-align: center;
	padding: 0px 0 0px 0;
}
#profile .profile_title_02 {
	background: url(../images/profile_bg_02.png) no-repeat center top;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	text-align: center;
	padding: 25px 0;
}
#profile .profile_title_02 span {
	font-size: 2rem;
}
#profile .profile_text {
	background: url(../images/border_bg_s.png)  no-repeat bottom center;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	padding:0 20px 40px 20px;
	margin-bottom: 15px;
}
#profile .profile_text_02 {
	background: url(../images/border_bg_s.png)  no-repeat bottom center;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	padding:0 20px 15px 20px;
	margin-bottom: 20px;
}
/* policy
---------------------------------------------------- */
#policy {
	color:#5c330c;
	font-size:1.4rem;
	background:#fff;
	border: 1px solid #b3b091;
	/*border-bottom: 1px solid #b3b091;*/
	padding:15px;
	margin-bottom: 20px;
}
#policy ul {
	margin: 20px 0;
}
#policy ul li {
	margin-bottom: 20px;
}
#policy .policy_title {
	border-bottom: 1px solid #b3b091;
	padding-bottom:5px;
}
#policy .policy_text {
	padding-top: 5px;
}
.bt {
	color:#fff;
	margin:2em auto;
	text-align:center;
	font-size:medium;
}
.bt a{
	color:#fff;
	text-decoration:none;
	background:url(../images/caption_bg.png) no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	padding:1em 20%;
}


/* オーダーフォーム
---------------------------------------------------- */
#orderform {
	color:#5c330c;
	font-size:1.4rem;
	background:#fff;
	border: 1px solid #b3b091;
	padding:15px 10px;
	margin-bottom: 20px;
}
#orderform .required{
	color:red;
}
#orderform p{
	margin-bottom:10px;
}
#orderform #o1,
#orderform #o2,
#orderform #o3,
#orderform #o4,
#orderform #chumonInfo{
	display:none;
}
#orderform .op-select {
	display: table;
	width:100%;
	margin-bottom:5px;
}
#orderform .op-select .op{
	display: table-cell;
	width:50%;
}

#orderform input{
	border:solid 1px #aaaaaa;
	width:100%;
	padding:5px 0;
	font-size:1.4rem;
}
#orderform .op-select input[type="tel"]{
	width:30%;
	padding:0 5px;
}
#orderform select{
	width:100%;
	padding:5px 0;
	font-size:1.4rem;
}
#orderform .btn{
	width:100%;
	color:#fff;
	font-size:1.6rem;
	padding:10px 0;
	border:none;
	background:url(../images/caption_bg.png) no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
}
#orderform .orderform_title {
	font-size:1.6rem;
	border-bottom: 1px solid #b3b091;
	padding-bottom:5px;
	margin:20px 0 10px 0;
}
#orderform .shokei {
	font-size:1.6em;
}
#orderform .gokei {
	font-size:1.8em;
}

/* clearfix
---------------------------------------------------- */
.clearfix:after { 
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}