@charset "UTF-8";

/* ================================================ */
/*  Base																						*/
/* ================================================ */

body{
    -webkit-text-size-adjust: 100%;
    color: #313131;
    padding: 0;
    text-align: left;
    height: auto;
    font-size: 16px;
    font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

img {
width: 100%;
}


/*++++++++++++++++++++++++++
	Link : Text
++++++++++++++++++++++++++*/
a {
    text-decoration: none;
    color: #ffffff;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

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

a:active {
    text-decoration: none;
}


/*++++++++++++++++++++++++++
	font
++++++++++++++++++++++++++*/

em {
    font-style: normal;
}

.gothic {
    font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.mincho {
    font-family: 'Noto Serif JP', serif;
}

.marugo {
    font-family: "M PLUS Rounded 1c";
}

.gothic_bold {
    font-family: "M PLUS 1p";
}



/*++++++++++++++++++++++++++
	Link : Img
++++++++++++++++++++++++++*/
/*  PC  */
@media screen and (min-width: 767px){
	a:hover img {
		filter: alpha(opacity=75);
		-moz-opacity:0.75;
		opacity:0.75;
	}
	a:hover{
		filter: alpha(opacity=75);
		-moz-opacity:0.75;
		opacity:0.75;
	}
}


/*++++++++++++++++++++++++++
	改行
++++++++++++++++++++++++++*/
@media screen and (min-width: 767px){
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 767px){
  .pc { display:none; }
  .sp { display:block; }
}

/*++++++++++++++++++++++++++
	Float
++++++++++++++++++++++++++*/
.floatL { float: left; }
.floatR { float: right; }


dl,dt,dd,ul,ol,li{
	margin: 0px;
	padding: 0px;
	list-style:none;
}

/*++++++++++++++++++++++++++
	汎用クラス
++++++++++++++++++++++++++*/

/*  回り込み  */
.floatL { float: left; }
.floatR {
	float: right;
	padding-left: 10px;
}
td {
	text-align: left;
}
th {
	font-weight: normal;
	text-align: center;
}
.clear_both {
	clear: both;
}
.indent {
	text-indent: -1em;
	padding-left: 1em;
}
section {
clear: both;
}