/* 20170622_banner */
/* 2018/06/08 */

/*※のみ　※には対応する※が必要*/
.kome{
margin-left:1em !important;
text-indent:-1em;
text-align:left;
font-size:70%;
}

/*※＋数字1桁　数字の後には半角スペースを入れること*/
.kome1{	font-size:70%; text-indent:-2em; padding-left:2em;}

/*※＋数字2桁　数字の後には半角スペースを入れること*/
.kome2{	font-size:70%; text-indent:-2.5em; padding-left:2.5em;}

/*※＋数字3桁　数字の後には半角スペースを入れること*/
.kome3{	font-size:70%; text-indent:-2.5em; margin-left:2.5em;}

/*知らないとまずいものはcaution*/
.caution { background:url(/img/common_img/caution.gif) no-repeat top left; padding-left:2em}

/*注釈*/
.caption { font-size:70%; font-weight:normal}

/*floatをクリア*/
.clear{	clear:both;}

/*画像寄せ*/
.img_l { float:left; margin:0 5px 5px 0}
.img_r { float:right; margin:0 0 5px 5px}
.img_c { text-align:center; margin:0 0 5px 0}
.img { margin:0 5px 5px 0}

.icon { vertical-align:middle; margin-right:3px}

.b { font-weight:bold}

/* アイテム寄せ */
.item_l { float:left; margin:0; padding:0;}
.item_r { float:right; margin:0; padding:0;}

#system .b { font-weight:bold; list-style-type:none; margin-left:0}


#div_ie_bug{display:none;}
*> #div_ie_bug{display:block;}
.clearfix:after{ display: block; clear:both; height: 0; line-height: 0; visibility: hidden; content: "."; font-size: 0.1em; }
.clearfix{ display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix{ height: 1%; }
.clearfix{ display: block; }
/* End hide from IE-mac */

/*アイコン＋テキストの時のアイコンに対して*/
.icon { vertical-align:middle; margin-right:3px}

/*ZOOMアイコン*/
.zoom2{margin-left:-64px; width: 62px !important; height: 25px !important;}
#sp .zoom2{display:none;}
.zoom{margin-left:-64px; width: 62px !important; height: 25px !important;}
#sp .zoom{display:none;}
/*回避処理*/
.img-grid-fit .zoom,.img-grid-fit .zoom2{margin: -30px 0 0 5px !important; display:block;}

/*スマホとの表示分け*/
#sp .sp_none{ display:none;}
#pc .pc_none{ display:none;}
/*#sp .pc_none{ display:block;}*/
/*#pc .sp_none{ display:block;}*/

/* バナー */
.banner_m{ text-align:center; margin:0 auto 5px;}
.bn_hover{ text-align:center; margin:0 auto;}
.bn_hover a img{ border:1px solid #fff;}
.bn_hover a:hover img{ border:1px solid #99CCCC;}
.bn_displayNone{ display:none;}
.bn_info_side a img{ border-bottom:1px solid #CCC;}


/* キャンペーンページ表示・非表示 */
.cp_none{visibility:visible;}
.cp_block{visibility:hidden;}

.link{color:#00AADD; cursor:pointer;}

.video-container {
position: relative;
padding-bottom: 56.25%;
/*padding-top: 30px;*/
height: 0;
overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}