@charset "utf-8";
/* CSS Document */

/*-----------------------------------------
import
-----------------------------------------*/

/*-- Google font--*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');
@import url('https://fonts.googleapis.com/css?family=Hammersmith+One');
@import url('https://fonts.googleapis.com/css?family=Heebo:300');

/*-- css import --*/
@import url("./layout.css");
@import url("./common.css");
@import url("./contents.css");

/*-- css responsive --*/
@import url("./responsive_pc.css");
@import url("./responsive_tub.css");
@import url("./responsive_sp.css");

/*-- css responsive menu --*/
@import url("./responsive_menu.css");

/*-----------------------------------------
reset
-----------------------------------------*/

/*--ブラウザのデフォルトマージンをリセット--*/
* { margin: 0px; padding: 0px; }

/*--スクロールバーを常に表示--*/
html { margin-bottom:1px; height:100%;}

/*--リンク時の枠点線を非表示--*/
a:focus { overflow: hidden;}

img {
	border: 0;/* イメージの枠線を非表示 */
	vertical-align: bottom;/* 行全体の下端に揃える */
}

/*--区切り線のデフォルトをリセット--*/
hr { display:none;}

/*--リストのデフォルトをリセット--*/
ul, li, dl, dt, dd { list-style: none;}


/*-----------------------------------------
link
-----------------------------------------*/

/*--リンク要素--*/
a {	color: #317FFF;}

/*--未訪問のリンク要素--*/
a:link { text-decoration: none;}

/*--訪問済のリンク要素--*/
a:visited {	text-decoration: none;}

/*--マウスオーバーのリンク要素--*/
/*a:hover { color: #186281; text-decoration: none;}*/
a:hover { color: #317FFF; text-decoration:underline;}


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

/*--要素を右へ配置--*/
.right { float:right;}

/*--要素を左へ配置--*/
.left { float:left;}

/*--<後述>回り込みをリセット--*/
.cl { clear: both;}

/*--<先述>回り込みをリセット/モダンブラウザ--*/
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }

/*--<先述>回り込みをリセット/IE 6・7--*/
.cf { zoom:1; }


/*-----------------------------------------
text/FONT
-----------------------------------------*/

/*--基本のフォント設定--*/
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	color:#333;
	line-height:1.3em;
	height: auto;
}

/*--p 行間--*/
p { line-height: 125%;}

/*--em 強調 設定--*/
em { font-style: normal; font-weight: bold; color: #A44A9F;}

/*--strong 強調 設定--*/
strong { line-height: 135%; letter-spacing: 0px;}

/*--見出し要素のリセット--*/
h1,h2,h3,h4,h5 { font-size: 100%;}


/*-----------------------------------------
image aspect
-----------------------------------------*/

.aspect30 {
	padding: 30% 0 0;
}
.aspect60 {
	padding: 60% 0 0;
}
.aspect75 {
	padding: 75% 0 0;
}

.aspect30,
.aspect60,
.aspect75 {
	position: relative;
	width: 100%;
	height: 100%;
}
.aspect30 > * ,
.aspect60 > * ,
.aspect75 > * {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
}

/*-----------------------------------------
border-box


*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
-----------------------------------------*/