@charset "shift_jis";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* reset
-------------------------------------*/
html{overflow:auto;}
body{min-width:990px; overflow:hidden; margin:0px;padding:0px;position:relative;}
h1,h2,h3{margin:0;}
.content{text-align:center;}
.content h1,
.content h2,
.content h3,
.content p{margin:0px;padding:0;text-align:left;}
/*.content p{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}*/
.content p{font-family:'Noto Sans CJK JP',sans-serif;}
.content img{display:block; margin-left:auto; margin-right:auto;}


/* common
-------------------------------------*/
section{width:100%; min-width:990px;}

.section{width:100%;min-width:990px;clear:both;text-align:center;}
.sectionInner{width:960px;margin:0px auto;position:relative;}

.sectionLayout{position:relative;}
.sectionTitle{position:absolute;z-index:1;}
.sectionSubTitle{position:absolute;z-index:1;}
.sectionText{position:absolute;z-index:2;color:#000;font-size:14px;line-height:30px;}
.sectionText strong{font-size:16px;}
.sectionPic, .sectionIlust{position:absolute;}

.fade{-webkit-transition:all 1s ease .2s;transition: all 1s ease .2s;}
.fade .sectionTitle{opacity:0;margin-top:-20px;-webkit-transition:all 1s ease .2s;transition: all 1s ease .2s;}
.fade .sectionSubTitle{opacity:0;margin-top:-20px;-webkit-transition:all 1s ease .2s;transition: all 1s ease .2s;}
.fade .sectionText{opacity:0;margin-top:-20px;-webkit-transition:all 1s ease .2s;transition: all 1s ease .2s;}
.fade .sectionPic{opacity:0;margin-bottom:20px;-webkit-transition:all 1s ease .2s;transition: all 1s ease .2s;}
.fade .sectionIlust{opacity:0;margin-bottom:20px;-webkit-transition:all 1s ease .2s;transition: all 1s ease .2s;}
.fade .hitoikiBox{opacity:0;margin-bottom:20px;-webkit-transition:all 1s ease .2s;transition: all 1s ease .2s;}

/*IE8*/
.fade .sectionTitle{margin-top:0\9;}
.fade .sectionSubTitle{margin-top:0\9;}
.fade .sectionText{margin-top:0\9;}
.fade .sectionPic{margin-bottom:0\9;}
.fade .sectionIlust{margin-bottom:0\9;}
.fade .hitoikiBox{margin-bottom:0\9;}

.fade.now .sectionTitle{opacity:1;margin-top:0px;}
.fade.now .sectionSubTitle{opacity:1;margin-top:0px;}
.fade.now .sectionText{opacity:1;margin-top:0px;}
.fade.now .sectionPic{opacity:1;margin-bottom:0px;}
.fade.now .sectionIlust{opacity:1;margin-bottom:0px;}
.fade.now .hitoikiBox{opacity:1; margin-bottom:0px;}

.hoverFade{position:relative;display:block;border:0px;}
.hoverFade img{position:absolute;left:0px;top:0px;z-index:2;-webkit-transition:all .7s ease 0s;transition: all .7s ease 0s;border:0px;}
.hoverFade img.hoverImg{z-index:1;}

.hoverFade:hover img.originalImg{opacity:0; display:none\9;}

/* main
-------------------------------------*/
#main{background:url(../img/bg.jpg) repeat-x;}

/* header
-------------------------------------*/
#header{height:564px; padding:0; background:url(../img/bg.jpg) repeat-x top left;/*background-image:url(../img/obi.jpg), url(../img/obi.jpg); background-repeat:repeat-x, repeat-x; background-position:top center, bottom center;*/ overflow:hidden;}
#header:before{content:''; display:block; width:100%; height:30px; background:url(../img/obi.jpg) repeat-x top left;}

#header h1{position:relative;height:535px;}
#header h1 .title{position:absolute; top:-18px; left:5px;}

/* ningyosama
-------------------------------------*/
#ningyosama{padding:0 0 42px; background:url(../img/bg_red.jpg) repeat top left;}
#ningyosama:before{content:''; display:block; width:100%; height:30px; background:url(../img/obi.jpg) repeat-x top left;}
#ningyosama .sectionInner{padding-top:43px;}
#ningyosama .ningyoBox{position:relative; height:625px;}
#ningyosama .ningyoBox:after{content:''; display:block; clear:both;}

/*変更*/
#ningyoBox1 .image1{
	position: absolute;
	top: -100px;
	left: 453px;
	z-index: 5;
}

/*追加*/
#ningyoBox1 .image2{
	position: relative;
	top: -270px;
	left: 300px;
	z-index: 5;
}

#ningyoBox1 .left{float:left;}
#ningyoBox1 .left .sectionTitle{top:9px; left:45px;}
#ningyoBox1 .left .sectionText{width:229px; top:509px; left:5px; font-size:13px; text-align:left;}

#ningyoBox1 .right{float:right;}
#ningyoBox1 .right .sectionText{top:0; left:224px;}
#ningyoBox1 .right .sectionPic{right:0; bottom:0;}

/*追加*/
.top_banner{
	width: auto;
	height:160px;
	padding-top:30px;
	background-color:#fff;
	}


/* machiaruki
-------------------------------------*/
#machiaruki{padding:44px 0 44px; background:url(../img/bg.jpg) repeat-x top left;}
#machiaruki .machiBox{position:relative; height:660px;}
#machiaruki .machiBox:after{content:''; display:block; clear:both;}

#machiBox1{}
#machiBox1 .left{float:left;}
#machiBox1 .left .sectionPic{left:0; bottom:0;}

#machiBox1 .right{float:right;}
#machiBox1 .right .sectionTitle{top:-20px; right:53px;}
#machiBox1 .right .sectionText{width:380px; top:224px; right:18px; text-align:left;}
#machiBox1 .right .hitoikiBox{position:absolute; bottom:0; right:0;}
#machiBox1 .right .sectionPic{bottom:244px; right:15px;}
#machiBox1 .right .sectionIlust{bottom:296px; right:180px;}


/* syokumeguri
-------------------------------------*/
#syokumeguri{padding:54px 0 41px; background:url(../img/bg_pink.jpg) repeat top left;}
#syokumeguri .syokuBox{position:relative; height:665px;}
#syokumeguri .syokuBox:after{content:''; display:block; clear:both;}

#syokuBox1{}
#syokuBox1 .left{float:left;}
#syokuBox1 .left .sectionTitle{top:-6px; left:3px;}
#syokuBox1 .left .sectionText{width:380px; top:225px; left:25px; text-align:left;}
#syokuBox1 .left .hitoikiBox{position:absolute; bottom:0; left:3px;}
#syokuBox1 .left .sectionPic{bottom:256px; left:233px;}
#syokuBox1 .left .sectionIlust{bottom:294px; left:145px;}

#syokuBox1 .right{float:right;}
#syokuBox1 .right .sectionPic{right:0; bottom:0;}


/* yumeguri
-------------------------------------*/
#yumeguri{padding:44px 0 47px; background:url(../img/bg.jpg) repeat-x top left;}
#yumeguri .yuBox{position:relative; height:665px;}
#yumeguri .yuBox:after{content:''; display:block; clear:both;}

#yuBox1{}
#yuBox1 .left{float:left;}
#yuBox1 .left .sectionPic{left:0; bottom:0;}

#yuBox1 .right{float:right;}
#yuBox1 .right .sectionTitle{top:13px; right:19px;}
#yuBox1 .right .sectionText{width:380px; top:225px; right:19px; text-align:left;}
#yuBox1 .right .hitoikiBox{position:absolute; bottom:0; right:0;}
#yuBox1 .right .sectionPic{bottom:245px; right:19px;}
#yuBox1 .right .sectionIlust{bottom:327px; right:134px;}


/* winter
-------------------------------------*/
#winter{overflow:hidden; background:#c6daeb;}
#winter .sectionInner{padding-bottom:47px;}
#winter .sectionInner:after{content:'';display:block;clear:both;width:100%;height:0px;}

#winterHead{width:100%;height:147px;position:relative;}
#winterHead .Head{position:absolute;left:50%;top:50px;margin-left:-274px; margin-top:0; margin-bottom:0;}
#winterHead .Sub{position:absolute;left:50%;top:-15px;margin-left:207px;}

.winterBox{width:400px; position:relative; border-radius:30px; background:#FFF;}
h3.winterTitle{padding:0;margin:-23px auto 25px; text-align:center;}
p.winterText{margin-bottom:25px;}
p.winterBtn{width:300px; margin:0 auto 30px;}
.winterBtn:after{content:''; display:block; clear:both;}
.winterBtn a{display:block; width:140px; height:100px;}
.winterBtn .leftbtn{float:left}
.winterBtn .rightbtn{float:right;}

#winterBox1{float:left; margin-left:40px;}
#winterBox2{float:right; margin-right:40px;}

#snow1{position:absolute; top:-20px; left:-25px;}
#snow2{position:absolute; top:10px; right:-30px;}
#snow3{position:absolute; top:50%; left:50%; margin:-95px 0 0 -99px;}
#snow4{position:absolute; bottom:-45px; right:45px;}


/* banner
-------------------------------------*/
#banner{padding-top:/*42px*/0px;background:url(../img/bg.jpg) repeat-x top left;}
.bannerLayout{padding-bottom:35px;}
.bannerLayout:after{content:'';display:block;clear:both;width:100%;height:0px;}
.bannerLayout p.bannerNotes{color:#000;font-size:12px;line-height:1em;padding:/*16px*/0px 0px 0px 0px;text-align:center;clear:both;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}

.bannerCenter{width:959px; height:130px;/*追加*/ margin:0 auto 10px;}
.bannerCenter p{font-size:12px;}
.bannerLeft{width:460px;float:left;}
.bannerRight{width:460px;float:right;}

#banner01 span{width:959px;height:130px;}
#banner02 a{width:460px;height:160px;}
#banner03 a{width:460px;height:160px;}

.btnContents{text-align:center; margin:0 auto 26px;}
#btn01{width:399px;height:68px;float:left;padding-left:62px;}
#btn02{width:399px;height:68px;float:right;padding-right:62px;}


/* 
-------------------------------------*/