@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	line-height: 1.8;
}

/*======================================

	基本設定

=======================================*/
html {
	min-width: 320px;
	font-size: 62.5%;/*10px*/
}
body {
	margin: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
.min{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.gothic{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
.maru{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";

}

/*======================================

	Headline*

=======================================*/
h1 {
	margin: 0.67em 0;
	font-size: 48px;
	font-size: 4.8rem;
}
h2 {
	margin: 0.83em 0;
	font-size: 32px;
	font-size: 3.2rem;
}
h3 {
	margin: 1em 0;
	font-size: 18px;
	font-size: 1.8rem;
}
h4 {
	margin: 1.33em 0;
	font-size: 16px;
	font-size: 1.6rem;
}
h5 {
	margin: 1.67em 0;
	font-size: 14px;
	font-size: 1.4rem;
}
h6 {
	margin: 1.67em 0;
	font-size: 14px;
	font-size: 1.4rem;
}
img, video {
	max-width: 100%;
	height: auto;
}

/*======================================

	全体の枠

=======================================*/
#wrapper {
	margin: 0;
}
/*======================================

	Text Module

=======================================*/

p,
pre,
address,
cite {
	margin:0;
	line-height: 1.5em;
	font-style:normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0;
	padding:0;
	line-height:1.2
}

b{
	font-weight:bold;
}

/*======================================

	Txt color
=======================================*/



/*======================================

	.Hypertext Module

=======================================*/

a:link {
	text-decoration:none;
}

a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration: none;
}


/*======================================

	1-6.List Module

=======================================*/

ul,
ol {
	margin: 0;
	padding:0;
	list-style:none;
}

li,
dt,
dd {
	font-size:1.6rem;
	line-height: 1.6;
	margin:0;
	padding:0;
	list-style:none;
}

/*======================================

	clearfix

=======================================*/
/*clearfix*/
.cf:after {
	content: "";
	display: block;
	clear: both;
}
.cf {
	zoom: 1;
}

/*======================================

	img

=======================================*/
a img{
	border:none;
}


/*======================================

	color

=======================================*/
.red{
	color:#d7000f;
}

/*======================================

	マウスオーバー　透過

=======================================*/
.alpha a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*======================================

	フェードイン

=======================================*/
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 1000ms;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

/*======================================

	PC改行

=======================================*/
@media screen and (max-width: 640px) {
    .br-pc { display: none; }
}

/*======================================

	スマホ改行

=======================================*/
.br-sp {
    display:none;
}

@media screen and (max-width: 640px) {
    .br-sp { display: block; }
}


/*======================================

	スマホ改行

=======================================*/
.br-sp2 {
    display:none;
}

@media screen and (max-width: 960px) {
    .br-sp2 { display: block; }
}