@charset "UTF-8";
/* CSS reset */
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
    word-break:break-all;/*英文改行設定*/
}
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset{
	margin: 0;
	padding: 0;
	line-height:1.5em;
	font-family:'Noto Sans Japanese';
	font-size:14px;
	font-weight:400;
	letter-spacing:0.5px;
}
/*fontのアンチエイリアス対応*/
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset{
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
/*横スクロール回避*/
html,body{
	width:100%;
	overflow-x:hidden;
}
/*テーブル設定*/
table{
	border-collapse: collapse;
	border-spacing: 0;
}
/*マーカーを消す*/
ul, ol{
	list-style: none; 
}
/*下線を消す*/
a{
	text-decoration: none; 
	color:#000;
}
/* 画像の空白回避 */
img{
	border: 0;
}
img, input{
	vertical-align:bottom;
}
/* clearfix */
.clearfix:after{
	content:"";
	display: block;
	clear: both;
}
/* transition */
.transition{
	transition:all ease 0.3s;
	-ms-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	-webkit-transition:all ease 0.3s;
}
/* 改行設定 */
.sp_br{
	display: none;
}
@media screen and (min-width:0px) and (max-width:767px){
.pc_br{
	display:none;
	}
.sp_br{
	display:block;
	}
}
/*書体太さ設定*/
body .bold{
	font-weight:800;
}
body .thin{
	font-weight:400;
}
/*テキスト揃え*/
body .t_left{
    text-align: left;
}
body .t_center{
    text-align: center;
}
body .t_right{
    text-align: right;
}
/*フォントサイズ*/
body .t_big{
    font-size: 2em;
}
/*フォントカラー*/
body .blue{
    color: #0c4189;
}
body .red{
    color: #ff0000;
}
body .green{
    color: #18a283;
}
body .white{
    color: #ffffff;
}
/*テキストリンク*/
body a.blue:hover,
body a.red:hover,
body a.green:hover{
 /*text-decoration: underline;*/
}
/*小文字*/
body small{
    font-size: 11px;
}
/*背景画像の繰り返し*/
.no_repeat{
    background-repeat: no-repeat;
}
.repeat_x{
    background-repeat: repeat-x;
}
.repeat_y{
    background-repeat: repeat-y;
}
.repeat{
    background-repeat: repeat;
}

/*-------------------------------
コンテンツ幅
-------------------------------*/
.cont_w_1200{
    width: 1200px;
    margin: 0 auto;
}
.cont_w_1100{
    width: 1100px;
    margin: 0 auto;
}
.cont_w_1000{
    width: 1000px;
    margin: 0 auto;
}
.cont_w_100{
    width: 100%;
}
@media screen and (min-width:0px) and (max-width:767px){
    .cont_w_1200,
    .cont_w_1100,
    .cont_w_1000,
    .cont_w_100{
        width: 100%;
        padding: 0 5%;
    }
}

/*-------------------------------
float
-------------------------------*/

.w_95{
    width: 95%;
}
.w_90{
    width: 90%;
}
.w_85{
    width: 85%;
}
.w_80{
    width: 80%;
}
.w_75{
    width: 75%;
}
.w_70{
    width: 70%;
}
.w_66{
    width: 66%;
}
.w_65{
    width: 65%;
}
.w_60{
    width: 60%;
}
.w_50{
    width: 50%;
}
.w_49{
    width: 49%;
}
.w_40{
    width: 40%;
}
.w_35{
    width: 35%;
}
.w_33{
    width: 33.3%;
}
.w_30{
    width: 30%;
}
.w_25{
    width: 25%;
}
.w_20{
    width: 20%;
}
.w_15{
    width: 15%;
}
.w_10{
    width: 10%;
}
.w_5{
    width: 5%;
}
.f_l{
    float: left;
}
.f_r{
    float: right;
}
.c_b{
	clear: both;
}
@media screen and (min-width:0px) and (max-width:767px){
    .w_95,
	.w_90,
	.w_85,
    .w_80,
	.w_75,
	.w_70,
	.w_66,
	.w_65,
	.w_60,
	.w_50,
	.w_49,
	.w_40,
	.w_35,
    .w_33,
	.w_30,
    .w_25,
    .w_20,
	.w_15,
    .w_10,
	.w_5{
        width: 100%;
        margin-bottom: 10px;
    }
    .f_l,
    .f_r{
        float: none;
    }
}


/*以下、共通レイアウト*/

/*-------------------------------
breadcrumb
-------------------------------*/

.breadcrumb{
	margin: 20px auto;
}
.breadcrumb div span{
	font-size: 10px;
}
@media screen and (min-width:0px) and (max-width:767px){
	.breadcrumb{
		display: none;
	}
}