@charset "UTF-8";

/**
 * cpu_css
 * base.css
 */

/*
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/**
	■ゴシック
	フォントを指定したいところで 
	font-family: 'Noto Sans JP';
**/



/******************************************************
 リセット
******************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}  
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;margin:0;}

ul {font-size:100%;font-weight:normal;list-style: none;}
/*img {display:block;}
*/
a { outline:none; }
/******************************************************
↓隙間をなくす重要項目！
******************************************************/
/*ライオンズではスマホのリスト表示に不具合が出るので無効
li,dt,dd{
font-size:0px;
line-height:0px;
}
*/

body{
	-webkit-text-size-adjust: 100% !important; 
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}

img{
	vertical-align:bottom;
}

a { text-decoration: none;}
a:hover { text-decoration: none;}


/******************************************************
↑隙間をなくす重要項目！
******************************************************/

/******************************************************
 clearfix
******************************************************/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* html .clearfix {height: 1%}
.clearfix {display:block;}*/
*html.clearfix {
  height: 1%; }

.clear_both {
	clear:both;
}

/******************************************************
 float
******************************************************/

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




.position_r{
	position:relative;
}
.position_a{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
}

.position_zindex{
	z-index:9999;
}




/***

WP　いらないcss基本設定　削除

***/

html { 
	margin-top: 32px !important;
	margin-top: 0 !important;
}
* html body {
	margin-top: 32px !important;
	margin-top: 0 !important;
}
@media screen and ( max-width: 800px ) {
html {
	margin-top: 46px !important;
	margin-top: 0 !important;
}
* html body {
	margin-top: 0 !important;
}
}



/******************************************************
コンテンツ横幅
******************************************************/
.contents600{
	clear:both;
	width:91%;
	max-width: 600px;
	height:auto;
	margin:0 auto;
	position:relative;
}
.contents650{
	clear:both;
	width:91%;
	max-width: 650px;
	height:auto;
	margin:0 auto;
	position:relative;
}
.contents800{
	clear:both;
	width:91%;
	max-width: 800px;
	height:auto;
	margin:0 auto;
	position:relative;
}
.contents860{
	clear:both;
	width:91%;
	max-width: 860px;
	height:auto;
	margin:0 auto;
	position:relative;
}
.contents{
	clear:both;
	width:91%;
	max-width: 960px;
	height:auto;
	margin:0 auto;
	position:relative;
}
.contents1{
	clear:both;
	width:91%;
	max-width: 960px;
	height:auto;
	margin:0 auto;
	position:relative;
}
.contents1000{
	clear: both;
	width: 92%;
	max-width: 1000px;
	height: auto;
	margin: 0 auto;
	
	/*background: rgba(44,131,47,0.3);*/
}
.contents1200{
	clear:both;
	width:91%;
	max-width: 1284px;
	height:auto;
	margin:0 auto;
	position:relative;
	
}
.contents1400{
	clear:both;
	width:91%;
	max-width: 1400px;
	height:auto;
	margin:0 auto;
	position:relative;
}


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

画像　拡大

******************************/
.resizeimage img {
	width: 100%;
	height:auto;
}