/*------------------------
  リセットCSS
-------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, img, ins, kbd, q, samp,
small, sub, sup, var,
b, i, dl, fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,canvas,details,figcaption,figure,
header,footer,hgroup,menu,nav,section,summary {
	display: block;
}


/*------------------------
 各ページのベースとなるCSS
-------------------------*/

*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

html{
   overflow-y: scroll;
   overflow-x: hidden;
   }
   
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,p,blockquote,table,th,td,tbody,address{
   margin: 0;
   padding: 0;
   font: 14px Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; /* Modern Browser */
   line-height: 1.6;   
   }
   
body{
  color: #141414;
  font: 14px Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; /* Modern Browser */
  *font-size: small; /* IE 7 */
  *font: x-small; /* IE 6  */
  line-height: 1.6;
  border-top: 5px solid #0386A5;
  background: url(../img/common/bg.jpg) no-repeat center top;
  backgroud-size: cover;
  background-color: #FDFEF8;
  -webkit-font-smoothing: antialiased;
  }

* + html body{
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic","verdana",sans-serif;
  }

/* for IE6 */
* html body {
    font-size: 14px;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/* for IE7 */
*:first-child+html body {
    font-size: 14px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

a:link{
  text-decoration: none;
  color: #141414;
  outline: none;
  }
  
a:visited{
  color: #141414;
  text-decoration: none;
  }
  
a:hover{
 text-decoration: underline;
 color: #0386A5;
 }
 
a:active{
 text-decoration:;
 color: #0386A5;
 }
 
p{
 font-size: 100%;
 }
 
*+html p{
 font-size: 100%;
 }
 
* html p{
 font-size: 100%;
 }
  
table{
   border-collapse: collapse;
   border-spacing: 0;
   font-size: 100%;
   }
  
fieldset,img{
   border: 0;
   }
   
img {
    max-width:100%;
	height: auto;
	width: 100%\9; /* IE8のみ適用 */
	vertical-align: bottom;
}

address,caption,cite,code,dfn,th,var{
  font-style: normal;
  font-weight: normal;
  }
  
ol,ul{
  list-style: none;
  }
  
caption,th{
   text-align: left;
   }
   
h1,h2,h3,h4,h5,h6{
   font-size: 100%;
   font-weight: normal;
   margin: 0;
   padding: 0;
   }
   
q:before,q:after{
   content:"";
   }
abbr,acronym{
   border: 0;
   }
   
 a{
 overflow: hidden;
 outline: none;
 text-decoration: underline;
 }

strong {
	font-weight: normal;
}

/* -------上マージン指定--------- */
.m_top_-1	{margin-top:-1px;}
.m_top_5	{margin-top:5px;}
.m_top_10	{margin-top:10px;}
.m_top_15	{margin-top:15px;}
.m_top_20	{margin-top:20px;}
.m_top_25	{margin-top:25px;}
.m_top_30	{margin-top:30px;}
.m_top_35	{margin-top:35px;}
.m_top_40	{margin-top:40px;}
.m_top_45	{margin-top:45px;}
.m_top_50	{margin-top:50px;}
.m_top_60	{margin-top:60px;}
.m_top_70	{margin-top:70px;}

/* -------右マージン指定--------- */
.m_right_5	{margin-right:5px;}
.m_right_10	{margin-right:10px;}
.m_right_15	{margin-right:15px;}
.m_right_20	{margin-right:20px;}
.m_right_25	{margin-right:25px;}
.m_right_30	{margin-right:30px;}
.m_right_35	{margin-right:35px;}
.m_right_40	{margin-right:40px;}
.m_right_45	{margin-right:45px;}
.m_right_50	{margin-right:50px;}

/* -------下マージン指定--------- */
.m_bottom_5		{margin-bottom:5px;}
.m_bottom_10	{margin-bottom:10px;}
.m_bottom_15	{margin-bottom:15px;}
.m_bottom_20	{margin-bottom:20px;}
.m_bottom_25	{margin-bottom:25px;}
.m_bottom_30	{margin-bottom:30px;}
.m_bottom_35	{margin-bottom:35px;}
.m_bottom_40	{margin-bottom:40px;}
.m_bottom_45	{margin-bottom:45px;}
.m_bottom_50	{margin-bottom:50px;}

/* -------左マージン指定--------- */
.m_left_5	{margin-left:5px;}
.m_left_10	{margin-left:10px;}
.m_left_15	{margin-left:15px;}
.m_left_20	{margin-left:20px;}
.m_left_25	{margin-left:25px;}
.m_left_30	{margin-left:30px;}
.m_left_35	{margin-left:35px;}
.m_left_40	{margin-left:40px;}
.m_left_45	{margin-left:45px;}
.m_left_50	{margin-left:50px;}
.m_left_55	{margin-left:55px;}

/* -------------------------------- */


/* -------上パディング指定--------- */
.p_top_5	{padding-top:5px;}
.p_top_10	{padding-top:10px;}
.p_top_15	{padding-top:15px;}
.p_top_20	{padding-top:20px;}
.p_top_25	{padding-top:25px;}
.p_top_30	{padding-top:30px;}
.p_top_35	{padding-top:35px;}
.p_top_40	{padding-top:40px;}
.p_top_45	{padding-top:45px;}
.p_top_50	{padding-top:50px;}

/* -------右パディング指定--------- */
.p_right_5	{padding-right:5px;}
.p_right_10	{padding-right:10px;}
.p_right_15	{padding-right:15px;}
.p_right_20	{padding-right:20px;}
.p_right_25	{padding-right:25px;}
.p_right_30	{padding-right:30px;}
.p_right_35	{padding-right:35px;}
.p_right_40	{padding-right:40px;}
.p_right_45	{padding-right:45px;}
.p_right_50	{padding-right:50px;}

/* -------下パディング指定--------- */
.p_bottom_5		{padding-bottom:5px;}
.p_bottom_10	{padding-bottom:10px;}
.p_bottom_15	{padding-bottom:15px;}
.p_bottom_20	{padding-bottom:20px;}
.p_bottom_25	{padding-bottom:25px;}
.p_bottom_30	{padding-bottom:30px;}
.p_bottom_35	{padding-bottom:35px;}
.p_bottom_40	{padding-bottom:40px;}
.p_bottom_45	{padding-bottom:45px;}
.p_bottom_50	{padding-bottom:50px;}

/* -------左パディング指定--------- */
.p_left_5	{padding-left:5px;}
.p_left_10	{padding-left:10px;}
.p_left_15	{padding-left:15px;}
.p_left_20	{padding-left:20px;}
.p_left_25	{padding-left:25px;}
.p_left_30	{padding-left:30px;}
.p_left_35	{padding-left:35px;}
.p_left_40	{padding-left:40px;}
.p_left_45	{padding-left:45px;}
.p_left_50	{padding-left:50px;}

.fbold{
	font-weight: bold;
}

.txtcenter{
	text-align: center;
}

.txtright{
	text-align: right;
}

.txtleft{
	text-align: left;
}



/*---------------------------------------------
	Clearfix
  ---------------------------------------------*/
.clearfix:after {
 content:".";
 display:block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
}

.clearfix {
	zoom: 1;
}


/* Font Size
10px　72%
11px　79%
12px　86%
13px　93%
14px　100%
15px　108%
16px　115%
17px　122%
18px　129%
19px　136%
20px　143%
21px　150%
22px　158%
23px　165%
24px　172%
25px　179%
26px　186%
*/

@media screen and (max-width:767px) {

.DisplayPC{
	display:none !important;
}

.DisplaySP{
	display:block !important;
}

html{
	font-size: 6.25%;
	width: 100%;
}

body {
	width: 100%;
	font-size: 14rem !important; /* 14px */
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 1.4;
	-webkit-text-size-adjust: 100%; /* フォントサイズ自動調整 */
}

a {
	-webkit-tap-highlight-color: rgba(255,255,255,.6);
}

img {
	vertical-align: bottom;
    max-width: 100%;
	width: 100%;
	height: auto;
}
}