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

/* -------フォントセット------- */

@font-face{ 
font-family: 'HanaMinA'; /* 自由な名前をつけることができます */
src:url('../fonts/HanaMinA.eot'); /* IE9以上用 */
src:url('../fonts/HanaMinA.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
url('../fonts/HanaMinA.woff') format('woff'), /* モダンブラウザ用 */
url('../fonts/HanaMinA.ttf') format('truetype'); /* iOS, Android用 */	
}

.WebFontClass {
font-family: 'HanaMinA';
}

body{
	/*font-weight:200;
	font-family: 'Noto Sans Japanese', serif;*/
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'YuGothic', 'Yu Gothic', '游ゴシック', 'Meiryo', 'メイリオ', Helvetica, sans-serif !important;
    margin:0 auto;
	padding:0;
	background-color:#F8F7F1;
	color:#3E3221;
}

/*img{max-width:100%;}

body{ text-align:center; }*/

#box-basic{ width:100%; margin:0 auto; padding:0; text-align:center; }

img{
	margin: 0;
	padding: 0;
	vertical-align: bottom !important;
	max-width:100%;
}

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


.line-format01 {
    font-family: 'Quattrocento';
    font-size: 2.2rem;
    line-height: 3rem;
    margin: 3% auto 0;
    padding: 0% 0 0% 0;
    overflow: hidden;
    text-align: center;
    position: relative;
    display: table;
    white-space: nowrap;
    color:#868583;
}
.line-format01::before {
    position: absolute;
    top: 50%;
    z-index: 1;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ccc;
}
.line-format01 span{
    position: relative;
    z-index: 2;
    display: inline-block;
    margin: 0 2.5em;
    padding: 0 1em;
    background-color: #f8f7f1;
    text-align: left;
}


/* -------効果------- */


a.imgeffect{
    /*  background-color:#fff; */ /*背景に白を設定*/
    /*display:block;*/ /*ブロック化重要！*/
	display: inline-block;
	background-color: #000;
    }
a.imgeffect img{
    transition:all 0.5s ease;
    }

a:hover.imgeffect img{
	opacity: 0.4;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
    }
a:hover.imgeffect{
	background-image: url(../img/ic-collection2.png);
	background-repeat: no-repeat;
	background-position: center center;
	/*opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity:0.7;*/
}

/* -------ナビゲーションTOP------- */

header{ margin:5% auto; text-align:center;}
header .logo{ margin:0 0 3% 0;}
header ul.topnav2{ margin:0; padding:0; text-align:center;}
header ul.topnav2 li{ list-style-type: none; display: inline-block; margin:0 10px 0 0; font-family: 'Marcellus', serif; font-size:1.6rem; padding:0; vertical-align: middle;}
header ul.topnav2 li:after{ content: "／"; padding:0 50px; }
header ul.topnav2 li:last-child:after{ content:""; padding:0; }
header ul.topnav2 li a{ color:#301D02; }
header ul.topnav2 li a:hover{ color:#C0B192; }
header ul.topnav2 li .mainlogo{ margin:0; padding:0; }
header ul.topnav2 li img{ width:100px; }
header ul.topnav2 li.navnone:after{ content: ""; padding:0 25px; }

/* -------フッターメニュー------- */

.footmenu{ width:1140px; margin:3% auto; padding:0;}
.footmenu ul{}
.footmenu ul li{
	width:25%;
	float:left;
	text-align:center;
	border-right:solid 1px #bfb091;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;}
.footmenu ul li:last-child{ border-right: none;}
.footmenu ul li .box-foot-cont{
	width: 230px;
	margin: 0 auto;
}
.footmenu ul li .box-foot-cont p{ margin:0 0 20px 0;}
.footmenu ul li .box-foot-cont p:last-child{ margin:0;}
.foot-cont-title{
	font-size:1.6rem;
    font-family: 'Marcellus', serif;
}
.foot-cont-txt{ font-size:1.2rem; line-height:1.4rem; font-weight: 500; }
.foot-cont-btn a{ display:block; background-color:#301D02; color:#fff; font-size:1.4rem; padding:5px 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.foot-cont-btn a:hover{ background-color:#bfb091;}

/* -------h1～h6------- */

h3{
	font-family: 'Quattrocento', serif;
	font-size:3rem;
	font-weight:100;
    line-height: 3rem;
    margin: 1% auto 4%;
    padding: 0% 0 1.6% 0;
    overflow: hidden;
    text-align: center;
    position: relative;
    display: table;
    white-space: nowrap;
    color: #C0B192;
	font-style:normal;
	letter-spacing:0.2rem;
}
h3:after{     position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    width: 70px;
    height: 2px;
    margin-left: -35px;
    background-color: #301D02; }
h3 strong{ color:#301D02;}

h4{font-family: 'HanaMinA'; font-size:2.2rem; letter-spacing:0.4rem; margin: 4% auto; text-align: center; position: relative; color: #3E3221; padding: 0% 0 1.6% 0; /*font-weight:bold;*/}
h4:after{position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    width: 60px;
    height: 1px;
    margin-left: -30px;
    background-color: #bfb091; }
	
h5{font-family: 'Quattrocento', serif; font-size:2.2rem; letter-spacing:0.2rem; margin: 3% auto 0; text-align: center; position: relative; color: #301D02; padding: 0% 0 1.6% 0;}
h5:after{position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    width: 60px;
    height: 1px;
    margin-left: -30px;
    background-color: #bfb091; }


/*-----フッタ－-----*/

hr.line240{ border-top:solid 1px #bfb091; width:240px; margin:0 auto 4%; }
hr.line1440{ border-top:solid 1px #bfb091; width:1440px; margin:0 auto; }
footer{
	width:1440px;
    margin:3% auto 3%;
    text-align:center;
    line-height:3.5rem;
    border-top:solid 1px #bfb091;
    padding:2% 0 0 0;
    color:#868583;
}
footer a{ color:#6D573F; margin:0 10px 0 0; font-weight:bold;} 
footer a:last-child{margin:0 0 0 0;}
footer a:hover{ color:#000;}
.logofoot{margin:1.5% 0;}
.logofoot img{ width:4%; }
.copyright{letter-spacing:0.2rem; font-weight:bold; color:#6D573F;}
.foot-menu{ margin:1% auto;}
footer a:hover {color: #C0B192;}
.foot-menu br{display:none;}

@media only screen and (max-width: 1440px) {
hr.line1440{ width:96%; }
footer{ width:96%; }
.footmenu{ width:94%; display:block; margin:4% auto 3%;}
.footmenu ul li .box-foot-cont{width: 80%;}
}

@media only screen and (max-width: 1024px) {
header ul.topnav2 li:after{ content: "／"; padding:0 30px; }

/* -------h1～h6------- */
h3{margin: 6% auto 7%;padding: 0% 0 4% 0;}
h4{ margin: 6% auto 7%; padding: 0% 0 5% 0;}
h5{ margin: 6% auto 7%; padding: 0% 0 5% 0;}

}

@media only screen and (max-width: 768px) {
hr.line240{ margin:10% auto 10%; }
.footmenu { width:90%;}
.footmenu ul{ margin:0 -4% 0 0; padding:0;}
.footmenu ul li{ width:46%; border-right:none; margin:0 4% 0 0;}
.footmenu ul li .box-foot-cont p{ margin:0 0 12px 0;}
.footmenu ul li .box-foot-cont{width: 100%; margin:0 0 10px 0;}
.foot-cont-title{ padding:14px 0 0 0;}
.foot-cont-btn a{ margin:0 0 20px 0;}

.logo-sp img{ width:100px; padding:12px 0 0 10px;}
header{ display:none;}
.logofoot img { width: 7%; margin: 0 0 3% 0;}

}

@media only screen and (max-width: 480px) {

hr.line1440{ display:none;}
.footmenu{
	padding-top:20px;
	padding-bottom:10px;
	border-top:solid 1px #bfb091; 
	border-bottom:solid 1px #bfb091;
	}

.foot-cont-txt br{display:none;}

footer{line-height:2rem; padding:3.5% 0; border-top:0px !important; }

.foot-menu { width:90%; margin:3% auto;}
.foot-menu br{display:inherit;}
.copyright{
    letter-spacing:0.1rem;
}

.owl-theme .owl-dots .owl-dot span {
    width: 6px !important;
    height: 6px !important;
    margin: 5px 7px;}
	
.logofoot img { width: 10%; margin: 0 0 3% 0;}

/* -------h1～h6------- */
h3{margin: 8% auto 9%;padding: 0% 0 4% 0;}

}