@charset "UTF-8";

/* CSS Document */

html{ height:100%; -webkit-text-size-adjust: none; }
body { min-width:1000px; margin:0; padding:0; font-size:14px; color:#333; font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; background:#fff; position:relative; line-height:1.8; }
*{ margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight:normal; }
img{ border:0; margin:0; padding:0; vertical-align:bottom; }
a{ color:#222; text-decoration:none; }
a:hover{ color:#b22123; }
ul { list-style-type: none;	}
input{ padding:7px 6px; border-radius:3px; border:none; }
textarea{ padding:5px 6px; border-radius:3px; border:none; }
label { display:inline-block; }

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

/* --clearfix--------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* --class------------------------ */
.fleft{float:left;}
.fright{float:right;}

.serif { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.red{ color:#f41414; }
.blue{ color:#1C1B98}
.big { font-size: 120%; }
.small { font-size: 88%; }
.bold { font-weight: bold; }
.photo{ border-radius:50%; box-shadow:0 3px 5px rgba(0,0,0,0.3); }
.shadow{ box-shadow:0 3px 5px rgba(0,0,0,0.3); }
.radius{ border-radius:5px; }
.upper{ position:relative; z-index:10; }
.clear { clear: both; }
.pcnone { display:none;}
.mb10{ margin-bottom:10px; }
.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }
.mt100{ margin-top:100px; }

ul.disc, ul.square { margin-left:1.3em; }
.disc li { list-style-type:disc; }
.square li { list-style-type:square; }
.decimal li { list-style-type:decimal; }

#hNav img, a, .anime {
	-ms-transition: all .5s;
	transition: all .5s;
}

.scale {
    overflow: hidden;
}
a .scale img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
a:hover .scale img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.btn a,
a .btn{ position:relative; z-index:10; display:inline-block; min-width:170px; padding:4px 20px 4px 20px; color:#fff; font-size:15px; line-height:21px; background:url(../img/arrow.png) no-repeat 100% 50%; background-color:#b22123; }
.btn a:hover,
a:hover .btn{ text-indent:10px; background-color:#c14d4f; }

#wrapper { min-width:980px; overflow:hidden; width:100%; position:relative; z-index:50; }
.inner{ width:980px; margin:auto; position:relative; }

.fw { margin-left:-500%; margin-right:-500%; padding-left:500%; padding-right:500%; /*Full Width*/ }

.col2{ float:left; width:50%; }
.col3{ float:left; width:33.33%; }

.a_link_line { text-decoration:underline; color:#b22123; }

@media print {
  .fw { margin-left:0; margin-right:0; padding-left:0; padding-right:0; }
}

/* --header------------------------ */
header{ position:absolute; width:100%; min-width:980px; padding:10px; background:rgba(255,255,255,0.95); box-shadow:0 1px 3px rgba(0,0,0,0.3); }

.header--clone {
  z-index: 1000!important;
  width:100%;
	padding-top:13px;
  /* Additional styles */
  background: rgba(255,255,255,0.95)!important;
}

.header--clone
.header--clone #logo{ left:40px; }

#gNav{ position:absolute; bottom:10px; right:200px; }
#gNav ul { height:40px; }
#gNav li { float:left; margin-right:35px; }
#gNav li a{ display:inline-block; position:relative; height:45px; }
#gNav li img { display:block; position:absolute; top:0; }

#gNav li.company a  { width:63px; }
#gNav li.products a{ width:62px; }
#gNav li.news a   { width:63px; }
#gNav li.quality a{ width:53px; }
#gNav li.sightseeing a{ width:95px; }
#gNav li.contact a{ width:76px; }

#gNav li a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #9a1e23;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

#gNav li a:hover::after,
#gNav li.current a::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

header .facebook{  position:absolute; bottom:23px; right:125px; width:36px; height:36px; }
header .facebook a{ display:block; border-radius:50px; }
header .facebook a:hover{ background:#fff; }

header .instagram{  position:absolute; bottom:23px; right:80px; width:36px; height:36px; }
header .instagram a{ display:block; border-radius:50px; }
header .instagram a:hover{ background:#fff; }

header .navShopping{  position:absolute; bottom:23px; right:35px; width:36px; height:36px; }
header .navShopping a{ display:block; border-radius:50px; background:#222; }
header .navShopping a:hover{ background:#b22123; }





/* contents------------------------*/
#contents{ background-color:#fff; }
.sec{ padding:60px 0; }
.black{ background:url(../img/bg_black.png); }


/* footer------------------------ */
footer{ background:#fff; }
#pagetop a{ display:block; width:100%; padding-top:10px; text-align:center; background:#b22123; }
#pagetop a:hover{ background:#c14d4f; }
footer .inner{ height:240px; padding:40px 0; }
footer .logo{ margin-bottom:41px; }
footer .address{ margin-bottom:5px; }
#fNav{ position:absolute; top:42px; left:360px; width:620px; }
#fNav li a{ display:block; float:left; width:88px; margin:0 20px 5px 0; padding-left:22px; font-size:13px; background:url(../img/arrow_navi.png) 0 45% no-repeat; }
footer .btnList{ position:absolute; top:70px; right:0; }
footer .btnList li{ float:left; }
footer .btnList li:nth-child(2){ margin:0 10px; }
#copy{ padding:3px 0 0; font-size:11px; text-align:center; background:#c9c9c9; }
#copy a{ text-decoration:underline; }

footer .otome{ position:absolute; top:200px; right:165px; }