@charset "UTF-8";
/* CSSリセットここから */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url(https://fonts.googleapis.com/css?family=Lato:500,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);


html,body, div,span, applet, object, iframe,
 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, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 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: inherit;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
　　-webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
	color:#000;
	font-size:14px;
}
/*div{
	color:#fff;
	}*/
.text{
	line-height:2em;
	}
	
.bold{
	font-weight:bold;
	}
ul,li{
	list-style:none;
	}
a{
	text-decoration:none;
	}
#wrap{
	overflow:hidden;
	position:relative;
	z-index:2;
	background-color:#fff;
	}
body{
	    /*スマホで勝手に文字が大きくなる対策*/
	    -webkit-text-size-adjust: 100%;
	}	
/*ID pタグの文字を大きくしたくない場合*/
	p {
	    /*Androidブラウザフォントバグ対策*/
	    max-height: 999999px;  
	}	
.blu_txt{
	color:#00B4CA;
	}	
.red_txt{
	color:#ec6d74;
	}
.yellow_txt{
	color:#e9b502;
	}	
.green_txt{
	color:#ACCC00;
	}
.brown_txt{
	color:#DA9583;
	}		
/* 縦書きとなり、行は右から左へ */
.vrl {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}	
h3.ct_title{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	display:inline-block;
	}	
h3.ct_title span{
	content:'';
	display:block;
	height:2px;
	background:#000;
	margin:0 auto;
	margin-top:3px;
	width:116%;
	margin-left:-8%;
	}
h3.mincyou{
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" ,"Roboto Slab" , Garamond , "Times New Roman" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size:20px;
	}	

	
/* FLOAT
----------------------------------------------------------------------- */

.fl { float:left; }
.fr { float:right; }

.clear{ clear:both; }
.clearfix{
	*zoom:1;
}
.clearfix:after{
    content:".";
	height:0;
    display:block;
    clear:both;
	overflow:hidden;
}

.text_center{
	text-align:center;
	}
a:hover img{
	opacity:1;
	}
a:hover{
	color:#DA9583;
	}	



.inline{
	display:inline-block;
	}
/* MARGIN
----------------------------------------------------------------------- */


.mb5  {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}

.mt5  {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}

.ml5  {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}

.mr5  {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}

.mr1pa  {margin-right:1%;}
.ml2pa  {margin-left:2%;}
.ml5pa  {margin-left:5%;}
.ml10pa {margin-left:10%;}
.ml15pa {margin-left:15%;}
.ml20pa {margin-left:20%;}
.ml25pa {margin-left:25%;}
.ml30pa {margin-left:30%;}
.ml40pa {margin-left:40%;}
.ml50pa {margin-left:50%;}
.ml60pa {margin-left:60%;}

.mr1pa  {margin-right:1%;}
.mr2pa  {margin-right:2%;}
.mr5pa  {margin-right:5%;}
.mr10pa {margin-right:10%;}
.mr15pa {margin-right:15%;}
.mr20pa {margin-right:20%;}
.mr25pa {margin-right:25%;}
.mr30pa {margin-right:30%;}
.mr40pa {margin-right:40%;}
.mr50pa {margin-right:50%;}
.mr60pa {margin-right:60%;}


/* PADDING
----------------------------------------------------------------------- */

.pb5  {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}

.pt5  {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}

.pl5  {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}

.pr5  {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr60 {padding-right:60px;}

.pl1pa  {padding-left:1%;}
.pl2pa  {padding-left:2%;}
.pl5pa  {padding-left:5%;}
.pl10pa {padding-left:10%;}
.pl15pa {padding-left:15%;}
.pl20pa {padding-left:20%;}
.pl25pa {padding-left:25%;}
.pl30pa {padding-left:30%;}
.pl40pa {padding-left:40%;}
.pl50pa {padding-left:50%;}
.pl60pa {padding-left:60%;}

.pr1pa  {padding-right:1%;}
.pr2pa  {padding-right:2%;}
.pr5pa  {padding-right:5%;}
.pr10pa {padding-right:10%;}
.pr15pa {padding-right:15%;}
.pr20pa {padding-right:20%;}
.pr25pa {padding-right:25%;}
.pr30pa {padding-right:30%;}
.pr40pa {padding-right:40%;}
.pr50pa {padding-right:50%;}
.pr60pa {padding-right:60%;}

.w100pa{width:100%;}


.button {
  position: relative;
}
.button::after {
  position: absolute;
  left: 50%;
  margin-left:-27px;
  top: .8em;
  content: '';
  margin-top: -5px;
  border: 20px solid transparent;
  border-left-width: 27px;
  border-right-width: 27px;
  border-top-color: #01B3C9;
}
.button:hover::after {
  animation: arrow 1.2s infinite;
}

@keyframes arrow {
  50% {
    top: 1.2em;
    opacity: 1;
  }
  100% {
    top: 1.8em;
    opacity: 0;
  }
}



/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  75% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  75% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


@media print {
	#tatenavi, .go_top { display: none !important;}
}	



figure {
  position: relative;
  overflow: hidden;
  width:100%;
  border:1px solid #999;
	border-radius:2.6%;
	line-height:0;
	box-sizing:border-box;
}
figcaption {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background:url(../img/gallery/gallery_lightbox/gallery_hover.png) no-repeat;
  background-size:contain;
  -webkit-transform: rotateY(-90deg) rotateX(-90deg);
  transform: rotateY(-90deg) rotateX(-90deg);
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0;
  border:1px solid #ACCC00;

}
figure:hover figcaption {
  -webkit-transform: rotateY(0) rotateX(0);
  transform: rotateY(0) rotateX(0);
  opacity: 1;
}
figcaption h3{
	text-align:center;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	padding-top:38%;
	}
figcaption:after{
	content:'';
	display:block;
	position:absolute;
	top:6%;
	left:4%;
	width:92%;
	height:88%;
	border:1px solid #fff;
	border-radius:2.5%;
	box-sizing:border-box;
	}

h4.sub_ctt {
  position: relative;
  padding-bottom: .35em;
  border-bottom: 1px solid #999;
  text-align:center;
  color:#F28F1D;
  font-weight:bold;
  font-size:16px;
  margin:30px 0 20px 0;
}
h4.sub_ctt::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 2;
  content: '';
  width: 40%;
  height: 5px;
  background-color: #F28F1D;
  left:50%;
  margin-left:-20%;
  border-radius:5%;
}
		
				

@media screen and (min-width : 600px) {
h3.mincyou{
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" ,"Roboto Slab" , Garamond , "Times New Roman" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size:24px;
	}
h4.sub_ctt{
	font-size:18px;
	}	
}

/*400px以下の時にフォントを小さく設定*/
@media screen and (max-width : 400px) {
html, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
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-size: calc(100% + -0.03vw);
	}
	
}