@charset "UTF-8";


/* ベースクラス */
html,body{
    width: 100%;
	padding:0;
	margin:0;
	background-color: #FFF;
}

body{
		color:111;
		font:13px/1.231 "Hiragino Kaku Gothic ProN","メイリオ",arial,helvetica,clean,sans-serif;}

.float_l {
	float:left;
}

.float_r {
	float:right;
}

.clear {
	clear:both;
}

.footer_font	{font-size:100%;}

body,h1,h2,h3,h4,h5,p,div,section,ul,li {
	margin: 0;
	padding: 0;
}

h1 {font-size:140%;}
h2 {font-size:130%;}
h3 {font-size:120%;}

:focus{outline:none;}
a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0)!important;}
a img {border:none;}

/*float解除*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
} /* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
	overflow:hidden;
} /* End hide from IE-mac */


/*+ 微調整用クラス +*/
.margin5 {margin:5px 0 0 0;}
.margin10 {margin:10px 0 0 0;}
.margin20 {margin:20px 0 0 0;}
.margin30 {margin:30px 0 0 0;}
.margin40 {margin:40px 0 0 0;}


/*ナビリンク設定*/

/** 共通レイアウト **/
h1 {margin:0;}

header { width:100%; margin:0 auto; position:relative;}


.span1 {width:10%;}
.span2 {width:20%;}
.span3 {width:30%;}
.span4 {width:40%;}
.span5 {width:50%;}


/** ナビゲーション **/
ul.nav li img {width:100%;}


/*// コンテンツ一覧 //*/

h1 img {width:100%;}

img {
	width: 100%;
	margin: 0 auto;
	font-size: 120%;
	image-rendering: -webkit-optimize-contrast;
}



/* content */
.mincho {font-family:"ヒラギノ明朝 ProN W3","Sawarabi Mincho", serif;}

div,p,h4 {}


/** リンク設定 **/
a {-webkit-tap-highlight-color: rgba(00,33,99,0.60);}
a:link {
	color:#333;
}
a:visited {
	color:#333;
}
a:hover {
	color:#222;
}
a:active {
	color:#222;
}



/*iPhone7/6 Plus*/
@media (max-width: 414px) {


}

/*iPhone 7/6*/
@media (max-width: 375px) {


}

/*iPhone 5/SE/4*/
@media (max-width: 320px) {



}