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


/*1: リセット
=================================*/

/*--PC用--*/
@media screen and (min-width: 768px) {
/* フォントサイズ100％とフォントファミリー追加 */
*{margin:0; padding:0; font-family:メイリオ, Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', 'sans-serif';}

/* <hr />タグを入れるとフロートクリア */
hr{visibility:hidden; border:0; clear:both; padding:0; margin:0;}

/* 下揃え追加 */
img {margin: 0;	padding: 0;	border: none; vertical-align: bottom;}

h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:100%; zoom:1;}
table{ border-collapse:collapse;}
ul,ol,dl{list-style-type: none;}
strong{ font-weight:bold;}
address{ font-style:normal;}


html, body {
color:#FFFFFF;
margin:0;
padding:0;
}
form{ margin:0; padding:0;}



/*2: リンク
=================================*/

a.ir{ display:block; overflow:hidden; height:0; background-repeat:no-repeat; background-position:0 0;}
a.imgbotton:hover img{ opacity:0.8; filter:alpha(opacity=80);-msfilter:"alpha(opacity=80)";}


/*3: 定形クラス
=================================*/

.guide{display:none;}
.clear{ clear:both;}
.left{ float:left;}
.right{float:right;}

/* divの中央揃えも可能 */
.center{ text-align:center; margin:0 auto; }

/* テキストサイズ */
.ss{ font-size:75%; line-height:120%;}
.s{ font-size:80%; line-height:120%;}
.m{ font-size:90%; line-height:120%;}
.l{ font-size:120%; line-height:120%;}
.m_bold{ font-size:90%; line-height:120%; font-weight: bold; color:#efea3a;}
.m2_bold{ font-size:100%; line-height:120%; font-weight: bold; color:#efea3a;}


/* テキスト位置 */
.tx-l{text-align: left;}
.tx-r{text-align: right;}
.tx-c {text-align: center;}


.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

}

/*--SP用--*/
@media screen and (max-width: 767px) {
	
	html, body {
color:#FFFFFF;
margin:0;
padding:0;
}
	
	
	img{ width:100%; height:auto;}
	
	.bannerInner04 {
    top: 36.4%;
    position:relative;
    width: 100%;
    padding-top: 55%;
	margin: 0 0 5px 0;
}
.bannerInner04 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
	
.m_bold{ font-size:82%; line-height:120%; font-weight: bold; color:#efea3a;}
.m2_bold{ font-size:80%; line-height:120%; font-weight: bold; color:#efea3a;}
.m{ font-size:72%; line-height:120%;}
	
}