@charset "utf-8";
/* CSS Document */


#menu_wap{
	margin-bottom : 100px;
	
}


.ttl_box_01{
	width:300px;
	margin: 75px auto;

}

.ttl_box_02{
	width:380px;
	margin:10px auto 30px auto;
}




.st_text_01 {
    margin: 20px auto 75px auto;
	font-size:18px;
	font-family:"小塚明朝 Pr6N","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	line-height:1.8em; 
	text-align:center;
	letter-spacing:4px;
}


.st_menu_txt_box {
    margin: 40px auto 40px auto;
	font-size:18px;
	font-family:"小塚明朝 Pr6N","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	line-height:1.8em; 
	text-align:center;
	letter-spacing:4px;
}



.float_wrap{
	width:980px;
	margin:auto;
}

.float_L{
	width:460px;
	float:left;
	text-align:center;
}

.float_L_02{
	width:460px;
	margin:60px 0 0 0;
	float:left;
	text-align:center;
}

.btn_box {
	margin:80px 0 0 0;
}

hr{
	width:780px;
    border:none;
    border-top:solid 1px #848484;
    height:1px;
    color:#fff;
	margin:10px auto 15px auto;
}



a img {
	border:none;
}




#item a:link { color: #000;    text-decoration: none;}
#item a:visited { color: #000;   text-decoration: none; }
#item a:hover { color: #000;    text-decoration: none;}
#item a:active { color: #000;    text-decoration: none;}

a,.link_txt{
	color:#000;
	text-decoration:none;
	font-size:14px;
}

.T_center {text-align: center;}
.T_right {text-align: right;}

.float_R {float: right;}
.float_C {clear: both;
	width: 0px;
	height: 0px;}



.mar_T20 {margin: 20px 0px 0px 0px;}
.mar_T30 {margin: 30px 0px 0px 0px;}
.mar_T50 {margin: 50px 0px 0px 0px;}
.mar_T60 {margin: 60px 0px 0px 0px;}
.mar_T85 {margin: 85px 0px 0px 0px;}
.mar_T95 {margin: 95px 0px 0px 0px;}
.mar_T115 {margin: 115px 0px 0px 0px;}
.mar_T150 {margin: 150px 0px 0px 0px;}
.mar_B10 {margin: 0px 0px 10px 0px;}
.mar_B20 {margin: 0px 0px 20px 0px;}
.mar_B30 {margin: 0px 0px 30px 0px;}
.mar_B40 {margin: 0px 0px 40px 0px;}
.mar_B50 {margin: 0px 0px 40px 0px;}
.mar_B60 {margin: 0px 0px 60px 0px;}
.mar_B80 {margin: 0px 0px 80px 0px;}
.mar_B90 {margin: 0px 0px 90px 0px;}
.mar_B100 {margin: 0px 0px 100px 0px;}
.mar_R10 {margin: 0px 10px 0px 0px;}
.mar_R20 {margin: 0px 20px 0px 0px;}
.mar_R30 {margin: 0px 30px 0px 0px;}
.mar_R40 {margin: 0px 40px 0px 0px;}
.mar_R50 {margin: 0px 50px 0px 0px;}
.mar_L20 {margin: 0px 0px 0px 20px;}
.mar_R55{margin-right: 55px;}


.ft_120 { font-size:120%; font-weight:bold;}
.ft_150 { font-size:150%; font-weight:bold; text-align:center;}
.ft_title { font-size:200%; font-weight:bold; text-align:center;}
.ft_85 { font-size:85%;}
.ft_main { font-size:120%; text-align:center;}
.ft_nc {font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;}
.fb_box {margin: 0 10px 10px 0; float:right;}



#item p { margin: 0 0 10px 0; padding: 0 0 0 0;}



.img_box03 {
	width:240px;
	margin: 0 auto 100px auto;
	}


.link a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.no_link a:hover img{
	opacity: 1;
	filter: alpha(opacity=100);
}

#item {
	width: 100%;
	margin: 0 auto 50px auto;
	padding-bottom:50px;
	color:#000000;
	font-size:14px;
	line-height: 2;
	background: #FFF;
	font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
}



#entire {
	padding:0;position: relative;
    min-height: 100%; 
    height: auto !important;
    height: 100%;
		
}

.pc_only {
	display: block;			
}
.sp_only {
	display:none;
}


.fadein_img {
    font-size: 20px;
    font-weight: bold;
    animation-name: fadein;
    animation-duration: 2s;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(0);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}


.fuwatAnime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fuwatAnime;
 -ms-animation-name: fuwatAnime;
 animation-name: fuwatAnime;
 visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(0px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(0px); -ms-transform: translateY(-0px); transform: translateY(0px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


@media only screen and (max-width: 600px) {
#entire {
	width:100%;
	padding:0;position: relative;
    min-height: 100%; 
    height: auto !important;
    height: 100%;
}
.st_head_img{
	

	width:100%;
	margin:auto auto 8% auto;

}


.ttl_box_01{
	width:45%;
	margin: 10% auto 8% auto;

}

.ttl_box_02{
	width:100%;
	margin:5% auto 10% auto;
}

.btn_box {
	margin:10% 0 0 0;
}

.st_text_01 {
    margin: 2% auto 15% auto;
	font-size:140%;
	font-family:"小塚明朝 Pr6N","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	line-height:1.8em; 
	text-align:center;
	letter-spacing:2px;
}


.st_menu_txt_box {
    margin: 8% auto 10% auto;
	font-size:130%;
	font-family:"小塚明朝 Pr6N","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	line-height:1.4em; 
	text-align:center;
	letter-spacing:3px;
	white-space: nowrap;
}




.float_wrap{
	width:100%;
	margin: auto;
}
.float_L{
	width:47%;
	float:left;
	text-align:center;
	margin:auto 2% 2% 2%;
}

.float_L_02{
	width:47%;
	float:left;
	text-align:center;
	margin:auto 2% 2% 2%;
}

.mar_R55{
	margin-right: auto;
}


hr{
	width:100%;
    border:none;
    border-top:solid 1px #848484;
    height:1px;
    color:#fff;
	margin:2% auto 4% auto;
}




.img_box03 {
	width:65%;
	margin: 0 auto 10% auto;
	}


a,.link_txt{
	color:#000;
	text-decoration:none;
	font-size:85%;
	
}





#item {
	width: 100%;
	margin: 0 auto 50px auto;
	color:#000000;
	font-size:16px;
	line-height: 1.8;
	background: #FFF;
	font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
}







#menu_wap{
	width:100%;
	margin: 0px 0px 20% 0px;
}

.pad_T180{padding: 10% 0 0 0;}


.mar_T30 {margin: 10% 0px 0px 0px;}
.mar_T50 {margin: 10% 0px 0px 0px;}
.mar_T60 {margin: 10% 0px 0px 0px;}
.mar_T85 {margin: 10% 0px 0px 0px;}
.mar_T95 {margin: 10% 0px 0px 0px;}
.mar_T115 {margin: 10% 0px 0px 0px;}

.mar_R15 {margin: 0 2% 0 2%;}
.mar_l2 {margin: 0 0 0 2%;}


.mar_B10 {margin: 0px 0px 1% 0px;}
.mar_B20 {margin: 0px 0px 2% 0px;}
.mar_B30 {margin: 0px 0px 3% 0px;}
.mar_B40 {margin: 0px 0px 4% 0px;}
.mar_B50 {margin: 0px 0px 5% 0px;}
.mar_B100 {margin: 0px 0px 20% 0px;}
.mar_R10 {margin: 0px 1% 0px 0px;}
.mar_R20 {margin-bottom: 5%;}
.mar_R30 {margin: 0px 3% 0px 0px;}
.mar_R40 {margin: 0px 4% 0px 0px;}
.mar_R50 {margin: 0px 5% 0px 0px;}
.mar_L20 {margin: 0px 0px 0px 2%;}


.ft_120 { font-size:135%;}
.ft_85 { font-size:85%;}
.ft_title { font-size:200%; font-weight:bold; text-align:center;}
.ft_main { font-size:120%; text-align:center;}

.T_center_sp {text-align: center;}

.pc_only {display:none;	}
.sp_only {display: block;}
.fb_box {
	margin: 0 10px 20px 0;
	float:right;
}


ul{  
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  list-style-type: none;
}  

#item a:link { color: #000;    text-decoration: none;}
#item a:visited { color: #000;    text-decoration: none;}
#item a:hover { color: #000;    text-decoration: none;}
#item a:active { color: #000;    text-decoration: none;}




}