@charset "utf-8";

/* ---------------------
Import file
--------------------- */
@import url("base.css");

/* ---------------------
Common style
--------------------- */
@media only screen and (min-width: 641px) {
html{
	overflow-y:scroll;
}
.gothic{
	font-family:Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
}
body{
	font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
	color: #92191e;
	font-size: 16px;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
	background-color: #f6f4ee;
}
a,
a:link,
a:visited{
	outline : 0;
	color: #231815;
	text-decoration: none;
	outline: 0;
}
.contents a,
.u a,
a.u{
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
	color: #231815;
}
.midbox{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 160px;
}
.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}

/* ---------------------
MENU
--------------------- */
.fixed {
	position: fixed;
	top: 0px;
	z-index: 1;
	background: #f6f4ee;
	width: 100%;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #e2e0da;
	padding-top: 20px;
	padding-bottom: 20px;
}
#sub-nav {
	width: 100%;
	margin-top: 0px;
}
ul.nav{
	width: 1160px;
	margin-right: auto;
	margin-left: auto;
}
ul.nav li{
	float: left;
}
ul.nav li:nth-child(2){
	margin-left: 132px;
	margin-right: 38px;
	margin-top: 15px;
}
ul.nav li:nth-child(3){
	margin-right: 38px;
	margin-top: 15px;
}
ul.nav li:nth-child(4){
	margin-right: 38px;
	margin-top: 15px;
}
ul.nav li:nth-child(5){
	margin-right: 38px;
	margin-top: 15px;
}
ul.nav li:nth-child(6){
	margin-right: 38px;
	margin-top: 15px;
}
ul.nav li:nth-child(7){
	margin-top: 15px;
}

/* ---------------------
footer
--------------------- */
.footer{
	width: 882px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.fmenu{
	padding-bottom: 70px;
	width: 882px;
	margin-right: auto;
	margin-left: auto;
}
.fmenu li{
	float: left;
	margin-left: 39px;
}
.fmenu li:nth-child(1){
	margin-left: 0px!important;
}
.copy{
	font-size: 14px;
	margin-top: 50px;
	text-align: center;
	color: #231815;
}
.copy2{
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 30px;
	color: #231815;
}

/*--------------------------------------------------------------
ページTop
--------------------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
	text-align: left;
	z-index: 9999;
}
#page-top a {
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
}
}

/* ---------------------
Retinaディスプレイ用
--------------------- */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
#gm01 a{background: url(../img/gmenu01@2x.png); background-size: 107px 14px; }
#gm02 a{background: url(../img/gmenu02@2x.png); background-size: 63px 14px; }
#gm03 a{background: url(../img/gmenu03@2x.png); background-size: 102px 14px; }
#gm04 a{background: url(../img/gmenu04@2x.png); background-size: 124px 14px; }

#gm01, #gm01 a:hover{background: url(../img/gmenu01_ov@2x.png); background-size: 107px 14px; }
#gm02, #gm02 a:hover{background: url(../img/gmenu02_ov@2x.png); background-size: 63px 14px; }
#gm03, #gm03 a:hover{background: url(../img/gmenu03_ov@2x.png); background-size: 102px 14px; }
#gm04, #gm04 a:hover{background: url(../img/gmenu04_ov@2x.png); background-size: 124px 14px; }

#staff a{{background: url(../img/staff_button@2x.png); background-size: 138px 35px; }
#sns01 a{{background: url(../img/insta_icon@2x.png); background-size: 33px 35px; }
#sns02 a{background: url(../img/facebook_icon@2x.png); background-size: 34px 35px; }

#sns01, #sns01 a:hover{background: url(../img/insta_icon_ov@2x.png); background-size: 33px 35px; }
#sns02, #sns02 a:hover{background: url(../img/facebook_icon_ov@2x.png); background-size: 34px 35px; }

#fm01 a{background: url(../img/fmenu01@2x.png); background-size: 111px 14px; }
#fm02 a{background: url(../img/fmenu02@2x.png); background-size: 63px 14px; }
#fm03 a{background: url(../img/fmenu03@2x.png); background-size: 101px 14px; }
#fm04 a{background: url(../img/fmenu04@2x.png); background-size: 124px 14px; }

#sns03 a{{background: url(../img/foot_insta_icon.png); background-size: 33px 33px; }
#sns04 a{background: url(../img/foot_facebook_icon.png); background-size: 34px 33px; }
}