@charset "utf-8";
/* ------- css list created date 2014
common
container
header
footer
template
--------------------- */
/* ----------------------------------
	common
----------------------------------- */
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html,body{
width:100%;
height:100%;
background:#fff;
}
body {
min-width: 980px;
color:#333;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
font-size:14px;
text-align:center;
line-height:1;
position: relative;
webkit-text-size-adjust: 100%;
}
.oldie{
background-color: transparent;
-webkit-font-smoothing: antialiased;
}
.disnon{
display:none;
}
.spOnly,
.tabletOnly{
display:none;
}
img{
vertical-align: bottom;
max-width: 100%;
height: auto;
width /***/:auto;
}
.changeImg{
display:none;
}
/* -------------------------------
Outside In Float Clear
------------------------------- */
.clearfix:after {/*for modern browser*/
content: " ";
display: block;
height: 0;
clear: both;
line-height:0;
visibility: hidden;
}
.clearfix {
zoom:1; /*for IE 5.5-7*/
}

/* -------------------------------
Clear Float In Hr Border Image
------------------------------- */
.clearline hr {
margin:0 !important;
height:0 !important;
visibility:hidden !important;
border:0 !important;
}

/* --- link --- */
a.btnOpacity{
display:block;
}
a.btnOpacity:link img, a.btnOpacity:visited img{
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
a.btnOpacity:hover img, a.btnOpacity:active img{
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}

/* -------------------------------
fade
------------------------------- */
.fade {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.fade:hover {
opacity: 0.6;
filter: alpha(opacity=60);
}


/* ----------------------------------
header
----------------------------------- */
#header {
position:relative;
width:100%;
min-width:980px;
height:214px;
background:#3b2219 url(../images/header_bg.jpg) no-repeat 50% top;
}
@media screen and (min-width: 1400px) {
	#header {
	background:#fff url(../images/header_bg.jpg) no-repeat left top;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;
	background-size:100% auto;
	}
}
#header .wrapper{
margin: 0 auto;
width:980px;
height:214px;
position:relative;
text-align:left;
overflow:hidden;
}
#header .logo{
width:294px;
height:44px;
position:absolute;
top:16px;
left:15px;
}
#header .logo a,
#header .logo span{
display:block;
width:294px;
height:44px;
background: url(../images/logo.png) no-repeat left top / contain;
font-size:10px !important;
line-height:12px !important;
text-align:left !important;
text-indent:101% !important;
white-space:nowrap !important;
overflow:hidden !important;
word-wrap:normal !important;
}
#globalnav{
width:592px;
margin-left:-490px;
height:45px;
position: absolute;
top:73px;
left: 50%;
z-index: 9999;
}
#globalnav ul{
width:784px;
height:45px;
list-style-type: none;
position: relative;
background: url(../images/globalnav_bg.png) repeat left top;
overflow: hidden;
display: flex;
justify-content: flex-start;
gap:0 40px;
padding-left: 20px;
}
#globalnav li{
padding-top: 13px;
list-style-type: none;
}
#globalnav a{
display: block;
color:#fff;
font-size:15px !important;
letter-spacing: 0.015em;
line-height:1.5 !important;
text-align:left !important;
word-wrap:normal !important;
text-decoration: none !important;
text-shadow: 0 0 3px rgb(0 0 0 / 20%), 0 0 6px rgb(0 0 0 / 10%);
}
#globalnav a:hover{
color:#eefda8;
}
#enBtnArea{
position: absolute;
top:73px;
left:796px;
width:184px;
height:45px;
list-style-type: none;
overflow: hidden;
}
#enBtnArea a,
#enBtnArea a span{
display: block;
width:184px;
height:45px;
}
#enBtnArea a{
background:#f68239 url(../images/btn_entry_arrow_pc.png) no-repeat right 50%;
}
#enBtnArea a:hover{
background:#ff9735 url(../images/btn_entry_arrow_pc.png) no-repeat right 50%;
}
#enBtnArea a span{
background: url(../images/header_btn_entry_pc@2x.png) no-repeat 10px 50%;
-moz-background-size:139px 26px;
-webkit-background-size:139px 26px;
background-size:139px 26px;
font-size:10px !important;
line-height:12px !important;
text-align:left !important;
text-indent:101% !important;
white-space:nowrap !important;
overflow:hidden !important;
word-wrap:normal !important;
}
#btnGlobalnav{
display: none;
position: absolute;
top:11px;
right:0;
width: 40px;
height: 40px;
cursor: pointer;
}

/* ----------------------------------
	container
----------------------------------- */

#container {
position:relative;
width:100%;
min-width:980px;
background:#fff;
}
#container .wrapper{
margin: 0 auto -30px;
width:980px;
padding:20px 20px 0;
position:relative;
text-align:left;
top:-86px;
background:#fff;
overflow: hidden;
}
.ie #container .wrapper{
margin-bottom:0;
}
#contentsWrapper{
margin-top:30px;
background: url(../images/contentswrap_bg_pc.png) repeat-y right top;
}
#contentsArea{
float: left;
width: 657px;
}
#contentsArea a{
color:#1475b2;
}
#sideArea{
float: right;
width: 253px;
}
#banner{
margin: 20px auto;
list-style-type: none;
width:213px;
}
#banner li{
margin-top: 10px;
list-style-type: none;
}
#banner li:first-child{
margin-top:0;
}
#banner li a:hover img{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}
#ttlCategory{
width: 100%;
}
.ttlHl{
padding:30px 0;
border-top:5px solid #59aec9;
color: #539ca9;
font-size: 18px;
line-height: 1.4;
font-weight: bold;
text-align: center;
}
.contsFooterBtn{
margin-top:9px;
padding:20px;
background: #555555;
text-align: center;
}
.contsFooterBtn .btnEntry,
.contsFooterBtn .btnNight-time{
margin: 0 auto;
width:266px;
height:45px;
}
.contsFooterBtn a{
display: block;
width:266px;
height:45px;
font-size:10px !important;
line-height:12px !important;
text-align:left !important;
text-indent:101% !important;
white-space:nowrap !important;
overflow:hidden !important;
word-wrap:normal !important;
text-align: left !important;
}
.contsFooterBtn .btnEntry a{
background:#f68239 url(/common/images/btn_entry_pc@2x.png) no-repeat left center / contain;
}
.contsFooterBtn .btnNight-time a{
background:#d9a428 url(/common/images/btn_night-time_pc.png) no-repeat left center / contain;
}
.contsFooterBtn .btnEntry a:hover{
background-color: #ff9735 !important;
}
.contsFooterBtn .btnNight-time a:hover{
background-color: #f9b519;
}
.btnContactIn{
margin: 0 auto;
display: block;
width: 246px;
}
.btnContactIn a{
display: block;
width: 246px;
height: 45px;
background:#f68239 url(/common/images/btn_contact_pc.png) no-repeat left top;
-moz-background-size:246px 45px;
-webkit-background-size:246px 45px;
background-size:246px 45px;
font-size:10px !important;
line-height:12px !important;
text-align:left !important;
text-indent:101% !important;
white-space:nowrap !important;
overflow:hidden !important;
word-wrap:normal !important;
text-align: left;
}
.btnContactIn a:hover{
background-color: #ff9735;
}

/* ----------------------------------
	footer
----------------------------------- */
#footer {
position:relative;
width:100%;
min-width:980px;
height:130px;
background:#fff url(../images/footer_bg.jpg) no-repeat 50% top;
}
@media screen and (min-width: 1400px) {
	#footer {
	background:#fff url(../images/footer_bg.jpg) no-repeat left top;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;
	background-size:100% auto;
	}
}
#footer .wrapper{
margin: 0 auto;
width:940px;
min-height:130px;
position:relative;
text-align:left;
overflow:hidden;
}
#btnPagetop{
position: absolute;
top:0;
right:0;
width:70px;
height: 54px;
}
#btnPagetop a{
display: block;
width:70px;
height: 54px;
}
#footer nav{
top:35px;
left: 0;
position: relative;
margin-bottom:25px;
width:80%;
}
#footer nav ul{
list-style-type: none;
font-size: 12px;
font-weight: bold;
overflow: hidden;
}
#footer nav ul li{
float: left;
padding:0 10px;
border-left:#8c8079 solid 2px;
line-height: 1;
list-style-type: none;
}
#footer nav ul li:first-child{
padding-left:0;
border-left:none;
}
#footer nav a{
color:#fff;
}
#copyright{
position: relative;
top:35px;
left: 0;
color:#fff;
font-size:12px;
}
.twitterArea{
    margin-top:20px;
    text-align: center;
    padding-bottom:20px;
}
.twitterArea > div{
    margin: 0 auto;
    width: 213px;
}


#sideBlogArea{
    padding: 0 20px 20px;
}
.sideBlogArea_ttlWrap{
    background: #9f6b97;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
    color:#fff;
    padding: 18px;
    font-size:14px;
    font-weight: bold;
}
#sideBlogArea_inner{
    padding: 0 10px 40px;
    background: #fff;
}
#sideBlogArea ul{
    list-style-type: none;
}
#sideBlogArea li{
    display: block;
    padding: 15px 0;
    border-bottom:#d6d6d6 solid 1px;
}
#sideBlogArea li a{
    display: table;
    color:#000;
    text-decoration: none;
}
#sideBlogArea li a:hover{
   opacity: 0.7;
}
#sideBlogArea li a > div{
    display: table-cell;
    vertical-align: top;
}
#sideBlogArea li a > div:first-child{
    width: 70px;
}
#sideBlogArea li a > div:first-child span{
    display: block;
    width: 60px;
    height: 60px;
    overflow: hidden;
}
#sideBlogArea li a > div:first-child img{
    width: 60px;
    height: auto;
}
#sideBlogArea li .txtArea .date{
display: block;
font-size: 12px;
line-height: 1.2;
}
#sideBlogArea li .txtArea .title{
display: block;
font-size: 13px;
line-height: 1.4;
font-weight: bold;
}

.sideAdArea01{
  padding: 30px 10px 10px;
  text-align: center;
}
.sideAdArea02{
  padding: 10px 10px 10px;
  text-align: center;
}
.sideAdArea01 > *,
.sideAdArea02 > *{
  margin: 0 auto;
}

/* recruitMenu */
.recruitMenu{
	text-align: right;
	padding:0 0 13px;
}
.recruitMenuBox{
margin: 0 0 0 auto;
display: table;
}
.recruitMenuBox > div{
	display: table-cell;
	vertical-align: top;
}
.recruitMenuBox > div:nth-child(1){
width: 36%;
text-align: left;
padding-top:0.8em;
font-size: 16px;
line-height: 1;
}
.recruitMenuBox > div:nth-child(2){
width: 63%;
}
.recruitMenuBox select{
font-size: 16px;
width: 100%;
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.recruitMenuBox_selectBox {
display: block;
position: relative;
width: 100%;
height: 40px;
background: #604f4f;
overflow: hidden;
border-radius: 4px;
font-size: 16px;
}

.recruitMenuBox_selectBox:after {
position: absolute;
display: block;
content: '';
right: 10px;
top: 48%;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #ffffff transparent transparent transparent;
pointer-events: none;
}

.recruitMenuBox_selectBox  select {
width: 100%;
height: 40px;
padding: 0 10px;
border: none;
position: relative;
font-size: 14px;
color: #fff;
}