/* CSS Document */


/*MEMO*/
/*

●CSSアニメーション
	-webkit-transition-property:color;  
    -webkit-transition-duration:0.2s;  
    -webkit-transition-timing-function:linear; 
	
-webkit-transition-timing-function
	transition の変化の具合を設定します。指定できる値は以下の通りです。
	
	default
	linear（一定のスピード）
	ease-in
	ease-out
	ease-in-out
	cubic-bezier() 4つの数字をカンマ区切りで指定


●背景透過
	background:rgba(255,255,255,0.8);



*/
/*end_MEMO*/


body {
	margin:0;
	font-size:95%;
	line-height:150%;
	color:#333;
	background-color: #6c0e0e;
	/*font-family:YuMincho, '游明朝',"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	-webkit-font-smoothing: antialiased;
}

.clearfix{
	overflow:hidden;
	}
* html .clearfix{
  height:1%;
  overflow:visible;
}


a{
	color:#036;
	-webkit-transition-property:color;  
    -webkit-transition-duration:0.2s;  
    -webkit-transition-timing-function:linear; 
	}
a:hover{
	color:#069;
	}

img{border:0;vertical-align:bottom;
max-width:100%;
height:auto;
	-webkit-transition-property:opacity;  
	-webkit-transition-duration:0.2s;  
	-webkit-transition-timing-function:linear; 
	    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

p {
    padding: 0 0 5% 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5 {
    padding: 0 0 0 0;
    margin: 0;
	line-height:140%;
}


header,
footer,
section,
aside,
article,
nav,
div,
ul,
li,
dl,
dt,
dd,
p,
span,
img,
h1,
h2,
h3,
h4,
h5,
a{
	box-sizing: border-box;
}


.clear{clear:both;}


.photo_right{
	margin:0 0 15px 15px;
	float:right;
	}
.photo_left{
	margin:0 15px 15px 0;
	float:left;
	}
	


table{border-collapse:collapse;}
th{border-collapse:collapse;}
td{border-collapse:collapse;}



.font_navy{color:#006699;}
.font_darkred{color:#990000;}
.font_red{color:#FF0000;}
.font_green{color:#669900;}
.font_pink{color:#FF6699;}
.font_yellow{color:#FF0;}
.font_lightgray{color:#ccc;}
.font_lightblue{color:#3FA9F5;}
.font_lightgreen{color:#009844;}


.font_nomalbold{font-weight:normal;}
.font_bold{font-weight:bold;}
.font_small{font-size:80%;}
.font_middle{font-size:90%;}
.font_big{font-size:110%;}


.line_center{text-align:center;}
.line_right{text-align:right;}
.line_left{text-align:left !important;}


.mar0{margin-bottom:0 !important;}
.mar1{margin-bottom:1% !important;}
.mar2{margin-bottom:2% !important;}
.mar3{margin-bottom:3% !important;}
.mar4{margin-bottom:4% !important;}
.mar5{margin-bottom:5% !important;}
.mar7{margin-bottom:7% !important;}
.mar10{margin-bottom:10% !important;}
.mar15{margin-bottom:15% !important;}
.mar20{margin-bottom:20% !important;}




a{
	-webkit-transition-property:color;  
    -webkit-transition-duration:0.2s;  
    -webkit-transition-timing-function:linear; 
}


img{
	-webkit-transition-property:opacity;  
    -webkit-transition-duration:0.2s;  
    -webkit-transition-timing-function:linear; 
}

a img:hover{
	opacity:0.8;
}




.fb_iframe_widget {
    top: -6px;
}

span.line {
    position: relative;
    top: -7px;
}


.wpcf7-not-valid-tip{
	display:block;
	color:#F00;
}

.wpcf7-validation-errors{
	text-align:center;
	color:#F00;
}




/******************************************************************************************/

/* for TB & SP CSS   */

/******************************************************************************************/


/*全タブレット*/
/*1024×416*/
@media only screen and (min-width: 416px) and (max-width: 1024px) {


}




/*→タブレット横限定*/
/*1024×769*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {


}




/*→タブレット縦限定*/
/*768×436*/
@media only screen and (min-width: 436px) and (max-width: 768px) {

.pc{display:none;}
.tb{display:block;}
.sp{display:none;}



}



/*全スマートフォン*/
/*435×1*/
@media only screen and (min-width: 1px) and (max-width: 435px) {


.pc{display:none !important;}
.tb{display:none;}
.sp{display:block !important;}



}



/*→スマートフォンiPhone5以前限定*/
/*320×1*/
@media only screen and (min-width: 1px) and (max-width: 320px) {



}