@charset "UTF-8";
@import "reset5.css";

body { color:#2f282a; line-height:1; background-color: #fff; padding: 0; position: relative; min-height: 100%; text-align: center; overflow: hidden; font-family: aktiv-grotesk, Avenir, Univers, "Helvetica Neue", Helvetica, Arial, ryo-gothic-plusn, sans-serif !important; font-size: 14px; letter-spacing: 0.16em; line-height: 1; font-weight: 300; -webkit-font-smoothing: antialiased; }
html { min-height: 100%; }

* {word-wrap: break-word; }
img { -ms-interpolation-mode: bicubic; vertical-align: bottom }
/* !font-size 12px default setting */
body p, body th, body td { font-size: 14px; line-height: 2em; letter-spacing: 0.24em; font-weight: 300; }
*:first-child+html body { font-size:77%; }
* html body { font-size:77%; }

h2,h3,h4,h4,h5 { line-height: 1.6em; font-style: normal; font-weight: normal }

pre {
	margin-bottom: 20px;
	padding: 20px;
	max-width: 100%;
	background-color: #eee;
	border-radius: 3px;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	line-height: 1.5;
	overflow: auto;
}
i { font-style: italic !important }

iframe { overflow: hidden }
video { vertical-align: bottom; }

/* !clearfix */
hr { display: none; }
.cfix { /zoom : 1; }
.cfix:after { content : ''; display : block; clear : both; }

/* リストの高さ揃える  */
.list-flex { display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}

.tx9 { font-size: 9px !important; }
.tx10 { font-size: 10px !important; }
.tx11 { font-size: 11px !important; }
.tx12 { font-size: 12px !important; }
.tx13 { font-size: 13px !important; }
.tx14 { font-size: 14px !important; }
.tx15 { font-size: 15px !important; }
.tx16 { font-size: 16px !important; }
.tx18 { font-size: 18px !important; }
.tx20 { font-size: 20px !important; }
.tx24 { font-size: 24px !important; }
.tx28 { font-size: 28px !important; }
.tx32 { font-size: 32px !important; }
.tx36 { font-size: 36px !important; }
.tx40 { font-size: 40px !important; }

.fltR { float: right; }
.fltL { float: left; }

.txtR { text-align: right; }
.txtL { text-align: left; }
.txtC { text-align: center; }

/* !Links */
a { font-weight: 400 }
a:link { color: #2f282a; text-decoration: none; }
a:visited { color: #2f282a; text-decoration: none }
a:hover { color: #ff705e; text-decoration: none; }
a:active { color: #2f282a; text-decoration: none }
a.nb:link { border-bottom: none }

html { margin: 0; padding: 0 }
body { margin: 0; padding: 0 }

.noScroll {
  position: fixed !important;
  overflow-y: scroll;
}

#loader { position: fixed; left: 50%; top: 50%; margin: -24px 0 0 -24px; z-index: 10000 }

#wrapper { position: relative; z-index: 10; min-width: 1080px; padding-bottom: 20px }
#wrapper-inner { position: relative; background: #fff;  padding: 0 0 40px } 

#header { position: fixed; left: 0; top: 0; width: 100%; height: 80px; background: #fff; text-align: left; z-index: 10000 }
#header h1 { padding: 28px 40px }
#header #global-nav { position: absolute; right: 140px; top: 5px; }
#header #global-nav li { display: inline-block }
#header #global-nav li a { display: block; padding: 24px; font-weight: 400; letter-spacing: 0.24em; line-height: 1em; position: relative }
#header #global-nav li a p { position: relative; z-index: 10; line-height: 1.4em; padding: 0 0.2em }
#header #global-nav li.cur a p { background: #261d1b; color: #fff; font-weight: 400; line-height: 1.5em; padding: 0 0.2em }
#header #global-nav li a span { position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #f3f3f1; z-index: 0 }
#header #lang { position: absolute; right: 0; top: 0; width: 140px; text-align: center }
#header #lang li { display: inline-block; padding: 22px 0 }
#header #lang li a {  }
#btn-menu { display: none }

#top-main { margin-top: 80px; background: #dbdad4; position: relative }
#top-main .vis { opacity: 0 }
.today { position: absolute; right: 0; top: 0; background: #2e2e2e; text-align: center; padding: 10px 20px 4px; color: #fff; }
.today .year { font-size: 16px; font-weight: bold; letter-spacing: 0.24em; line-height: 1.4em; display: block }
.today .date { font-size: 36px; font-weight: bold; color: #fff; line-height: 1.4em; display: block }
.today .date span { font-weight: 100 }
.today .dayofweek { font-size: 15px; font-weight: bold; color: #979796; line-height: 0.8em; display: block }
.today p { border-top: solid 1px #515250; font-weight: bold; letter-spacing: 0.4em; color: #75b5ee; margin: 0.8em 0 0; padding: 0.4em 0 0 }

.top-sec { padding: 0 40px; max-width: 1320px; min-width: 960px; margin: 0 auto; opacity: 0; top: 80px; position: relative }
.top-sec .tsec-inner { padding: 40px; }

#top-info {}
#top-info .tsec-inner { background: url("../img/dotline.png") repeat-x bottom; background-size: 8px; position: relative }
#top-info .tsec-inner h3 { position: absolute; left: 40px; top: 40px; font-size: 16px; font-weight: 500; line-height: 2em }
#top-info .tsec-inner p { padding-left: 120px; text-align: left }

#top-news { text-align: left; padding-top: 80px; position: relative }
#top-news .top-news { width: 60% }
#top-news .top-news h2 { font-size: 36px; font-weight: 600; line-height: 1em; margin-bottom: 10px; padding: 0 40px }
#top-news .top-news li { height: 100px; padding: 20px 40px; background: url("../img/dotline.png") repeat-x bottom; background-size: 8px; position: relative }
#top-news .top-news li .ph { position: absolute; left: 40px; top: 2; }
#top-news .top-news li .news-inner { padding: 0 0 0 190px; font-size: 16px }
#top-news .top-news li:hover { background: #f3f3f1 }
#top-news .calender { width: 33.33%; position: absolute; right: 40px; top: 80px; text-align: left }
.calender h2 { font-size: 28px; margin-bottom: 10px }
.calender h2 .month { font-weight: 600 }
.calender table { border-bottom: solid 1px #c9c7c6 }
.calender table th { width: 14.285%; text-align: center; padding: 20px 0 }
.calender table td { width: 14.285%; font-size: 16px; letter-spacing: 0.12em; text-align: center; padding: 18px 0; position: relative; }
.calender table td span { position: relative; z-index: 10 }
.calender table td img { position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -21px; z-index: 0 }
.calender p { padding: 10px 20px 0 }
.sun, .holi { color: #cb620d }
.sat { color: #3173ae }

#top-idx { text-align: left; padding-top: 80px; position: relative }
#top-idx ul { padding: 0 40px }
#top-idx li.top-idx { float: left; width: 50% }
#top-idx li.top-idx .idx-inner { border-right: solid 1px #c9c7c6 }
#top-idx li.top-idx .idx-inner a { display: block; overflow: hidden; background: #dbdad4 }
#top-idx li.top-idx .idx-inner .idx-tit { position: relative }
#top-idx li.top-idx .idx-inner .idx-tit h2 { padding: 40px 40px 80px; font-size: 36px; font-weight: 600; letter-spacing: 0.16em; line-height: 1.3em }
#top-idx li.top-idx .idx-inner .idx-tit h2 span.ja { font-size: 17px; display: block }
#top-idx li.top-idx .idx-inner .idx-tit ul { position: absolute; right: 0; top: 40px }
#top-idx li.top-idx:nth-child(3) .idx-inner .idx-tit ul { top: inherit; bottom: 0; }
#top-idx li.top-idx .idx-inner .idx-tit ul li { font-weight: 400 !important; padding: 4px 0 8px; opacity: 0; top: 10px; position: relative }
#top-idx li.top-idx .idx-inner .idx-tit ul li a { display: inline-block; background: none }

.logo-ill { padding: 120px 0 40px }
.links { padding: 0 0 60px }
.links li { position: relative; display: inline-block; padding-right: 40px; height: 65px; }
.links li a { padding: 22px 50px; display: block; vertical-align: middle }
.links li img.sepline { position: absolute; right: 0; top: 0; }
.links li:last-child img.sepline { display: none }

#footer { background: #e1e1dc; padding: 80px 80px 40px; position: relative }
#footer .footer-inner { max-width: 1240px; min-width: 960px; margin: 0 auto; text-align: left }
#footer .footer-inner h1 { margin-bottom: 30px }
#footer .footer-inner p { font-weight: 400 !important ; margin-top: 1em }
#footer .footer-inner .foot { margin-top: 2em }
#footer .footer-inner p.copyright { display: inline-block; line-height: 12px; }
#footer .footer-inner p.credit { display: inline-block; line-height: 12px; font-size: 12px; margin-left: 2em }
#footer .sitemap { position: absolute; right: 0; top: 80px; width: 880px }
#footer .sitemap ul { width: 25%; float: left; text-align: left; line-height: 1.6em }
#footer .sitemap ul li { padding: 0 0 20px; font-weight: 400 !important }
#footer .sitemap ul li.lw { padding: 2px 0 2px 1em; font-size: 13px }
#footer .share { position: absolute; right: 60px; bottom: 20px; }

#pagetop { position: fixed; display: block; right: 10px; bottom: -70px; padding: 20px 20px 40px; cursor: pointer; opacity: 0.25; z-index: 10001 }
#pagetop img { position: relative; bottom: 0 }


/* Lower Pages*/
#main { margin-top: 80px; background: #dbdad4; position: relative }
#main .vis { opacity: 0.1 }
#main h2.bigtit { position: absolute; left: 0; bottom: 0; padding: 30px 0 30px; width: 368px !important; background: #dbdad4; text-align: left }
#main h2.bigtit.wid { padding-right: 40px; width: auto }
#main h2.bigtit img { margin-left: 40px }
#main .locnav { position: absolute; left: 368px; bottom: 0; padding: 0 50px 0 30px; background: #fff }
#main .locnav li { display: inline-block; }
#main .locnav li a { display: inline-block; padding: 25px 30px }
#main .locnav.nrw {  }
#main .locnav.nrw li a { display: inline-block; padding: 25px 20px }

#contents { padding: 20px 0 0 }

.sec { max-width: 920px; margin: 0 auto; padding: 80px 0; text-align: left; opacity: 0; top: 80px; position: relative }
.sec .sec-inner { padding: 40px 1em; opacity: 0; top: 80px; position: relative }
.sec h3 { font-size: 20px; margin-bottom: 60px; font-weight: bold; letter-spacing: 0.4em }
.sec h3.en { font-size: 22px }
.sec h4 { font-size: 17px; margin-bottom: 20px; font-weight: bold; letter-spacing: 0.4em; }
.sec h5 { font-size: 16px; margin-bottom: 10px; font-weight: 500; letter-spacing: 0.36em; }
.sec h5.mt { margin-top: 20px }
.sec p { font-size: 15px }
.sec p.read { font-size: 16px; font-weight: 500; margin-bottom: 2em; letter-spacing: 0.36em; color: #374f4d }
.sec p.mt { margin-top: 1em }
.sec table.tbl { font-size: 15px; margin-top: -1em; border-top: solid 1px #dbdad4 }
.sec table.tbl th { padding: 1em; font-weight: 500; border-bottom: solid 1px #dbdad4 }
.sec table.tbl td { padding: 1em; border-bottom: solid 1px #dbdad4 }
.sec ul { margin: 2em 0 0 1em }
.sec ul.mt { margin: 4em 0 0 1em }
.sec ul li { line-height: 1.66em; padding: 0 0 1em; text-indent: -1em }
.sec ol { margin: 2em 0 0 2em }
.sec ol.mt { margin: 4em 0 0 2em }
.sec ol li { list-style-position: outside; list-style-type: disc; line-height: 1.66em; padding: 0 0 1em }
.sec figure { padding: 20px 0 }
.block { padding: 40px 0 0 }
.sec h3.ico { height: 64px; line-height: 64px; vertical-align: middle; display: inline }
.sec h4.ico { height: 52px; line-height: 52px; vertical-align: middle }
.sec h4.ico img { margin-right: 5px }

.fd { opacity: 0; top: 80px; position: relative }

.btn_link { text-align: center; margin-top: 60px }
.btn_link.mt { text-align: center; margin-top: 25px }
.btn_link a { display: block; width: 100%; margin: 0 auto; padding: 20px 0; border: solid #dbdad4; border-width: 1px 0; position: relative }
.btn_link a p { font-size: 16px; font-weight: 500; letter-spacing: 0.4em; position: relative; z-index: 10 }
.btn_link a .arw { position: absolute; right: 24px; top: 50%; width: 16px; height: auto; margin-top: -8px; z-index: 10 }
.btn_link a span { position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #f3f3f1; z-index: 0 }
.btn_back { text-align: center; margin-top: 60px }
.btn_back.mt { text-align: center; margin-top: 25px }
.btn_back a { display: block; width: 100%; margin: 0 auto; padding: 20px 0; border: solid #dbdad4; border-width: 1px 0; position: relative }
.btn_back a p { font-size: 16px; font-weight: 500; letter-spacing: 0.4em; position: relative; z-index: 10 }
.btn_back a .arw { position: absolute; left: 24px; top: 50%; width: 16px; height: auto; margin-top: -8px; z-index: 10 }
.btn_back a span { position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #f3f3f1; z-index: 0 }
.txt_link { margin-top: 1em !important; }
.txt_link a { display: inline-block; padding: 0 1em 0 1.5em; position: relative }
.txt_link a .arw { position: absolute; left: 0; top: 50%; width: 12px; height: auto; margin-top: -6px; }
.txt_mail { margin-top: 1em !important; }
.txt_mail a { display: inline-block; padding: 0 1em 0 2em; position: relative }
.txt_mail a .ico { position: absolute; left: 0; top: 50%; width: 24px; height: auto; margin-top: -8px; }

.visuals { margin: 0 -40px; padding: 40px 0 0; opacity: 0; top: 80px; position: relative }
.visuals .vis { float: left; width: 33.33% }
.visuals .vis .vis-inner { padding:  0 40px; }
.visuals .vis .vis-inner .wrap { position: relative }
.visuals .vis .vis-inner .wrap span { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: #dbdad4 }

.column-two { margin: 0 -40px; }
.column-two .cont { float: left; width: 50% }
.column-two .cont .cont-inner { padding: 0 40px }
.pt0 { padding-top: 0 !important }


/* ABOUT N'sYARDについて*/
.yardmap { margin-top: 80px }
.yardmap p { text-align: center; font-weight: 500; padding: 0 0 40px }
.bullets { text-align: center }
.bullets img { cursor: pointer }


/* Facility 施設案内*/
#schedule .block { padding: 20px 0 40px }
#schedule .calender { width: 100%; float: left; padding-top: 20px }
#schedule p.cap { padding: 0 40px }
.faci { position: relative; }
.faci .ph { position: absolute; left: 0; top: 40px }
.faci .cont { min-height: 240px; padding-left: 420px; position: relative }
.faci .cont h4 { font-size: 18px }
.faci .cont a.btn_detail { position: absolute; right: 0; bottom: 0; padding: 10px 20px 5px; display: inline-block; }
.faci .cont a.btn_detail p { position: relative; font-size: 18px; font-weight: bold; letter-spacing: 0.4em; line-height: 1em; z-index: 10 }
.faci .cont a.btn_detail span { position: absolute; left: 0; bottom: 0; width: 100%; height: 12px; background: #dbdad4; z-index: 0 }


/* FAQ よくある質問*/
.faq { padding: 40px 0 }
.faq h4 { line-height: 40px; vertical-align: middle; padding-left: 80px; margin-bottom: 20px; position: relative }
.faq h4 img.q { position: absolute; left: 0; top: 0 }
.faq .answer { padding: 20px 20px 0 80px; position: relative; border-top: dotted 1px #dbdad4 }
.faq .answer img.a { position: absolute; left: 0; top: 20px; opacity: 0.5 }
.faq .answer .read { margin-bottom: 20px }
.faq .txt_link, .faq .txt_mail { margin-top: 0; margin-right: -20px; text-align: right }


/* ACCESS アクセス*/
.gmap { margin: 0 -20px 40px }
.acsnav { padding: 1em 0 0 !important; margin: 2em 0 0 !important; border-top: dotted 1px #dbdad4 }
.acsnav li { padding: 0 0 1em; }
.acsnav li.tit { float: left; width: 25%; text-indent: 0 !important; }
.acsnav li.tit ul { padding-left: 2em }
.acsnav li.tit .txt_link { letter-spacing: 0.24em; font-size: 15px }
.acsnav li.tit .txt_link a { padding: 0 0 0 2.2em; }
.acs-tit { height: 64px; padding-left: 84px; margin-bottom: 60px; position: relative; }
.acs-tit img { position: absolute; left: 0; top: 0 }

/* INQUIRY お問い合わせ*/
#inquiry p.read.lgr { font-size: 24px !important; font-weight: 400; margin-bottom: 1em }

/* NEWS ニュース */
#news-idx { margin-top: -40px }
.sec-idx { max-width: 920px; margin: 0 auto; padding: 80px 0; text-align: left; position: relative }
#news-idx .top-news li { min-height: 100px !important; padding: 20px 40px; background: url("../img/dotline.png") repeat-x bottom; background-size: 8px; position: relative; }
#news-idx .top-news li .ph { position: absolute; left: 40px; top: 20px; }
#news-idx .top-news li .news-inner { min-height: 100px !important; padding: 0 0 0 190px; font-size: 16px; }
#news-idx .top-news li:hover { background: #f3f3f1 }
.post-navigation { margin-top: 4em; width: 100%; }
.screen-reader-text { display: none }
.nav-next, .nav-previous { display: inline-block; width: 50%; }
.nav-next { text-align: right }
.nav-previous { text-align: left }
.post-navigation a { padding: 1em 3em 1em 1em; display: block; position: relative; line-height: 1.6em }
.nav-previous a { padding: 1em 1em 1em 3em; border-right: solid 1px #dbdad4; }
.post-navigation a .arw { width: 16px; height: auto; position: absolute; right: 1em; top: 50%; margin-top: -8px; }
.nav-previous a .arw { left: 1em; right: inherit }
.entry-content em { font-style: italic }

#search { text-align: right; }
#search select{
  -webkit-appearance:none;
  appearance:none;
  padding:1em 2em 1em 1em;
  box-sizing:border-box;
  font-size:1em;
  border:dotted 1px #dbdad4;
  border-radius: 3px;
  background:#fff;
	cursor: pointer;
}
#search input{
	-webkit-appearance:none;
	appearance:none;
	padding:0.8em 2em;
	border-radius: 6px;
  background: #dbdad4;
	cursor: pointer;
}


.grey-box { background: #f7f7f7; padding: 0 1em }
table.no-bdr, table.no-bdr th, table.no-bdr td { border: none !important }
table.no-bdr th { vertical-align: top }

.wid2 { width: 50% !important }
.wid3 { width: 33.33% !important }
.wid4 { width: 25% !important }
.date { color: #3173ae; font-weight: 400; letter-spacing: 0.12em }
.no-b { border: none }
.serif { font-family: Didot, "Times New Roman", Times, "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }
.nm { font-family: number, Didot; }
.bg-w { background-color: #fff }
.cap { margin-top: 1em; font-size: 14px !important }

.mb0 { margin-bottom: 0 !important }
.pb0 { padding-bottom: 0 !important }
.mb20 { margin-bottom: 20px !important }
.mb40 { margin-bottom: 40px !important }
.pb40 { padding-bottom: 40px !important }
/*///スペース空け///*/
.mt-1 { margin-top: 1em !important }
.mt-2 { margin-top: 2em !important }
.mt-3 { margin-top: 3em !important }
.mt-4 { margin-top: 4em !important }
.mt-5 { margin-top: 5em !important }
.mb-1 { margin-bottom: 1em !important }
.mb-2 { margin-bottom: 2em !important }
.mb-3 { margin-bottom: 3em !important }
.mb-4 { margin-bottom: 4em !important }
.mb-5 { margin-bottom: 5em !important }
/*///テキストサイズ調整///*/
.ts-larger { font-size: 1.2em !important }
.ts-smaller { font-size: 0.8em !important }

.bl { color: #0174b3 }
.bl1 { color: #06477f }
.bl2 { color: #0174b3 }
.bl3 { color: #007e96 }

.pc { display: block }
.pc-none { display: none }
.sp { display: none }




@media screen and (max-width: 768px){

	body { font-size: 12px; letter-spacing: 0.08em;  }
	body p, th, td { font-size: 12px; line-height: 1.8em; letter-spacing: 0.12em; }
	h2,h3,h4,h4,h5 { line-height: 1.4em; }
	
	#wrapper { min-width: inherit; padding-bottom: 20px }
	#wrapper-inner { padding: 0 0 40px } 
	
	#header { position: fixed; left: 0; top: 0; width: 100%; height: 40px; background: #fff; text-align: left; z-index: 10000 }
	#header h1 { padding: 13px 20px }
	#header h1 img { height: 14px }
	#header #global-nav { position: fixed; right: -50%; top: 0; width: 50%; background: #edece9 }
	#header #global-nav li { display: inline-block; }
	#header #global-nav li a { display: block; padding: 0 30px; border-bottom: solid 1px #fff; font-weight: 400; letter-spacing: 0.24em; line-height: 1em; position: relative; }
	#header #global-nav li a p { position: relative; z-index: 10; line-height: 1.4em; padding: 0 0.2em; }
	#header #global-nav li.cur a p { background: #261d1b; color: #fff; font-weight: 400; line-height: 1.5em; padding: 0 0.2em }
	#header #global-nav li a span { position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #edece9; z-index: 0 }
	#header #lang { position: fixed; right: -50%; top: inherit; width: 50%; text-align: center }
	#header #lang li { display: inline-block; padding: 22px 0 }
	#header #lang li a {  }
	#btn-menu { position: absolute; right: 0; top: 0; width: 54px; height: 40px; display: block; cursor: pointer }
	#btn-menu span { position: absolute; width: 26px; height: 1px; background: #dbdad4 }
	#btn-menu span.ln1 { left: 14px; top: 15px; }
	#btn-menu span.ln2 { left: 14px; top: 20px; }
	#btn-menu span.ln3 { left: 14px; top: 25px; }
	
	#top-main { margin-top: 40px; }
	.today { position: absolute; right: 0; top: 0; background: #2e2e2e; text-align: center; padding: 5px 10px 2px; color: #fff; }
	.today .year { font-size: 9px; }
	.today .date { font-size: 20px; }
	.today .dayofweek { font-size: 9px; }
	.today p { font-size: 10px; }
	
	.top-sec { padding: 0; max-width: inherit; min-width: inherit; margin: 0 auto }
	.top-sec .tsec-inner { padding: 20px }
	
	#top-info {}
	#top-info .tsec-inner h3 { position: absolute; left: 20px; top: 20px; font-size: 12px; font-weight: 500; line-height: 2em }
	#top-info .tsec-inner p { padding-left: 80px; text-align: left }
	
	#top-news { text-align: left; padding-top: 40px; position: relative }
	#top-news .top-news { width: 100% }
	#top-news .top-news h2 { font-size: 22px; font-weight: 600; line-height: 1em; margin-bottom: 0; padding: 0 20px }
	#top-news .top-news li { height: 80px; padding: 20px; }
	#top-news .top-news li .ph { position: absolute; left: 20px; top: 20px; height: 80px; width: auto }
	#top-news .top-news li .news-inner { padding: 0 0 0 140px; font-size: 13px }
	#top-news .calender { width: auto; position: relative; right: inherit; top: inherit; text-align: left; padding: 20px }
	.calender h2 { font-size: 22px; margin-bottom: 0 }
	.calender table { border-bottom: solid 1px #c9c7c6; width: 100% }
	.calender table th { width: 14.285%; font-size: 12px; text-align: center; padding: 14px 0 }
	.calender table td { width: 14.285%; font-size: 12px; text-align: center; padding: 14px 0 }
	.calender table td img { width: 36px;  margin: -18px 0 0 -19px; z-index: 0 }
	.calender p { padding: 10px 0 0 }
	
	#top-idx { text-align: left; padding-top: 40px; position: relative }
	#top-idx ul { padding: 0 20px }
	#top-idx li.top-idx { float: none; width: 100% }
	#top-idx li.top-idx .idx-inner .idx-tit h2 { padding: 20px 0 40px; font-size: 22px; }
	#top-idx li.top-idx .idx-inner .idx-tit h2 span.ja { font-size: 14px; display: block }
	
	.logo-ill { padding: 80px 0 30px}
	.logo-ill img { width: 120px }
	.links { padding: 0 0 10px }
	.links li { padding-right: 0; height: auto }
	.links li a { padding: 16px 42px; display: inline-block; border-top: solid 1px #edece9 }
	.links li a img { height: 14px }
	.links li img.sepline { display: none }
	
	#footer { background: #e1e1dc; padding: 40px 30px 24px; position: relative }
	#footer .footer-inner { max-width: inherit; min-width: inherit; margin: 0 auto; text-align: left }
	#footer .footer-inner h1 { margin-bottom: 20px }
	#footer .footer-inner h1 img { height: 16px }
	#footer .footer-inner p { font-weight: 400 !important ; margin-top: 1em }
	#footer .footer-inner .foot { margin-top: 0; position: absolute; left: 30px; bottom: 20px }
	#footer .footer-inner p.copyright { display: inline-block; line-height: 11px; }
	#footer .footer-inner p.copyright img { height: 11px }
	#footer .footer-inner p.credit { display: inline-block; line-height: 14px; font-size: 11px; margin-left: 0 }
	#footer .sitemap { position: relative; right: inherit; top: inherit; width: 100%; margin: 3em 0 }
	#footer .sitemap ul { width: 50%; float: left; text-align: left; line-height: 1.6em; padding-bottom: 2em }
	#footer .sitemap ul li { padding: 0 0 14px; font-weight: 400 !important }
	#footer .sitemap ul li.lw { padding: 2px 0 2px 1em; font-size: 11px }
	#footer .share { position: absolute; right: 20px; bottom: inherit; top: 36px }
	#footer .share img { height: 36px }
	
	#pagetop { right: 0; bottom: -50px; padding: 15px; }
	#pagetop img { height: 24px }
	
	
	/* Lower Pages*/
	#contents { padding: 0 }
	#main { margin-top: 40px; position: relative }
	#main .vis { margin: 0 -20% }
	#main h2.bigtit { position: absolute; left: 0; bottom: -22px; padding: 15px 0; width: 50% !important; background: #dbdad4; text-align: left }
	#main h2.bigtit img { height: 32px; margin-left: 30px }
	#main .locnav { display: none }
	
	.locnav { padding: 30px 20px 10px; text-align: left }
	.locnav li { display: inline-block; }
	.locnav li a { display: inline-block; padding: 12px }
	
	.sec { max-width: inherit; margin: 0 auto; padding: 40px 20px; text-align: left; top: 40px; }
	.sec .sec-inner { padding: 20px 0 }
	.sec h3 { font-size: 17px; margin-bottom: 30px; font-weight: bold; letter-spacing: 0.32em }
	.sec h3.en { font-size: 18px }
	.sec h4 { font-size: 16px; margin-bottom: 16px; font-weight: bold; letter-spacing: 0.32em; }
	.sec h5 { font-size: 15px; margin-bottom: 10px; font-weight: 500; letter-spacing: 0.24em; }
	.sec h5.mt { margin-top: 16px }
	.sec p { font-size: 13px }
	.sec p.read { font-size: 14px; letter-spacing: 0.28em }
	.sec table.tbl { font-size: 14px; margin-top: 0; }
	.sec ul { margin: 2em 0 0 1em }
	.sec ul.mt { margin: 4em 0 0 1em }
	.sec ul li { line-height: 1.66em; padding: 0 0 1em; text-indent: -1em }
	.sec ol { margin: 2em 0 0 2em }
	.sec ol.mt { margin: 4em 0 0 2em }
	.sec ol li { list-style-position: outside; list-style-type: disc; line-height: 1.66em; padding: 0 0 1em }
	.sec figure { padding: 20px 0 }
	.block { padding: 40px 0 0 }
	.sec h3.ico { height: 64px; line-height: 64px; vertical-align: middle; display: inline }
	.sec h4.ico { height: 40px; line-height: 40px; vertical-align: middle }
	.sec h4.ico img { margin-right: 5px; height: 40px }
	
	.fd { opacity: 0; top: 40px; position: relative }
	
	.btn_link { margin-top: 30px }
	.btn_link.mt { text-align: center; margin-top: 20px }
	.btn_link a { padding: 16px 0; }
	.btn_link a p { font-size: 14px; font-weight: 500; letter-spacing: 0.36em; }
	.btn_link a .arw { position: absolute; right: 16px; top: 50%; width: 16px; height: auto; margin-top: -8px; z-index: 10 }
	.btn_back { margin-top: 30px }
	.btn_back.mt { text-align: center; margin-top: 20px }
	.btn_back a { padding: 16px 0; }
	.btn_back a p { font-size: 14px; font-weight: 500; letter-spacing: 0.36em; }
	.btn_back a .arw { position: absolute; left: 16px; top: 50%; width: 16px; height: auto; margin-top: -8px; z-index: 10 }
	.txt_link { margin-top: 1em; }
	.txt_link a { display: inline-block; padding: 0 1em 0 1.5em; position: relative }
	.txt_link a .arw { position: absolute; left: 0; top: 50%; width: 12px; height: auto; margin-top: -6px; }
	
	.visuals { margin: 0; padding: 0; opacity: 0; top: 40px; position: relative }
	.visuals .vis { float: left; width: 33.33% }
	.visuals .vis .vis-inner { padding:  0; }
	
	.column-two { margin: 0 }
	.column-two .cont { float: none; width: 100% }
	.column-two .cont .cont-inner { padding: 0 0 40px }
	
	/* ABOUT N'sYARDについて*/
	.yardmap { margin-top: 40px }
	.yardmap p { padding: 0 0 20px }
	
	
	/* Facility 施設案内*/
	#schedule .block { padding: 20px 0 }
	#schedule .calender { width: 100%; float: none; padding-top: 0 }
	#schedule p.cap { padding: 0; margin-top: 0 }
	.faci { position: relative; }
	.faci .ph { position: relative; left: inherit; top: inherit; width: 100%; margin-bottom: 20px }
	.faci .cont { min-height: inherit; padding-left: 0; position: relative }
	.faci .cont h4 { font-size: 18px }
	.faci .cont a.btn_detail { position: relative; right: inherit; bottom: inherit; padding: 10px 20px 5px; display: inline-block; }
	.faci .cont a.btn_detail p { position: relative; font-size: 16px; font-weight: bold; letter-spacing: 0.32em; line-height: 1em; z-index: 10 }
	.faci .cont a.btn_detail span { position: absolute; left: 0; bottom: 0; width: 100%; height: 12px; background: #dbdad4; z-index: 0 }
	
	
	/* FAQ よくある質問*/
	.faq { padding: 20px 0 }
	.faq h4 { line-height: 32px; vertical-align: middle; padding-left: 52px; margin-bottom: 8px; }
	.faq .answer { padding: 12px 0 0 52px; }
	.faq .answer img.a { position: absolute; left: 0; top: 16px; opacity: 0.5 }
	.faq .answer .read { margin-bottom: 16px }
	.faq .txt_link { margin-top: 1em; margin-right: 0; text-align: left }
	.faq img.q, .faq img.a { width: 40px }
	
	
	/* ACCESS アクセス*/
	.gmap { margin: 0 -20px 20px }
	.acsnav li { padding: 0 0 0.5em !important; }
	.acsnav li.tit { width: 50%; }
	.acsnav li.tit:first-child { width: 100%; }
	.acsnav li.tit .txt_link { letter-spacing: 0.2em; font-size: 14px }
	.acsnav li.tit .txt_link a { padding: 0 0 0 1.5em; }
	.acs-tit { height: 64px; padding-left: 76px; margin-bottom: 30px; }
	
	
	/* INQUIRY お問い合わせ*/
	#inquiry { padding-top: 60px !important }
	#inquiry p.read.lgr { font-size: 20px !important; font-weight: 400; margin-bottom: 1em }
	
	
	/* NEWS ニュース */
	#news-idx { margin-top: 20px }
	.sec-idx { max-width: inherit; margin: 0 auto; padding: 0; text-align: left; position: relative }
	#news-idx .top-news li { min-height: 80px !important; padding: 20px; }
	#news-idx .top-news li .ph { position: absolute; left: 20px; top: 20px; height: 80px; width: auto }
	#news-idx .top-news li .news-inner { min-height: 80px !important; padding: 0 0 0 140px; font-size: 13px }
	.post-navigation { margin-top: 2em; }
	.screen-reader-text { display: none }
	.nav-next, .nav-previous { display: inline-block; width: 50%; }
	.nav-next { text-align: right }
	.nav-previous { text-align: left }
	.post-navigation a { padding: 1em 2em 1em 1em; display: block; position: relative }
	.nav-previous a { padding: 1em 1em 1em 2em; border-right: solid 1px #dbdad4; }
	.post-navigation a .arw { width: 12px; height: auto; position: absolute; right: 0; top: 50%; margin-top: -6px }
	.nav-previous a .arw { left: 0; right: inherit }
	
	#search { padding-right: 20px; margin-top: 40px }

	.br:before {
		content: "" ;
		white-space: pre ;
	}

	.lcnrw { letter-spacing: 0.12em !important }
	.wid2 { width: 100% !important }
	.wid3 { width: 100% !important }
	.wid4 { width: 50% !important }
	.pc { display: none }
	.sp { display: block }
	.sp-none { display: none }
	.spw { width: 100%; height: auto }
}


@media screen and (max-width: 320px){
	#search select{
		padding:1em;
	}
	#search input{
		padding:0.8em 1em;
	}

}