@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 {
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }
  
/* Global Reset & Standards ---------------------- */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size:16px }
body { font-family:'メイリオ', Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', sans-serif; font-size: 100%; line-height:1; color:#4d4d4d; font-weight:nomal; position: relative; -webkit-font-smoothing: antialiased; }
img { border:0px; max-width: 100%}
figure { margin: 0 }

/* The Grid ---------------------- */
.row { width:960px; max-width: 100%; min-width: 601px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -8px; }
.row.collapse .column,
.row.collapse .columns { padding: 0 }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -8px; }
.row .row.collapse { margin: 0 }
.column,
.columns { float: left; min-height: 1px; padding: 0 8px; /* position: relative;*/ }
.column.centered,
.columns.centered { float: none; margin: 0 auto; }
[class*="column"] + [class*="column"]:last-child { float: /*right*/left }
[class*="column"] + [class*="column"].end { float: left }
.one,.row .one { width: 8.33333% }
.two,.row .two { width: 16.66667% }
.threes,.row .threes { width: 20% }
.three,.row .three { width: 25% }
.four,.row .four { width: 33.33333% }
.five,.row .five { width: 41.66667% }
.six,.row .six { width: 50% }
.seven,.row .seven { width: 58.33333% }
.eight,.row .eight { width: 66.66667% }
.nine,.row .nine { width: 75% }
.ten,.row .ten { width: 83.33333% }
.eleven,.row .eleven { width: 91.66667% }
.twelve,.row .twelve { width: 100% }
.row:before,.row:after { content: ""; display: table; }
.row:after { clear: both }
img,object,embed { height: auto }
object,embed { height: 100% }
img { -ms-interpolation-mode: bicubic }


/* google map ---------------------- */
.ggmap { position:relative;  /*padding-bottom: 56.25%; padding-top: px;*/ height: 224px; overflow: hidden; }
.ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


h1,h2,h3,h4,h5,h6,p,a{ font-family:'メイリオ', Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', sans-serif; color:#4d4d4d; text-rendering: optimizeLegibility; line-height: 1;  }
p { font-size: 16px; font-size: 1.0rem; line-height: 1.75; }
h1 { font-size: 51px; font-size: 3.187rem; line-height: 1; }
h2 { font-size: 36px; font-size: 2.25rem; line-height: 1;}
h3 { font-size: 26px; font-size: 1.625rem; line-height: 1; }
h4 { font-size: 18px; font-size: 1.125rem; line-height: 1;}
h5 { font-size: 20px; font-size: 1.25rem; line-height: 1;}
.kome { font-size: 13px; font-size: 0.72rem; line-height: 1; }
.strong,b { font-weight: bold; line-height: 1.444; }

hr { clear: both; /*margin: 8px 0 8px; height: 0;*/ }

.mb9{ margin-bottom:9px;}
.mb12{ margin-bottom:12px;}
.mb18{ margin-bottom:18px;}
.mb20{ margin-bottom:20px;}
.mb26{ margin-bottom:26px;}
.mb36{ margin-bottom:36px;}
.mb51{ margin-bottom:51px;}
.mb72{ margin-bottom:72px;}
.mb144{ margin-bottom:144px;}

.tar { text-align:right;}
.tac { text-align: center;}

.noleftmargin { margin-left: 0px; padding-left: 0px;}
.nomargin { margin: 0px; padding: 0px;}
.norightmargin { margin-right: 0px; padding-right: 0px;}

#page-top { font-size:100%; position: fixed; bottom: 20px; right: 20px; margin-bottom:5px;}
#page-top a { color: #000;  background:#666; text-decoration: none; padding: 20px 25px; text-align: center; display: block; border-radius: 50px;}
#page-top a:hover {text-decoration: none; opacity:0.6;}

.onlymobile { display:none; }

ul { list-style:none; }
a { text-decoration: none; }

.copyright p{ font-size:12px; padding:6px; text-align:center;}


i { margin:0 0.5%; }
.pdl18 { padding-left:18px; }
.pdr18 { padding-right:18px; }


/* CONTENT ---------------------- */
/* top ------- */
header{ padding:51px 0px 0px; background-color:#4d4d4d; }
header h1 { font-size:0px; }
nav { }
nav ul{ }
nav li { display:inline-block; width:15%;  margin-right:8px; border-bottom:1px dashed #fff; text-align:center;  }
nav li:last-child { margin-right:0px;  }
nav li a{ color:#fff; padding:25.5px 0px; display:block; text-align:center; font-size: 20px; font-size: 1.25rem; line-height: 1; font-family: Century, serif; font-weight:normal;-webkit-transition: all .8s; transition: all .8s; }
nav li a:hover { background-color:rgb(255,255,255,0.1); }
header p { padding:36px 0px 26px; font-size: 18px; font-size: 1.125rem; line-height:1; text-align:right; color:#fff; }
header p a i{ color:#fff; margin-left:0.5%; }
header p i:hover { opacity:0.5; }
header p a{ color:#fff; }

.flexslider-container{ padding:26px 0px; border-bottom:1px dashed #4d4d4d; margin-bottom:72px;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#000000',GradientType=1 ); /* IE6-9 */}

#pickup {  }
#pickup { padding-bottom:72px; text-align:center; border-bottom:1px dashed #4d4d4d; margin-bottom:72px;}
#pickup a img{ display:block; margin:0 auto; backface-visibility: hidden; margin-bottom:18px; transition:all .5s; -webkit-transition:all .5s;
box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.3); }
#pickup a img:hover { opacity:0.5;}
#pickup h3 a{ font-size:26px; font-size:1.625rem; line-height:1; font-family: Century, serif; transition:all .3s; -webkit-transition:all .3s; }
#pickup .box:hover{ background-color:#39ae4a; }
#pickup p { font-size: 13px; font-size: 0.72rem; line-height: 1; margin-top:13px; }
#pickup h3 a:hover{ letter-spacing:3px; }

#title h2{ font-size: 26px; font-size: 1.625rem; line-height:1;  font-family: Century, serif;  margin-bottom:36px; padding: 0.1em 0em 0em 0.45em; border-left: 36px solid #4d4d4d; height:36px; background-color:rgb(77,77,77,0.08);}
h3.title{ font-weight: bold; font-size:18px; font-size:1.0rem; line-height:1; margin-bottom:12px;
position: relative; padding-bottom:13px; border-bottom: 1px solid #4d4d4d; }
h3.title:after { position: absolute; bottom: -1px; left: 0; z-index: 2; content: '';  width: 20%; height: 4px; background-color: #4d4d4d; }

#news { margin-bottom:72px; }
table.news { border-collapse: collapse; width: 100%; border-top:none; }
table.news tr { border-bottom: 1px dotted #4d4d4d; border-top: 1px dotted #4d4d4d;}
table.news th { padding: 18px 0px; width: 20%; text-align:left; line-height:1; font-weight:nomal; }
table.news td { padding: 18px 8px 18px 18px; width: 80%; line-height:1.444; }

#info { margin-bottom:72px; }
#info p.tel { font-size: 36px; font-size: 2.25rem; line-height: 1;  font-weight:bold; letter-spacing:-0.05em; padding:18px 0px 0px; border-top:1px dashed #4d4d4d;}
#info p.tel a{ color:#4d4d4d; }
#info p { margin-bottom:12px; }
#info a.button{ color:#fff; font-weight:bold; padding:9px 0px; display:block; width:217px; margin:; text-align:center;  border:1px solid #fff; background: #4d4d4d;   -webkit-transition: all .5s; transition: all .5s;}
#info a.button:hover { border:1px solid #4d4d4d; color:#fff; background-color:#808080;}
#info p.line { font-size: 28px; font-size: 1.754rem; line-height: 1;  font-weight:bold; letter-spacing:0em; padding:18px 0px 0px; border-top:1px dashed #4d4d4d;}
#info p.line a:hover { text-decoration:underline; }


footer { padding:36px 0px; background-color:#4d4d4d; margin-top:144px; }
footer h2 { color:#fff; margin-bottom:12px; }
footer ul {}
footer ul li { display: inline-block; color: #fff; line-height: 1.75; }
footer ul li a { color:#fff; }
footer ul li a:hover { opacity:0.5; }


#ig_timeline{ width: 90%; height: 520px; margin-left: 5%;}
/* sub ------- */
header.sub { margin-bottom:36px; }
footer.sub { margin-top:72px; }
h3.title-sub{ font-weight: bold; font-size:18px; font-size:1.0rem; line-height:1; margin-bottom:30px;
position: relative; padding-bottom:13px; border-bottom: 1px solid #4d4d4d; }
h3.title-sub:after { position: absolute; bottom: -1px; left: 0; z-index: 2; content: '';  width:16.66667%; height: 4px; background-color: #4d4d4d; }

ul.gallery li { margin-bottom:35px; }
ul.gallery li:last-child{ margin-bottom:72px; }
ul.gallery li p { padding-top:9px; line-height:1; height:41px; }

.gallery li.six.columns p { text-align:center; }

table { border-collapse: collapse; width: 100%; border-top:none;}
table tr { border-bottom: 1px dotted #4d4d4d; }
table th { padding: 14px 28px; width: 25%; font-weight:bold; text-align:right; vertical-align:middle; }
table td { padding: 14px 28px; width: 75%; line-height:1.444;}

p.contact-tel { font-size: 51px; font-size: 2.83rem; line-height: 1; color:#ba272d; font-weight:bold; margin-bottom:14px;}
p.contact-tel a{ color:#ba272d; }
p span{ color:#ba272d; font-weight:bold; }
p span a{ color:#ba272d;}
p.contact-line { font-size: 51px; font-size: 2.83rem; line-height: 1; color:#4d4d4d; font-weight:bold; margin-bottom:14px;}

table.contact { margin-top:32px; }
table.contact tr { border-top: 1px dotted #4d4d4d; border-bottom:none; }
table.contact tr:first-child { border-top:none; }
table.contact th { padding: 14px 28px; width: 33.3%; font-weight:bold; text-align:right; vertical-align:middle; }
table.contact th span { color: #fff; background-color: #4d4d4d; font-size: 13px; line-height: 1; font-size: 0.72rem; padding: 1px 3px; }
table.contact td { padding: 14px 28px; width: 66.6%; }
table.contact textarea { width: 70% }
table.contact input[type="text"] { width: 50%; }
table.contact input[type="submit"]{ color:#fff; padding:16px 18px;  font-size: 18px; font-size: 1.00rem; line-height: 1;  color:#fff; font-weight:bold;
border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
border:1px solid #fff; background: #4d4d4d;  -webkit-transition: all .5s; transition: all .5s; }
table.contact input[type="submit"]:hover{ border:1px solid #4d4d4d; color:#fff; background-color:#808080; }

#contents a { font-weight:bold; }
#contents a:hover { text-decoration:underline; }

.top-cpntent2 { padding-top:51px; }

 

/* sub ------- 
nav.sub { padding:26px 0px; border-bottom:3px solid #000; margin-bottom:26px; }






*/


@media only screen and (max-width: 940px) {
	
	header { padding-top:26px; }
	header .three.columns{ width:100%; float:none !important; }
	header .nine.columns{ width:100%; float:none !important; margin-top:16px;  }
	header p {  text-align:left; padding:26px 0px; }
	
	ul.gallery li { margin-bottom:26px; }
	ul.gallery li p { padding-top:9px; line-height:1; height:41px; }
}



@media only screen and (max-width: 740px) {
	.pdl18 { padding-left:8px; }
	.pdr18 { padding-right:8px; }
	
	nav li { width:31.9%; margin-right:4px; }
	.top-cpntent .six.columns.pdr18{ width:100%; float:none !important; }
	.top-cpntent .six.columns.pdl18{ width:100%; float:none !important; }
	
	.onlymobile { display:inherit; }
	.onlypc { display:none;}
	
	
	
	
}


@media only screen and (max-width: 600px) {
	html { font-size:16px }
	body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
	.row { width: 100%; max-width: 100%; min-width: 1px; margin: 0 auto; } 
	.column, .columns { width: auto !important; float: none; }
	.column:last-child, .columns:last-child { float: none }
	[class*="column"] + [class*="column"]:last-child { float: none }
	.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
	.column:after, .columns:after { clear: both }
	.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important }
	.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto }
	.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto }
	/* Mobile 4-column Grid */
	.row .mobile-one { width: 25% !important; float: left; padding: 0 5px; }
	.row .mobile-one:last-child { float: right }
	.row .mobile-one.end { float: left }
	.row.collapse .mobile-one { padding: 0 }
	.row .mobile-two { width: 50% !important; float: left; /*padding: 0 5px;*/ padding: 0 10px 0px 0px; margin-bottom:10px;}
	.row .mobile-two:last-child {  float: /*right*/left }
	.row .mobile-two.end { float: left }
	.row.collapse .mobile-two { padding: 0 }
	.row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
	.row .mobile-three:last-child { float: right }
	.row .mobile-three.end { float: left }
	.row.collapse .mobile-three { padding: 0 }
	.row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
	.row .mobile-four:last-child { float: right }
	.row .mobile-four.end { float: left }
	.row.collapse .mobile-four { padding: 0 }
	.noleftmarg {padding:0px !important;}
	
	.noleftmargin { margin: 0px; padding: 0px;}
	.nomargin { margin: 0px; padding: 0px;}
	.norightmargin { margin: 0px; padding: 0px;}
	
	
	
	/* top ------- */
	#pickup .four.columns { width:33.3% !important; float:left; }
	.gallery li.four.columns { width:50% !important; float:left; }
	.gallery li.six.columns { width:50% !important; float:left; }
	
	/* sub ------- */
	
	
	table th { padding: 14px 8px; }
	table td { padding: 14px 8px; }
	table.contact th { padding: 14px 8px; }
	table.contact td { padding: 14px 8px; }
	
 }
 
 
@media only screen and (max-width: 430px) {
	ul.gallery li p { height:41px; }
	
}