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

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 500;
	color:#212121;
}
	
.bold{
	font-weight:bold;
	}
ul,li{
	list-style:none;
	}
a{
	text-decoration:none;
	}
#wrap{
	overflow:hidden;
	position:relative;
	}
body{
	    /*スマホで勝手に文字が大きくなる対策*/
	    -webkit-text-size-adjust: 100%;
		line-height:1;
	}	
.in_body {
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}	

.fade-in {
  transition: opacity 0.9s;
  -moz-transition: opacity 0.9s;
  -webkit-transition: opacity 0.9s;
  -o-transition: opacity 0.9s;
}

/*ID pタグの文字を大きくしたくない場合*/
	p {
	    /*Androidブラウザフォントバグ対策*/
	    max-height: 999999px;  
	}


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

.text_center{
	text-align:center;
	}
.text_left{
	text-align: left;
}
.text_right{
	text-align: right;
}
a:hover img{
	opacity:1;
	}
a:hover{
	color:#31a2c7;
	}
a:hover u{
	color:#31a2c7;
	}
a,i,u{
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  }		

a:hover img.opa{opacity:0.7; transition: all 0.3s ease-in-out 0s;}

.indent{
	text-indent:-1.0em;
	padding-left:1.0em;
}

.inline{
	display:inline-block;
	}

.anchor {
    padding-top: 80px;
    margin-top: -80px;
}

/* 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;}
.mb65 {margin-bottom:65px;}
.mb80 {margin-bottom:80px;}

.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;}
.mt70 {margin-top:70px;}
.mt75 {margin-top:75px;}
.mt80 {margin-top:80px;}

.ml5  {margin-left:5px;}
.ml9  {margin-left:9px;}
.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%;}


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

@media screen and (max-width : 600px) {
	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 {
	font-weight:normal;
	}
}
				


/*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);
	}
	
}*/