@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:18px }
body { font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size: 100%; line-height:1; color:#000; 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: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; color:#000; text-rendering: optimizeLegibility; line-height: 1;  }
p { font-size:18px; font-size:1.0rem; line-height:1.444; }
h1 { font-size:51px; font-size:2.83rem; line-height:1; }
h2 { font-size:36px; font-size:2.00rem; line-height:1;}
h3 { font-size:26px; font-size:1.44rem; line-height:1; }
h4 { font-size:18px; font-size:1.00rem; line-height:1;}
h5 { font-size:20px; font-size:1.11rem; 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;}
.mb18{ margin-bottom:18px;}
.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:#fff;  background:#1b1464; 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%; }
.pdl16 { padding-left:16px; }
.pdr16 { padding-right:16px; }


/* CONTENT ---------------------- */
/* top ------- */
header{ padding:36px 0px;
background: rgb(41,164,219);
background: -moz-linear-gradient(top,  rgba(41,164,219,1) 0%, rgba(211,237,251,1) 100%);
background: -webkit-linear-gradient(top,  rgba(41,164,219,1) 0%,rgba(211,237,251,1) 100%);
background: linear-gradient(to bottom,  rgba(41,164,219,1) 0%,rgba(211,237,251,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29a4db', endColorstr='#d3edfb',GradientType=0 ); }
header .logo{ float:left; margin-right:8px;}
header .name h4{ color:#1b1464; font-size:13px; font-size:0.72rem; line-height:1; margin-bottom:10px; }
header .name p.yomi{ color:#1b1464; font-size:10px; font-size:0.555rem; line-height:1; margin-bottom:4px; }
header .name a h1{ color:#1b1464; font-size: 36px; font-size: 2.00rem; line-height: 1; font-weight:bold; }
header .tel { text-align:right; }
header .tel p.number{ color:#ba272d; font-weight:bold; font-size: 36px; font-size: 2.00rem; line-height: 1; margin-bottom:5px; padding-top:20px; letter-spacing: -0.05em; }
header .tel p.number a{ color:#ba272d; }
header .tel p.number i.fas.fa-envelope-square{ color:#fff; margin:0 0 0 1%; transition:all .3s; -webkit-transition:all .3s;}
header .tel p.number i.fas.fa-envelope-square:hover{ color:#1b1464; }
header .tel p { color:#1b1464;font-size:13px; font-size:0.72rem; line-height:1; letter-spacing:-0.015em;}

.flexslider-container{ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#000000',GradientType=1 ); /* IE6-9 */}

nav { padding:26px 0px; margin-bottom:72px; 
background: #309acc; }
nav ul { font-size:0; }
nav ul li { display:inline-block; width:16.666667%; padding:0px 1px; border-right:1px dashed #fff;}
nav ul li:last-child { padding-right:0px; border-right:none; }
nav ul li a{ color:#fff; padding:26px 0px; display:block; text-align:center;  font-size:18px; font-size:1.0rem; line-height:1; font-weight:bold;  transition:all .8s; -webkit-transition:all .8s;}
nav ul li a:hover{ background-color:rgb(27,20,100,0.2); }

#pickup { margin-bottom:21px; }
#pickup .box { border:1px solid #1b1464; border-bottom:8px solid #1b1464; margin-bottom:51px; transition:all .5s; -webkit-transition:all .5s;}
#pickup .box a img{ display:block; backface-visibility: hidden;  transition:all .5s; -webkit-transition:all .5s;}
#pickup .box a h3{ font-size:18px; font-size:1.0rem; line-height:1; padding:18px 0px; text-align:center; color:#1b1464; font-weight:bold; }
#pickup .box:hover{ background-color:rgb(48,154,204,0.2); border-bottom:8px solid #309acc;}
#pickup .box a img:hover { opacity:0.8; }

.title h2{ color:#1b1464; padding:18px 18px 18px 10px; font-size:18px; font-size:1.0rem; line-height:1; margin-bottom:26px; font-weight:bold; border:1px solid #1b1464; border-left: 8px solid #1b1464; }
h3.title{ font-weight: bold; margin-bottom:22px; padding:4px; font-size:18px; font-size:1.0rem; line-height:1; background-color:#1b1464; color:#fff; }

#new { margin-bottom:72px; }
table.news { border-collapse: collapse; width: 100%; border-top:none; }
table.news tr { border-bottom: 1px dotted #000; }
table.news th { padding: 18px 0px 18px 8px; width: 20%; font-weight:bold; text-align:left; line-height:1; }
table.news td { padding: 18px 8px 18px 18px; width: 80%; line-height:1; }
table.news td a { text-decoration: underline; color:#1b1464; }

#access { margin-bottom:72px; }
#access p.tel { font-size: 36px; font-size: 2.00rem; line-height: 1; color:#ba272d; font-weight:bold; margin:10px 0px 5px; letter-spacing:-0.05em}
#access p.tel a{ color:#ba272d; }
#access a.button{ color:#fff; font-weight:bold; padding:9px 0px; display:block; width:217px; text-align:center;  border:1px solid #fff; 
background: rgb(27,20,100);
background: -moz-linear-gradient(top,  rgba(27,20,100,1) 0%, rgba(48,154,204,1) 100%);
background: -webkit-linear-gradient(top,  rgba(27,20,100,1) 0%,rgba(48,154,204,1) 100%);
background: linear-gradient(to bottom,  rgba(27,20,100,1) 0%,rgba(48,154,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1464', endColorstr='#309acc',GradientType=0 );
 -webkit-transition: all .5s; transition: all .5s; }
#access a.button:hover { border:1px solid #1b1464; color:#fff; }
table.week { margin-top:18px; }
table.week tr { border: 1px solid #309acc;}
table.week tr:first-child { background-color:#d3edfb; }
table.week th { padding: 4px; vertical-align:middle; width: 30%; font-weight: normal; }
table.week td { border-left:1px dotted #309acc; padding: 4px; width: auto; text-align: center;  }

#sns .facebook { text-align: center; }

footer { padding:26px 0px; background-color:#309acc; margin-top:144px; }
footer h2 { color:#fff; font-weight:bold; margin-bottom:14px; }
footer ul {}
footer ul li { display: inline-block; color:#fff; font-weight:bold; line-height:1.444; }
footer ul li a { color:#fff;  transition:all .3s; -webkit-transition:all .3s;}
footer ul li a:hover { color:#1b1464}

/* sub ------- */
nav.sub { border-top:1px solid #fff;  }
footer.sub { margin-top:72px; }
ul.gallery li { margin-bottom:51px; }
ul.gallery li p { padding-top:9px; line-height:1; }
ul.gallery li:last-child { margin-bottom: 72px; }

table { border-collapse: collapse; width: 100%; border-top: 1px dotted #1b1464;}
table tr { border-bottom: 1px dotted #1b1464; }
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;}

table.outline td a { text-decoration: underline; color:#1b1464; }

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:#1b1464; font-weight:bold; }
p span:hover{ text-decoration: underline;}
p span a{ color:#1b1464;}
p span a:hover{ text-decoration: underline;}

table.contact { margin-top:32px; }
table.contact tr { border-top: 1px dotted #1b1464; border-bottom: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: #1b1464; font-size:13px; font-size: 0.72rem; line-height: 1; 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; font-weight:bold;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; 
border:1px solid #fff; background: #1b1464;  -webkit-transition: all .5s; transition: all .5s; }
table.contact input[type="submit"]:hover{ border:1px solid #42210b; color:#fff; background-color:#309acc; }






@media only screen and (max-width: 740px) {
	.pdl16 { padding-left:8px; }
	.pdr16 { padding-right:8px; }
	
	
	header .seven.columns{ width:100%; float:none !important; }
	header .five.columns.tel{ width:100%; float:none !important; text-align:left; margin-top:18px; }
	nav { padding-bottom:18px; }
	nav ul li { width:33.3333%; margin-bottom:2px; margin-bottom:8px; }
	nav ul li:nth-child(3n) { padding-right:0px; border-right:none; }
	#info .eight.columns{ width:100%; float:none !important; }
	#info .four.columns{ width:100%; float:none !important; }
	#info .four.columns .information { margin-top:51px; }
	
	



}


@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;}
	
	
	#pickup .four.columns { width:50% !important; float:left; } 
	
	/* sub ------- */
	.gallery li.four.columns { width:50% !important; float:left; }
	table th { padding: 14px 8px; }
	table td { padding: 14px 8px; }
	table.contact th { padding: 14px 8px; }
	table.contact td { padding: 14px 8px; }
	
	#new .mes { margin-bottom: 71px; }
	table.week{ margin-bottom: 36px; }
	#sns .facebook { margin-bottom: 51px }
	
 }