@charset "UTF-8";
/*----------------------------------------------------------------------
------------------------------------------------------------------------

File Name:		index.scss
Note:			index用SCSSファイル


New Creation:	2014/08/12.


Created By		Takumi Ohchi

------------------------------------------------------------------------
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
------------------------------------------------------------------------
目次

1.	ブラウザデフォルトスタイルリセット
2.	container
3.	共通部分
4.	header
5.	content
6.	main
7.	footer

------------------------------------------------------------------------
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
1.	ブラウザデフォルトスタイルリセット
----------------------------------------------------------------------*/
html { font-size: 62.5%; width: 100%;}

body { width: 100%; margin: 0; padding: 0; font-size: 12px; line-height: 1; font-family: ArialMT, "メイリオ", "Meiryo", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif; -webkit-text-size-adjust: 100%; background-color:#F7EEEB; color: #585858; display: block;}

h1, h2, div, p, ul, ol, dl, form, table, address, tr, td, input, textarea { margin: 0; padding: 0; }

a, strong, span, input, textarea, select, label { font-weight: normal; font-style: normal; }

input, textarea, select { font-family: inherit; font-size: inherit; }

table { border-collapse: collapse; border-spacing: 0em; text-align: left; }

th { font-weight: normal; }

em { font-style: normal; }

li { list-style-type: none; }

dd { margin: 0; }

img { border: none; max-width: 100%; height: auto; vertical-align: middle; }

hr { border: none; border-top: solid 0.1em #c7bcb5; height: 0.1em; margin: 0.5em 0; }

a { color: #463A2A; text-decoration: underline; }
a:hover { color: #986E00; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

html, body { height: 100%; }

/*body { -webkit-text-size-adjust: 100%; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; background-color: #F7EEEB; }*/

a > * { -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
a:hover { text-decoration: underline; }
a:hover > * { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

/*----------------------------------------------------------------------
2.	container
----------------------------------------------------------------------*/
/*#container{
	overflow-x: hidden;
}*/
/*----------------------------------------------------------------------
3.	共通部分
----------------------------------------------------------------------*/
.wrap { *zoom: 1; }
.wrap:after { content: ""; display: table; clear: both; }

.main-title { padding: 40px 0 475px; text-align: center; background-position: center bottom; background-repeat: no-repeat; }

.box { margin: 30px 0 0; }

.l-title { text-align: center; padding: 0 0 22px; margin: 0; background: url(../img/title_bg.gif) center bottom no-repeat; }

/*----------------------------------------------------------------------
4.	#header
----------------------------------------------------------------------*/
#header { background: #FFF; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }
#header .h-item { width: 1000px; padding: 10px 0 5px; margin: 0 auto; }
#header .h-item .logo, #header .h-item .h-text { float: left; }
#header .h-item .logo { padding-right: 6px; }
#header .h-item .h-text {/* padding: 5px 0 0; */font-size: 10px;line-height: 1.4;color: #8d766a;}
#header .h-item .h-text span { color: #d29981; }
#header .h-item .tel, #header .h-item .h-link, .fb { float: right; }
/*#header .h-item .tel {border:2px solid #8d766a;}*/
#header .h-item .fb{margin-top: 3px; margin-left: 5px; }
#header .h-item .fb a + a {margin-left: 3px; }
/*#header .h-item .h-link { padding: 0 15px 0 0; }*/
#header .h-item .h-link { padding: 0 5px 0 0; }
#header .h-item .h-link .device { padding: 3px 0 0; }
#header .h-item .h-link .device li { display: inline-block; padding-left: 3px; }
#header .h-item .h-link .device li:first-child { padding-left: 0; }
#header .h-item .h-link .device a { padding: 0 0 0 8px; display: block; color: #8d766a; font-size: 10px; text-decoration: none; background: url(../img/h_link_arrow.gif) left center no-repeat; letter-spacing: -0.1em; }
#header .h-item .h-link .device a:hover { text-decoration: underline; }
#header .h-item .h-form { padding: 4px 0 0; }
#header .h-item .h-form li { float: left; margin: 0 0 0 5px; background-position: left top; background-repeat: no-repeat; }
#header .h-item .h-form li:first-child { margin-left: 0; }
/*#header .h-item .h-form li.reservation { background-image: url(../img/reservation_link_h.gif); }
#header .h-item .h-form li.contact { background-image: url(../img/contact_link_h.gif); }*/
#header .nav { padding: 0 0 10px; margin-top: 10px; }
#header .nav .nav-list { *zoom: 1; width: 1000px; margin: 0 auto; }
#header .nav .nav-list:after { content: ""; display: table; clear: both; }
#header .nav .nav-list .nav-item { float: left; margin:0 54px;/*width: 124px; *//*border-right: 1px solid #FFF;*/ }
#header .nav .nav-list .nav-item a { display: block; width: 100%; background-position: center center; background-repeat: no-repeat; text-align: center; }
#header .nav .nav-list .nav-item a:hover { text-decoration: underline; }
#header .nav .nav-list .nav-item a:hover > * { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
#header .nav .nav-list .nav-item:first-child { /*width: 123px;*/ border-left: 1px solid #FFF; }

li.home{margin-left:0 !important;}
li.access{margin-right:0 !important;}
li.plan{margin:0 35px !important;}

/*homeを出す*/
#header .nav .nav-list .nav-item.home a { background: url(../img/staff/home_nav_on.jpg) 0px center no-repeat; }
#header .nav .nav-list .nav-item.wedding-space a { background-image: url(../img/staff/wedding-space_nav_on.jpg); }
/*#header .nav .nav-list .nav-item.concept a { background: url(../nav02_on.png) 2px center no-repeat; }*/
/*#header .nav .nav-list .nav-item.ceremony a { background-image: url(../img/staff/ceremony_nav_on.jpg); }*/
/*#header .nav .nav-list .nav-item.banquet a { background-image: url(../img/staff/banquet_nav_on.jpg); }
*/#header .nav .nav-list .nav-item.cuisine a { background-image: url(../img/staff/cuisine_nav_on.jpg); }
#header .nav .nav-list .nav-item.beauty a { background-image: url(../img/staff/beauty_nav_on.jpg); }
#header .nav .nav-list .nav-item.plan a { background-image: url(../img/staff//weddingplan_nav_on.jpg); }
#header .nav .nav-list .nav-item.report a { background-image: url(../img/staff/partyreport_nav_on.jpg); }
#header .nav .nav-list .nav-item.staff a { background-image: url(../img/staff/staff_nav_on.jpg); background-position: left top; }
#header .nav .nav-list .nav-item.access a { background-image: url(../img/staff/access_nav_on.jpg); }

/*----------------------------------------------------------------------
5.	#content
----------------------------------------------------------------------*/
#content { *zoom: 1; width: 1000px; padding: 105px 0 0; margin: 0 auto; }
#content:after { content: ""; display: table; clear: both; }

/*----------------------------------------------------------------------
6.	#main
----------------------------------------------------------------------*/
.other-list { width: 1090px; margin: 80px auto 30px; }
.other-list .other-item { float: left; padding-left: 30px; }
.other-list .other-item:first-child { padding-left: 0; }
.other-list .other-item a { display: block; width: 250px; }

































/*----------------------------------------------------------------------
7.	#footer
----------------------------------------------------------------------*/
#footer { *zoom: 1; padding: 25px 0; background-color: #FFF; width: 100%; min-width: 1090px;}
#footer:after { content: ""; display: table; clear: both; }
#footer .footer-inner { width: 1000px; margin: 0 auto; }
#footer #copyright, #footer .f-nav, #footer .relation-shop { float: left; }
#footer #copyright { padding-left: 70px; padding-right: 80px; color: #3B1804; font-size: 10px; font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
#footer .f-nav li, #footer .relation-shop li { float: left; border-right: 1px solid #3B1804; }
#footer .f-nav li:first-child, #footer .relation-shop li:first-child { border-left: 1px solid #3B1804; }
#footer .f-nav li a, #footer .relation-shop li a { display: block; padding: 0 3px; text-decoration: none; color: #3B1804; font-size: 10px; font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
#footer .f-nav li a:hover, #footer .relation-shop li a:hover { text-decoration: underline; }
#footer .f-nav { padding-right: 50px; }


/* ----------------------------------------
 * font
 * ---------------------------------------- */
.serif {
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

/* ----------------------------------------
 * clearfix
 * ---------------------------------------- */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;}

.cf:after {
    clear:both;
}