@charset "utf-8";

/* Reset CSS
-------------------------------------------------------------- */
html { overflow-y: scroll;}
html,body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption { margin:0; padding:0;}
:focus { outline: 0; }
address, caption, cite, code, dfn, em, strong, th, td, var { font-style: normal;font-weight: normal;}	
table.table { border-collapse: separate;border-spacing: 0;} 
caption, th { text-align: left;}	
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
object, embed { vertical-align: top;}
hr, legend { display: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
img, abbr, acronym, fieldset { border: 0; }
img { vertical-align: top;	-ms-interpolation-mode: bicubic; -webkit-backface-visibility: hidden;}

ul li , ol { list-style-type: none;}
i { font-style:normal;}

/* Clearfix */
.cf:before,.cf:after {content: " "; display: table;}
.cf:after {clear: both;}

/* Body-mobile first
------------------------------------------------------------- */
body {width: 100%; margin: 0; padding: 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing: -0.001em;-webkit-text-size-adjust: 100%; 
background: ;
color:#000;overflow:hidden;
font-size: 16px;line-height:1.6;
}
@media print, screen and (min-width:768px) {
body { font-size:15px;}
}

/* ------------------------------------------------
  sp pc 
---------------------------------------------------*/
/* sp tablet */
@media screen and (max-width:767px) {
.sp { display: block; }	
.pc { display: none; }
/* tel */
a[href^="tel:"] { cursor: pointer;}
/*android- taperror */
* { -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;outline: none; }
}
/* pc */
@media print, screen and (min-width:768px) {
.sp { display: none; }
.pc { display: block;}
/* tel */
a[href^="tel:"] { cursor: default;}
}

/* ---------------------------------------
   Link Anchor　#0085B2; nav #47ADCF
------------------------------------------*/
a { outline: none;text-decoration: none;color:#0085B2;}
a { color:rgba(245,8,141,1.00)}

a:hover { color: rgba(245,3,131,1.00);text-decoration: none;}
.header li a:hover { text-decoration:none;}

/* home */
#news li a { color:#000;}
#news li a:hover { color:#0085B2;}

/* footer */
footer a { color:#333; text-decoration:none;}
footer a:hover { text-decoration:underline;}


/* -----------------------------------------------------------
   pageSettings
-------------------------------------------------------------- */
.fixed { position: fixed; top: 0; width: 100%;}
img { max-width: 100%; height: auto;}
/* txt・img */
p { font-size:100%; }
.center { text-align: center; }
.left { text-align:left; }
.right { text-align:right; }
.img { text-align: center; }
.imgL img { float: left; padding: 0 1em 1em 0; }
.imgR img { float: right; padding: 0 0 1em 1em; }
/* Read More */
.rmore { clear:both; cursor: pointer;display:block; width:240px; height:30px;margin:0 auto;padding:20px 0 10px;border-radius:2px; line-height:1.2; text-align:center;}
.rmore { color: #fff;background:#59A7C3; overflow:hidden;}
.rmore a { color:#fff;display:block; text-decoration:none;font-size:14px;text-align:center;font-weight:bold; }

/* ------------------------------------------------
   header　
---------------------------------------------------*/
/* pc-sp Header  */
.header{ position:fixed;top:0;width:100%;z-index:9100;}
header .inner_wrap { max-width:960px; margin:0 auto; padding:0;}
.header h1 { display:none; 
position: absolute; top:12px; left:8px;color:#fff; margin:0; padding:0; line-height:1.3; margin-right:30px;}
.header p { position: absolute; top:12px;right:8px;color:#fff; margin:0; padding:0;}

header li a { font-size:100%;display:block;}
header li a:hover {text-decoration:none;}
/*iconリンク-電話・メール・sns-height:48px;*/
.aicon p { display:inline-block; margin:0 1%; width:38px; height:38px; vertical-align:middle;text-indent:100%;
white-space:nowrap;overflow:hidden;}
.aicon a{margin:0 1%; background:no-repeat; display:block; background-size:cover;width:38px; height:38px;}
.insta a{ background-image:url(../img/common/icon_insta.png) ;}

@media screen and (max-width:767px) {
header {padding-top:0px;}
header .inner_wrap { overflow:hidden;}
.header h1 {top:10px; left:8px;}
.cover { display:block;}
}

@media print, screen and (min-width:768px) {
/* pc-Header */
header{background-color:rgba(255,255,255,0.9);}
/*スクロール時表示.header/.hide2{top:xxx;}*/
.hide2 {background-color:rgba(255,255,255,0.9);}
}

/* ------------------------------------------------
  bgグラデ
---------------------------------------------------*/
.wrapbox { background:none;position: relative; padding-bottom:0px;overflow:hidden; z-index:1;}
.gra2 {z-index:-1;position: absolute;top: 0;left: 0;
  width: 100%;height:100%;  
  background:linear-gradient(to right, #a6d900 0%, #ff4454 100%);
  opacity: 0.2;
  animation: huerotator 8s infinite alternate;/*変化時間短め→8s*/
}
@keyframes huerotator {
  0% {
    -webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
  }
  100% {
    -webkit-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}

/* ------------------------------------------------
	content	共通設定
---------------------------------------------------*/
article { background:none;margin:0 auto;padding:0 10px 30px;overflow:hidden;}
article .inner { max-width:960px;box-sizing:border-box; margin: 0 auto;padding:0;	overflow:hidden;}

/* 頁タイトル・テキスト --------------------*/
h2 { clear:both; font-weight: normal; text-align:center;}

/* ------------------------------------------------
  header Img-Gnavに合わせる 
---------------------------------------------------*/
/* index - key visual　margin:80px 0 50px;*/ 
#visual { position:relative;z-index:100;margin:0px 0 20px; padding:0; width:100%;text-align:center; overflow:hidden;}
#visual h2 { display:none;
	position:absolute; top:45%; left:0; right:0; margin:0; padding:0; text-align:center;color:#fff; font-weight:600;text-shadow: rgb(0,0,0) 3px 3px 10px; letter-spacing:0.05em;}
#visual h2 span { display:none;}
	
@media screen and (max-width:767px) {	
#visual h2 { font-size:5.0vw;}
}
@media print, screen and (min-width:768px) {
#visual h2  { font-size:45px; top:43%; letter-spacing:0.1em;}
}

#key {border-radius:0%; }
/* sp-visual max-height:400px;*/ 
@media only screen and (max-width:767px) {	
#key { min-height:200px; margin-top:0px;}
#key { background:url(../img/top/bg769.jpg) center top no-repeat; background-size: cover; }
}
/*pc-imgBG 532→max-height:500px*/
@media only screen and (min-width:768px) {
#key { height:400px;max-height:400px; width:auto; margin:0 auto;}
#key { background:#CEC6D6 url(../img/top/bg1600.jpg) center top no-repeat; background-size: cover;}

}


/* topPHOTOギャラリー -------------------------------------*/
.photoG { max-width:900px; margin:0 auto; padding:0; overflow:hidden;}
/* slider ul.slideP / li  */
.slideP{ width:100%; margin:0 auto; padding:0;}
.slideP li {display:inline-block;max-width:160px;margin:0; padding:0; overflow:hidden;}
/**/
.slideP li { position: relative; background-repeat:no-repeat; background-size:contain;}
/* 指定幅100%　padding-top:0  */
.slideP li:before {content: ''; top:0; left: 0;width:100%;min-height:240px;display: block;}
/*
.slideP li:after { position: absolute; content: ''; top:0; left:0; display: block; width: 100%; height:240px;}
*/
#phs1 { background-image: url(../img/top/slide/IMG_01.jpg);}
#phs2 { background-image: url(../img/top/slide/IMG_02.jpg);}
#phs3 { background-image: url(../img/top/slide/IMG_03.jpg);}
#phs5 { background-image: url(../img/top/slide/IMG_11.jpg);}
#phs6 { background-image: url(../img/top/slide/IMG_05.jpg);}
#phs7 { background-image: url(../img/top/slide/IMG_10.jpg);}
#phs8 { background-image: url(../img/top/slide/IMG_08.jpg);}
#phs9 { background-image: url(../img/top/slide/IMG_09.jpg);}
.slideP li p {font-size:88%; margin-top:0; marginm:0;padding:0 1%; line-height:1.4;}
.slideP li p { margin-top:-25px; display:none;}

@media screen and (min-width:769px) {	
.photoG { margin-bottom:5px;}
}





/* ------------------------------------------------
 トップ main
---------------------------------------------------*/
article h2 {font-size:13px;letter-spacing:0.01em;margin-bottom:5px;padding:0;line-height:1.2; color:rgba(95,95,95,1.00)}
article .inner h3 { line-height:1.2; font-size:18px;letter-spacing:0.05em;
display: inline-block;color:#111; margin:0 auto 16px; padding:0;}
/* テキスト */
article .inner p { font-size:18px; margin-bottom:15px;line-height:1.8;}
article .inner p:last-child { margin-bottom:0;}
@media print, screen and (max-width: 767px) {
article .inner h3 { }	
}
@media print, screen and (min-width: 768px) {
}

/* .home box ------------------------------*/
article .inner {margin:0 auto 30px;padding:30px 10px; text-align:center;border:0px solid #fff; border-radius:30px;}
/*background-color:rgba(255,255,255,0.2);*/
article .inner:last-child{ margin-bottom:20px;}
article .inner { font-size:100%;}
article .inner ul { width:96%;margin:0 auto; padding:0;}
article .inner li {  font-size:100%; text-align:left;}
@media print, screen and (max-width: 767px) {
article .inner p {padding:0 1em;}	
}

/*lead ------------------------------------*/
article .lead p{ font-size:22px;}
article .lead li{display:block;margin:0 0.3em; background:rgba(255,255,255,0.4); padding:10px 10px; margin:0 auto 10px; border-radius:10px;}
article .lead li::before{ content:'';}
article .lead li span { font-size:88%; margin:0 0 0 1em; color:#111;}
@media print, screen and (max-width: 767px) {
article .lead li span { display:block; margin-left:0;}
}
@media print, screen and (min-width: 768px) {
article .inner {padding:30px 25px;}
}

/* .home News -------------------------------*/
#news { font-size:12px;max-width:960px;box-sizing:border-box; margin: 0 auto 30px;padding:10px 0;overflow:hidden;}
#news { border-top:1px solid #fff; border-bottom:1px solid #fff; border-radius:20px;background-color:rgba(255,255,255,0);}
/**/
#news h2 {font-size:12px; font-weight:500; font-family: Arial, Helvetica, sans-serif; margin-bottom:20px; letter-spacing:0.4em; color:#000;color:#0085B2;}#news ul { margin:0 auto; padding:0 30px;}
#news li { margin:0 0 20px; padding:5px 10px; line-height:1.2;}
#news li:last-child{ margin-bottom:5px;}
#news time { color:#000; font-weight:900; margin:0 0 5px; display:block;}
#news p {display:block;}
#news time::before{ content:'●'; color:#46ACCE; padding-right:0.5em;}

/*一覧を見る*/
#news b { display:block; font-size:12px; font-weight:normal; text-align:right;}
#news b a { color:#333; margin-right:15px;}
#news b a:after { content: " ＞"; font-size:10px; padding-left:5px;}
#news b a:hover { color:#0085B2;text-decoration:none;}

/* Newマーク */
.new { font-size:12px; background:#0099FF; color:#fff;padding:0 1em; margin-left:1em; line-height:1.5; text-decoration:none;}

@media print, screen and (min-width:768px) {
#news time {margin-right:1em; display:inline-block;}
#news p {display:inline-block;}
}


/*---------------------------------------------
　バナー
-----------------------------------------------*/
.ban ul {border: none;}
.ban li {border:0; margin:0 auto; padding:0; text-align:center;}
.ban ul:last-child li { margin-bottom:0;}
.ban a {display:block; margin:0; padding:0; border:0;}
.ban li img{width:100%; max-width:400px; height:auto;}



/* フッター
------------------------------------------------------*/
/*up */
#page-top {position:relative;z-index:5001;width:100%;}
#page-top a {position: fixed;bottom:8px;right:5px;background: url(../img/common/btn_up.png) no-repeat;text-decoration: none;display: block;text-indent:110%;white-space:nowrap;width:40px;height:40px;}	
@media print, screen and (max-width:767px) {
#page-top a {bottom:3px;}	
}

/*footer----------------------------------------------*/
#footer { clear:both; z-index:2;font-size:12px;width:100%;margin:50px 0 0; overflow:hidden;
}
/*background-color:rgba(255,255,255,0.7);*/
#foobox {max-width:960px;margin:0 auto;padding:0;text-align:center;overflow:hidden;}

/*logo */
#footer h2 {margin:0 0 10px; padding:0;}
#footer h2 a{ color:#111; text-decoration:none;}
#footer h2 span{ display:block; font-size:12px;}
#footer h2 img{ max-width:200px;}

#footer p { line-height:1.3; margin-bottom:5px;}
#footer ul { margin:0 auto 20px; }
#footer ul li{margin:0;line-height:1.2;overflow:hidden;}

/*footer-ul.fooad h2ロゴ*/
#footer ul.fooad{ margin-bottom:10px;}
#footer .fooad li{ margin-bottom:10px;}
/*banner*/
#footer .fooad li:nth-child(2) a img { width:100%;max-width:220px;}

/*footer-リスト*/
#footer .foolist li{ display:inline-block;margin:0 0.3em;}
#footer .foolist li::before{ content:'・';}

/* copyright */
#footer .copr {clear:both;text-align:center;color:#666; font-size:88%; padding:0 0 5px;}
#footer .copr a { color:#000;}

@media print, screen and (max-width:767px) {
#footer .fooad li:nth-child(2) a{ display:block; margin-bottom:10px;}
}
@media print, screen and (min-width:768px) {
}