@charset "UTF-8";
 
@font-face {
    font-family: "Noto Sans Japanese";
    font-style: normal;
    font-weight: 400;
    src: url('fonts/NotoSansJP-Regular.eot');
    src: url('fonts/NotoSansJP-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSansJP-Regular.woff') format('woff'),
         url('fonts/NotoSansJP-Regular.otf') format('opentype');
}

@font-face {
    font-family: "Noto Sans Japanese";
    font-style: normal;
    font-weight: 700;
    src: url('fonts/NotoSansJP-Bold.eot');
    src: url('fonts/NotoSansJP-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSansJP-Bold.woff') format('woff'),
         url('fonts/NotoSansJP-Bold.otf') format('opentype');
}

@font-face {
    font-family: "NotoSerifCJKjp";
    font-style: normal;
    font-weight: 400;
    src: url('fonts/NotoSerifCJKjp-Regular.eot');
    src: url('fonts/NotoSerifCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSerifCJKjp-Regular.woff') format('woff'),
         url('fonts/NotoSerifCJKjp-Regular.otf') format('opentype');
}

@font-face {
    font-family: "NotoSerifCJKjp";
    font-style: normal;
    font-weight: 700;
    src: url('fonts/NotoSerifCJKjp-Bold.eot');
    src: url('fonts/NotoSerifCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSerifCJKjp-Bold.woff') format('woff'),
         url('fonts/NotoSerifCJKjp-Bold.otf') format('opentype');
}



/* all */
* {
margin: 0;
padding: 0;
word-break: normal;
}


BODY{
margin:0;
padding:0;
background:#FFF;
color:#000;
font-size: 100.0%;	/* 16pxベース */
line-height:1.8;
letter-spacing:1px;
text-align: left;
font-family: "Noto Sans Japanese", "メイリオ", Meiryo, sans-serif;
-webkit-text-size-adjust: 100%;	/* iPhone版Safari対策 */
}

* html body {	 /* for IE6 */ 
font-size: 100.0%;	/* 16pxベース */
}
*:first-child+html body { /* for IE7 */
font-size: 100.0%;	/* 16pxベース */
}

html.android *{	/* Android はフォント指定OFF */
font-family: sans-serif !important;
}



IMG,
A IMG{
border:none;
}

P{
margin-top:1.8em;
margin-bottom:1.8em;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}

/*--------------------------------------------------------------------
リンクテキスト
---------------------------------------------------------------------*/
A{
color:#333;
}
A:VISITED{
color:#666;
}
A:HOVER{
color:#EB6EA5;	/* 赤紫 */
text-decoration:none;
}

/*--------------------------------------------------------------------
見出し 
---------------------------------------------------------------------*/
H3,H4{
margin:0;
padding:0;
background:#FFF;
color:#EB6EA5;	/* 赤紫 */
font-weight:normal;
font-family: "NotoSerifCJKjp", "メイリオ", Meiryo, sans-serif;
}



/*------------------------------------------------
   H3
------------------------------------------------*/
/*------ H3基本設定 ------*/
H3{
margin:0;
font-size:175.0%;	/* 28px */
line-height:1.2;
}
@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	H3{
	margin:30px 0 10px 0;
	font-size:26px;
	}
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	H3{
	margin:30px 0 10px 0;
	font-size:22px;
	}
}




/*------------------------------------------------
   H4
------------------------------------------------*/
H4{
font-size:137.5%;	/* 22px */
}
@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	H4{
	font-size:20px;
	line-height:1.4;
	}
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	H4{
	font-size:18px;
	line-height:1.4;
	}
}

/*------ 他要素隣接時 ------*/
H4+*{
margin-top:10px;
}
*+H4{
margin-top:40px;	/* 各要素と隣接時には上余白を多めに */
}



/*--------------------------------------------------------------------
  リストスタイル
---------------------------------------------------------------------*/
UL{
margin:25px 0;
padding:0 0 0 10px;
list-style:none;
}
UL>LI{
margin:8px 0;
padding:0 0 0 23px;
background:url(img/liststyle.png) no-repeat 5px 0.6em;
}