@charset "UTF-8";
/* 全体の初期設定 */
*{
margin:0px;
padding:0px;
text-decoration:none;
background-repeat:no-repeat;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
ul , li{
list-style:none;
}
img{
vertical-align:bottom;
border:none;
}
body{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "MS P ゴシック", "MS P Gothic", sans-serif;
font-size:12px;
text-align:center;
background-color:#ffffff;
color:#000000;
}
h1 , h2 , h3 , h4 , h5 , h6{
font-size: 100%;
}

/* floatの解除設定 */
.clearfix:before , .clearfix:after{
content: " ";
display:table;
}
.clearfix:after{
clear:both;
}
.clearfix{
*zoom:1;
}


.wrap {
width:1100px;
margin:0 auto;
margin-top:220px;
}

/* 上部*/

/* タイトル*/
.title_wrap{
width:1100px;
height:auto;
margin:0 auto;
}
.title{
width:1100px;
height:36px;
margin:50px 0px 30px 0px;
background-image: url("images/border.png");
}

.title h2{
width:80px;
height:36px;
line-height:36px;
font-size:20px;
background-color:#fff;
margin:0 auto;
}

/*セクション*/

.section{
width:700px;
margin:0 auto;
}

.section a {
	position: relative;
	display: inline-block;
	transition: .3s;
	color:#231815;
	}

.section a::after {
	position: absolute;
	bottom: 0.4em;
	left: 1em;
	content: '';
	width: 0;
	height: 2px;
	background-color:#8a807d;
	transition: .3s;
}
.section a:hover::after {
	width: 100%;
}
.section a:hover{
color:#8a807d;
}

.section h3{
font-size:14px;
}


/*ループ用ボックス1*/
.box1{
margin:0 auto;
margin:20px 0px 20px 0px;
}


.secand_title1{
width:100%;
padding:5px 0px 5px 0px;
text-align:center;
background-color:#BA9153;
}

.secand_title1 h4{
font-weight:normal;
font-size:20px;
color:#fff;
letter-spacing:0.1em;
}

.txt1{
width:100%;
padding:15px 25px 25px 25px;
text-align:left;
background-color:#FFFBF1;
color:#000;
font-size:16px;
line-height:2.8em;
}
/*ここまで*/

/*セクション2*/

.section2{
width:700px;
margin:0 auto;
margin-top:60px;
margin-bottom:60px;
}

.section2 a{
color:#E60012;
}

.section2 a:hover{
color:#FF7687;
}

.box_bg{
background-color:#FFFBF1;

padding:20px 20px 00px 20px;
}

/*ループ用ボックス2*/
.box2{
margin:0 auto;
margin:0px 0px 20px 0px;
}


.secand_title2{
width:660px;
padding:3px 0px 3px 40px;
text-align:left;
background-color:#73502D;
}

.secand_title2 h4{
font-weight:normal;
font-size:18px;
color:#fff;
letter-spacing:0.1em;
}


.answer{
width:64px;
text-align:right;
float:left;
font-size:24px;
padding-top:15px;
color:#73502D;
}

.txt2{
float:left;
width:596px;
padding:15px 20px 15px 10px;
text-align:left;
background-color:#FFFBF1;
color:#000;
font-size:14px;
line-height:1.8em;
}


/* セクション3*/
.section3{
width:700px;
margin:0 auto;
color:#BA9153;
font-family:serif;
}

.section3 h5{
font-weight:normal;
font-size:25px;
color:#BA9153;
font-family:serif;
}

.section3 .txt3{
padding:0px 0px 25px 0px;
color:#BA9153;
font-size:22px;
font-family:serif;
}

.store_wrap a img{
margin-bottom:50px;
}