/* 20160712_video */

.caption { font-size:11px}
.icon { vertical-align:middle; margin-right:3px}
.icon_r { float:right}
.icon_l { float:left}
.clear { clear:both}
.img_c,.img_l,.img_r { text-align:center; clear:both;}
.item_l,.item_r{clear:both !important; width:100% !important;}
.img_sp,.img_sp img{ width:100% !important; height:auto !important; max-width:100%;}
.table-box {
 overflow-x: auto;
}

/* バナー */
.bn_info_side a img{ border-bottom:1px solid #CCC;}

/* YouTube動画 */
.mov_sp_hd{ height:170px !important; width:300px !important;}
.mov_sp{ height:225px !important; width:300px !important;}
/*.img_l { float:left; margin-right:5px}
.img_r { float:right; margin-left:5px}*/
.video-wrapper {
	max-width: 100%;
}
.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%;
}
/* videoタグ */
video {
	max-width: 100%;
	height: auto;
}

/*リンク風テキスト*/
.link{color:#0000FF; cursor:pointer;}

#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;}
#sp .zoom2{display:none;}
.zoom{margin-left:-64px;}
#sp .zoom{display:none;}

/*スマホとの表示分け*/
#sp .sp_none{ display:none;}
#sp .pc_none{ display:block;}
#pc .pc_none{ display:none;}
#pc .sp_none{ display:block;}

/*englishのページで個別にdisplay:block、.jpをinlineにする*/
.en { display:none}

/*カートペロン*/
.checkboxCartGroupAccordion,
input + label span.cartGroupAccordionClose,
.cartGroupAccordion {
    display: none;
}
label.labelGroupAccordionOpen{
position:inherit;
text-align:center;
}
input:checked ~ div.cartGroupAccordion {
        display: block;
    }
    input:checked + label span.cartGroupAccordionOpen
    {
        display: none;
        }
    input:checked + label span.cartGroupAccordionClose
    {
        display: inline;
        }