@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
}

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

html {
    overflow-y: scroll;
}

blockquote, q {
    quotes: none;
}


blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

input, textarea {
    margin: 0;
    padding: 0;
}

ol, ul {
list-style: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

caption, th {
text-align: left;
}

a:focus {
outline: none;
}

img, textarea {
vertical-align: bottom;
}

html {
font-size: 62.5%;
}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

a, a img {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

a img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}

/* ----------------------------------------------------------
	共通
---------------------------------------------------------- */
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 14px;
font-size: 1.4rem;
color: #000;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: none;
opacity: 0.7;
}

img {
max-width: 100%;
height: auto;
}


/* ----------------------------------------------------------
	ヘッダー
---------------------------------------------------------- */
header {
margin: 0 auto;
box-shadow: 0 3px 2px 0 rgba(200, 200, 200, 0.1);
}

header #headerInner {
max-width: 1020px;
width: 100%;
margin: 0 auto;
position: relative;
}

header #headerInner:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
font-size: 0.1em;
}

* html header #headerInner {
height: 1%;
}

/* ----------------------------------------------------------
	ナビゲーション
---------------------------------------------------------- */
#nav #navInner {
max-width: 1020px;
width: 100%;
margin: 0 auto;
position: relative;
}

#nav #navInner:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
font-size: 0.1em;
}

* html #nav #navInner {
height: 1%;
}

#nav #navInner #navMenu {
width: 100%;
padding: 0;
}

#nav #navInner #navMenu:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
font-size: 0.1em;
}

* html #nav #navInner #navMenu {
height: 1%;
}

#nav #navInner #navMenu .gnav {
display: table;
width: 100%;
height: 60px;
margin-bottom: 0px;
}

#nav #navInner #navMenu .gnav li.current a {
opacity: 0.7;
}

/* ----------------------------------------------------------
	スライダー
---------------------------------------------------------- */
.img_slider{
    width:100%;
}


/* ----------------------------------------------------------
	コンテンツ
---------------------------------------------------------- */
#main .mainInner {
max-width: 1020px;
width: 100%;
margin: 0 auto;
padding: 25px 25px 0 25px;
background: #fff;
}

#main .mainInner:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
font-size: 0.1em;
}

* html #main .mainInner {
height: 1%;
}

#main .mainInner p {
margin-top: 10px;
}

.color-Box {
background: #EF8E39;
}


.bg-Box {
background: url(../images/bg01.png);
}


/* ----------------------------------------------------------
	各コンテンツ
---------------------------------------------------------- */
#main .mainInner .redbox {
text-align: center;
min-height: 300px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: #E74C3C;
border: #fff 5px solid;
color: #fff;
box-shadow: rgba(204, 204, 204, 0.2) 0px 0px 3px 3px;
}

#main .mainInner .redbox a {
display: block;
text-decoration: none;
padding: 20px 25px;
color: #fff;
}

#main .mainInner .redbox h2 {
font-size: 36px;
font-size: 3.6rem;
color: #fff;
}

#main .mainInner .redbox p {
font-size: 12px;
font-size: 1.2rem;
text-align: left;
margin: 25px 0 0;
}

#main .mainInner .news {
padding: 0 0px;
}

#main .mainInner .news:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
font-size: 0.1em;
}


#news dl {
margin-top: 20px;
overflow: auto;
/*height: 180px;*/
}

#news dl dt {
clear: both;
float: left;
margin: 0 20px 30px 0;
}

#news dl dd {
margin: 0 0 30px 10px;
}

#main .mainInner .about {
border: #ddd 1px solid;
padding: 15px 20px;
}


#main .mainInner .about p {
text-align: left;
}

#main .mainInner .about p.link {
text-align: center;
}

#main .mainInner .plan table {
background: #fff;
border: #fff 1px solid;
text-align: center;
width: 100%;
}

#main .mainInner .plan table tr:nth-child(odd) {
background: #EEE;
}

#main .mainInner .plan table th {
font-size: 26px;
font-size: 2.6rem;
text-align: center;
padding: 25px 10px;
font-weight: bold;
color: #5A1010;
}

#main .mainInner .plan table td {
padding: 15px 10px;
}

#main .mainInner .plan img {
width: 100%;
}


/* ----------------------------------------------------------
	フッター
---------------------------------------------------------- */
#pagetop {
position: fixed;
bottom: 10px;
right: 10px;
}


footer {
text-align: center;
}

footer #footerInner {
max-width: 1020px;
width: 100%;
margin: 0 auto 40px;
padding: 40px 0 0;
}

footer #footerInner ul li {
display: inline-block;
margin-left: 30px;
}

footer #footerInner ul li:first-child {
margin-left: 0;
}

footer .footerInner2 {
background: #E74C3C;
color: #fff;
padding: 50px 0;
}

footer .footerInner2 p {
font-size: 26px;
font-size: 2.6rem;
    margin: 30px 0px 0px;
}

footer .footerInner2 .copy {
font-size: 12px;
font-size: 1.2rem;
}



#about dl dt {
	padding-bottom: 20px;
	width: 20%;
	float: left;
	clear: left;
	font-weight: bold;
}

#about dl dt:after {
	content: " : ";
	float: right;
}

#about dl dd {
	margin: 0;
	padding: 0 0 20px 25%;
	width: 100%;
}

#recruit p{
    padding: 15px 0 25px;
    line-height: 1.6em;
}

.defaultTable {
	width: 100%;
}

.defaultTable th {
	padding: 14px;
	width: 18%;
	border: 1px solid #CCCCCC;
	background: #F9F9F9;
	font-weight: normal;
	vertical-align: top;
}

.defaultTable td {
	padding: 14px;
	border: 1px solid #CCCCCC;
	background: #FFF;
	vertical-align: top;
}

.Box45{
    width:45%;
    margin-top:30px;
}

div#sns {
position: relative;
overflow: hidden;
padding: 30px 0px 0px 0px;
}
 
div#sns ul {
margin: 0px auto;
width: 220px;
padding: 0px;
}
 
div#sns li {
float:left;
list-style:none;
padding: 0px 8px 30px;
font-size:24px;
}

#reservation .res_tel{
font-size:36px;
text-align:center;
margin:10px 0 25px;
}

#reservation .res_web{
font-size:36px;
text-align:center;
margin:10px 0 25px;
}

#reservation .res_message{
font-size:18px;
text-align:center;
margin:10px 0 25px;
}

.smartbanner-show {

}
.smartbanner-show .smartbanner {
	display: block;
}


/** Default **/
.smartbanner {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 80px;
	line-height: 80px;
	font-family: 'Helvetica Neue', sans-serif;
	background: #f4f4f4;
	z-index: 9998;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	-webkit-text-size-adjust: none;
}

.smartbanner-container {
	margin: 0 auto;
	white-space: nowrap;
}

.smartbanner-close {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 5px;
	font-family: 'ArialRoundedMTBold', Arial;
	font-size: 20px;
	text-align: center;
	color: #888;
	text-decoration: none;
	border: 0;
	border-radius: 14px;
	-webkit-font-smoothing: subpixel-antialiased;
}

.smartbanner-close:active,
.smartbanner-close:hover {
	color: #aaa;
}

.smartbanner-icon {
	display: inline-block;
	vertical-align: middle;
	width: 57px;
	height: 57px;
	margin-right: 12px;
	background-size: cover;
	border-radius: 10px;
}

.smartbanner-info {
	display: inline-block;
	vertical-align: middle;
	width: 44%;
	font-size: 11px;
	line-height: 1.2em;
	font-weight: bold;
}

.smartbanner-title {
	font-size:13px;
	line-height: 18px;
}

.smartbanner-button {
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	color: #6a6a6a;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-button:active, .smartbanner-button:hover {
	color: #aaa;
}

.smartbanner-button-text {
}

.smartbanner-button-text:active,
.smartbanner-button-text:hover {
}


/** iOS **/
.smartbanner-ios {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	line-height: 80px;
}

.smartbanner-ios .smartbanner-close {
	border: 0;
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #888;
	text-shadow: 0 1px 0 white;
}

.smartbanner-ios .smartbanner-close:active,
.smartbanner-ios .smartbanner-close:hover {
	color: #aaa;
}

.smartbanner-ios .smartbanner-icon {
	background: rgba(0,0,0,0.6);
	background-size: cover;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.smartbanner-ios .smartbanner-info { 
	color: #6a6a6a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-ios .smartbanner-title {
	color:#4d4d4d;
	font-weight: bold;
}

.smartbanner-ios .smartbanner-button {
	padding: 0 10px;
	min-width: 10%;
	color: #6a6a6a;
	background: #efefef;
	background: linear-gradient(to bottom, #efefef, #dcdcdc);
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}

.smartbanner-ios .smartbanner-button:active,
.smartbanner-ios .smartbanner-button:hover {
	background: #dcdcdc;
	background: linear-gradient(to bottom, #dcdcdc, #efefef);
}

.smartbanner-ios .smartbanner-button-text {
}

.smartbanner-ios .smartbanner-button-text:active,
.smartbanner-ios .smartbanner-button-text:hover {
}


/** Android **/
.smartbanner-android {
	background: #3d3d3d url('dark_background_stripes.gif');
	box-shadow: inset 0 4px 0 #88B131;
	line-height: 82px;
}

.smartbanner-android .smartbanner-close {
	border: 0;
	width: 17px;
	height: 17px;
	line-height: 17px;
	margin-right: 7px;
	color: #b1b1b3;
	background: #1c1e21;
	text-shadow: 0 1px 1px #000;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
}

.smartbanner-android .smartbanner-close:active,
.smartbanner-android .smartbanner-close:hover {
	color: #eee;
}

.smartbanner-android .smartbanner-icon {
	background-color: transparent;
	box-shadow: none;
}

.smartbanner-android .smartbanner-info {
	color:#ccc;
	text-shadow:0 1px 2px #000;
}

.smartbanner-android .smartbanner-title {
	color:#fff;
	font-weight: bold;
}

.smartbanner-android .smartbanner-button {
	min-width: 12%;
	color: #d1d1d1;
	padding: 0;
	background: none;
	border-radius: 0;
	box-shadow: 0 0 0 1px #333, 0 0 0 2px #DDDCDC;
}

.smartbanner-android .smartbanner-button:active,
.smartbanner-android .smartbanner-button:hover {
	background: none;
}

.smartbanner-android .smartbanner-button-text {
	text-align: center;
	display: block;
	padding: 0 10px;
	background: #42B6C9;
	background: linear-gradient(to bottom, #42B6C9, #39A9BB);
	text-transform: none;
	text-shadow: none;
	box-shadow: none;
}

.smartbanner-android .smartbanner-button-text:active,
.smartbanner-android .smartbanner-button-text:hover {
	background: #2AC7E1;
}


/** Windows **/
.smartbanner-windows {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	line-height: 80px;
}

.smartbanner-windows .smartbanner-close {
	border: 0;
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #888;
	text-shadow: 0 1px 0 white;
}

.smartbanner-windows .smartbanner-close:active,
.smartbanner-windows .smartbanner-close:hover {
	color: #aaa;
}

.smartbanner-windows .smartbanner-icon {
	background: rgba(0,0,0,0.6);
	background-size: cover;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.smartbanner-windows .smartbanner-info {
	color: #6a6a6a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-windows .smartbanner-title {
	color:#4d4d4d;
	font-weight: bold;
}

.smartbanner-windows .smartbanner-button {
	padding: 0 10px;
	min-width: 10%;
	color: #6a6a6a;
	background: #efefef;
	background: linear-gradient(to bottom, #efefef, #dcdcdc);
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}

.smartbanner-windows .smartbanner-button:active,
.smartbanner-windows .smartbanner-button:hover {
	background: #dcdcdc;
	background: linear-gradient(to bottom, #dcdcdc, #efefef);
}

.smartbanner-windows .smartbanner-button-text {
}

.smartbanner-windows .smartbanner-button-text:active,
.smartbanner-windows .smartbanner-button-text:hover {
}

#contact input[type="text"]{
    font-size:16px;
}

#contact textarea{
    border: 1px solid #CCCCCC;
    font-size:16px;
    width:100%;
}

#submit,#myreset{
    font-size:16px;
    padding:4px 8px;
    margin:0px 10px;
}

.error{
    color:#F00;
}    
.wtn_copyright{
    display:none;
}

.form-control, .normal-selectbox, .large-selectbox {
    margin-bottom: 25px;
}

h5.heading-uppercase {
    font-weight: 600;
    letter-spacing: 2px;
    margin-right: -2px;
    text-align:center
    font-size: 16px;
    line-height: 26px;
}

.role {
    margin-bottom: 10px;
    font-size: 14px;
    font-style: italic;
}

/*plugin*/

.menu-button-right {
    right: 0px;
    width: 68px;
    height: 68px;
    position: absolute;
    display: none;
}

#box_contact_confirm {
width:100%;
margin:0 auto;
}

#contact_confirm dt {
    width: 20%;
    font-weight: bold;
    float:left;
    line-height: 32px;
}

#contact_confirm dd {
    width: 80%;
    line-height: 32px;
}

#contact_confirm dl {
    border-bottom:1px #DFDFDF solid;
}


@media screen and (max-width: 767px) {
* p {
  letter-spacing: normal; }

* input, * select {
  -webkit-appearance: none; }

.menu-button-right {
    right: 0px;
    z-index: 2;
    width: 68px;
    height: 68px;
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    background-image: url('/common/images/btn_spmenu.jpg');
    background-position: center;
}
/* ----------------------------------------------------------
	ヘッダー	
---------------------------------------------------------- */
header {
  margin: 0;
  overflow:hidden;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }
  
  header #headerInner {
    padding: 5px 0 0 5px;
    max-width: auto;
    width: 100%;
    float: left; }
    header #headerInner h1 {
      padding: 0;
      width: auto;
      font-size: 20px;
      font-size: 2rem; }
    header #headerInner .pnav {
      display: none; }

#nav {
    display: none;
   }

/* ----------------------------------------------------------
	コンテンツ
---------------------------------------------------------- */
#main .mainInner {
  max-width: none; }

/* ----------------------------------------------------------
	各コンテンツ	
---------------------------------------------------------- */
#main .mainInner .news dl {
  overflow: auto;
  height: auto; }

#access aside {  
      text-align: center;
}


article{
text-align:center;
}
/* ----------------------------------------------------------
	フッター	
---------------------------------------------------------- */
#pagetop {
  position: static;
  text-align: center;
  margin: 30px auto 0; }

footer {
  margin-top: 0; }
  footer #footerInner {
    max-width: none;
    margin: 0 auto 0;
    padding: 20px 0 0; }
    footer #footerInner ul {
      border-top: #ccc 1px solid; }
      footer #footerInner ul li {
        display: block;
        margin-left: 0;
        text-align: left;
        border-bottom: #ccc 1px solid; }
        footer #footerInner ul li a {
          display: block;
          text-decoration: none;
          padding: 10px; }
  footer .footerInner2 {
    padding: 20px 0; }
    footer .footerInner2 p {
      font-size: 20px;
      font-size: 2rem; }
    footer .footerInner2 .copy {
      font-size: 10px;
      font-size: 1rem; }

#contact input[type="text"]{
    border: 1px solid #CCCCCC;
}


.defaultTable tr {
	display: inline;
}

.defaultTable th {
	font-weight: bold;
}

.defaultTable th,
.defaultTable td {
	margin-top: -1px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
}
}