@charset "utf-8";
/* CSS Document */


/* --------------------------------------------------------------------
	ユーザー定義　ヘッダー
--------------------------------------------------------------------- */

#header{
	width: 100%;
	margin: 0;
}
#header.toppage_{
	margin-bottom: 20px;
}

/* header top */

#header_top{
	height: 50px;
	background-color: #333333;
}
#header_top .header_inner_{
	width: 1100px;
	margin: 0 auto;
}
#header_top .header_inner_ .privilege_txt_{
	float: left;
	padding-left: 50px;
	font-weight: bold;
	font-size: 107.14%;
	position: relative;
	line-height: 50px;
	color: #fff;
}
#header_top .header_inner_ .privilege_txt_:first-child{
	margin-right: 70px;
}
#header_top .header_inner_ .privilege_txt_ .privilege_icon_{
	position: absolute;
	width: 36px;
	height: 36px;
	line-height: 36px;
	background-color: #ff4e4e;
	color: #fff;
	font-size: 85.7%;
	border-radius: 999px;
	display: block;
	text-align: center;
	left: 0px;
	top: 6px;
}

/* header mid */

#header_mid{
	height: 50px;
	width: 100%;
}
#header_mid .header_inner_{
	width: 1100px;
	margin: 0 auto;
}
#header_logo_left{
	float: left;
	width: 610px;
}
#sitelogo{
	padding-top: 15px;
	float: left;
}
#header_logo_left h1{
	height: 20px;
	line-height: 20px;
	padding-top: 16px;
	padding-left: 17px;
	font-weight: bold;
	font-size: 100%;
	float: left;
}
#header_logo_right{
	float: right;
	width: 315px;
}
#companylogo{
	padding-top: 16px;
	float: left;
}
#group_search{
	float: right;
	margin-top: 15px;
	height: 20px;
	width: 160px;
	position: relative;
}
#groupsearchtxt{
	height: 20px;
	background: #fff;
	border: none !important;
	line-height: 20px;
	width: 160px;
	box-sizing: border-box;
	padding: 0px 25px 0px 0px;
	margin: 0px;
	font-size: 92.86%;
}
#groupsearchtxt:focus{
	border: none !important;
}
#groupsearchtxt:placeholder-shown {
    color: #000;
}
#groupsearchtxt::-webkit-input-placeholder {
    color: #000; 
}
#groupsearchtxt:-moz-placeholder {
    color: #000;
	opacity: 1;
}
#groupsearchtxt::-moz-placeholder {
    color: #000;
	opacity: 1;
}
#groupsearchtxt:-ms-input-placeholder {
    color: #000;
}
#groupsbmit{
	position: absolute;
	width: 19px;
	height: 19px;
	right: 0px;
	top: 0px;
	border: none !important;
	box-shadow: none;
	background-color: rgba(255,255,255,0.00);
	background-image: url(../img/usr/common/icon_search_group.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

/* header bottom */

#header_bottom{
	background-color: #f1f1f1;
	width: 100%;
	height: 50px;
}
#header_bottom.active{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10000;
	animation-duration: 0.5s;
	animation-name: fade-in-fixed;
	-moz-animation-duration: 0.5s;
	-moz-animation-name: fade-in-fixed;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-name: fade-in-fixed;
	background: #fff;
	border-bottom: 1px solid #e1e1e1;
}
#companylogoFixed{
	display: none;
	padding-top: 15px;
	margin-right: 15px;
	float: left;
}
.active #companylogoFixed{
	display: block;
}
#header_bottom .header_inner_{
	width: 1100px;
	margin: 0 auto;
}
#header_search_box{
	width: 260px;
	height: 28px;
	float: left;
	position: relative;
	margin-top: 11px;
}
#keyword{
	width: 260px;
	height: 28px;
	line-height: 26px;
	background-color: #fff;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	padding: 0px 32px 0px 10px;
	margin: 0;
	border-radius: 0px;
	font-size: 92.86%;
	color: #666666;
}
#searchbtn{
	position: absolute;
	top: 0px;
	right: 1px;
}
#header_category_box{
	position: relative;
	width: 170px;
	height: 40px;
	margin: 10px 0px 0px 20px;
	float: left;
}
#header_category_box_btn{
	background-color: #76808c;
	height: 30px;
	width: 170px;
	background-image: url(../img/usr/common/icon_cat_list.png);
	background-repeat: no-repeat;
	background-position: 10px 9px;
	color: #fff;
	font-size: 92.86%;
	cursor: pointer;
}
#header_category_box_btn span{
	height: 30px;
	width: 170px;
	display: block;
	box-sizing: border-box;
	padding-left: 37px;
	padding-top: 6px;
	background-image: url(../img/usr/common/icon_arrow_catlist.png);
	background-repeat: no-repeat;
	background-position: 148px 11px;
}
#header_category_box:hover{
	background-color: #76808c;
	animation-duration: 0.5s;
	animation-name: fade-in-g;
	-moz-animation-duration: 0.5s;
	-moz-animation-name: fade-in-g;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-name: fade-in-g;
}
#header_category_box_content{
	display: none;
	opacity: 0;
	position: absolute;
	left: 0px;
	top: 40px;
	width: 610px;
	background-color: #76808c;
	z-index: 10000;
}

#header_category_box_content .lv01_{
	float: left;
	padding: 10px;
	box-sizing: border-box;
	width: 170px;
}
#header_category_box_content .lv01_ li{
	width: 100%;
}
#header_category_box_content .lv01_ li a{
	width: 100%;
	display: block;
	line-height: 40px;
	box-sizing: border-box;
	padding: 0px 20px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition: 0.3s;
    transition: 0.3s;
}
#header_category_box_content .lv01_ li a:hover{
	background-color: #9199a3;
}
#header_category_box_content .lv02_{
	float: left;
	padding: 10px;
	box-sizing: border-box;
	width: 440px;
}

#header_category_box_content .lv02_ li:nth-child(odd){
	float: left;
	width: 200px;
}
#header_category_box_content .lv02_ li:nth-child(even){
	float: right;
	width: 200px;
}
#header_category_box_content .lv02_ li a{
	width: 100%;
	display: block;
	line-height: 40px;
	box-sizing: border-box;
	padding: 0px 20px;
	color: #fff;
	text-decoration: none;
	-webkit-transition: 0.3s;
    transition: 0.3s;
}
#header_category_box_content .lv02_ li a:hover{
	background-color: #9199a3;
}
#header_category_box:hover #header_category_box_content{
	display: block;
	opacity: 1;
	animation-duration: 0.5s;
	animation-name: fade-in;
	-moz-animation-duration: 0.5s;
	-moz-animation-name: fade-in;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-name: fade-in;
}
#customer_menu{
	float: left;
	height: 30px;
	margin-left: 70px;
	margin-top: 10px;
}
.active #customer_menu{
	margin-left: 85px;
}
#customer_menu .customer_menu_List_ > li{
	float: left;
	box-sizing: border-box;
	height: 40px;
	line-height: 30px;
	margin-right: 0px;
}
#customer_menu .customer_menu_List_ li:last-child{
	margin-right: 0px;
}
#customer_menu .customer_menu_List_ > li a{
	font-size: 92.86%;
	color: #000;
	text-decoration: none;
	display: block;
	box-sizing: border-box;
	width: 100%;
	letter-spacing: -0.05em;
	-webkit-transition: 0.3s;
    transition: 0.3s;
}
#customer_menu .customer_menu_List_ li a:hover{
	background-color: #76808c;
	color: #fff;
}

#customer_menu .customer_menu_List_ li#gnav_mypage{
	width: 102px;
}
.active #customer_menu .customer_menu_List_ li#gnav_mypage{
	width: 30px;
	margin-right: 28px;
	height: 30px;
}
#customer_menu .customer_menu_List_ li#gnav_mypage a{
	padding-left: 37px;
	background-image: url(../img/usr/common/icon_header_01.png);
	background-position: 12px 4px;
	background-repeat: no-repeat;
}
.active #customer_menu .customer_menu_List_ li#gnav_mypage a{
	padding-left: 0px;
	background-position: center;
	display: block;
	width: 30px;
	height: 100%;
}
.active #customer_menu .customer_menu_List_ li#gnav_mypage a .txt_{
	display: none;
}
#customer_menu .customer_menu_List_ li#gnav_mypage a:hover{
	background-image: url(../img/usr/common/icon_header_01_on.png);
}

#customer_menu .customer_menu_List_ li#gnav_favorite{
	width: 115px;
}
.active #customer_menu .customer_menu_List_ li#gnav_favorite{
	width: 30px;
	margin-right: 28px;
}
#customer_menu .customer_menu_List_ li#gnav_favorite a{
	padding-left: 41px;
	background-image: url(../img/usr/common/icon_header_02.png);
	background-position: 12px 5px;
	background-repeat: no-repeat;
}
.active #customer_menu .customer_menu_List_ li#gnav_favorite a{
	padding-left: 0px;
	background-position: center;
	width: 30px;
	height: 100%;
	height: 30px;
}
.active #customer_menu .customer_menu_List_ li#gnav_favorite a .txt_{
	display: none;
}
#customer_menu .customer_menu_List_ li#gnav_favorite a:hover{
	background-image: url(../img/usr/common/icon_header_02_on.png);
}
#customer_menu .customer_menu_List_ li#gnav_cart{
	width: 97px;
}
.active #customer_menu .customer_menu_List_ li#gnav_cart{
	width: 30px;
	margin-right: 28px;
	height: 30px;
}
#customer_menu .customer_menu_List_ li#gnav_cart a{
	padding-left: 43px;
	background-image: url(../img/usr/common/icon_header_03.png);
	background-position: 12px 5px;
	background-repeat: no-repeat;
}
.active #customer_menu .customer_menu_List_ li#gnav_cart a{
	padding-left: 0px;
	background-position: center;
	width: 30px;
	height: 100%;
}
.active #customer_menu .customer_menu_List_ li#gnav_cart a .txt_{
	display: none;
}
#customer_menu .customer_menu_List_ li#gnav_cart a:hover{
	background-image: url(../img/usr/common/icon_header_03_on.png);
}
#customer_menu .customer_menu_List_ li#gnav_guide{
	width: 114px;
	height: 40px;
	position: relative;
}
.active #customer_menu .customer_menu_List_ li#gnav_guide{
	width: 50px !important;
}
#customer_menu .customer_menu_List_ li#gnav_guide > a{
	padding-left: 37px;
	background-image: url(../img/usr/common/icon_header_04.png);
	background-position: 12px 3px;
	background-repeat: no-repeat;
	height: 40px;
}
.active #customer_menu .customer_menu_List_ li#gnav_guide > a{
	padding-left: 0px;
	background-position: 8px 4px;
	width: 50px;
	height: 40px;
}
.active #customer_menu .customer_menu_List_ li#gnav_guide a .txt_{
	display: none;
}
#customer_menu .customer_menu_List_ li#gnav_guide:hover > a{
	background-image: url(../img/usr/common/icon_header_04_on.png);
	height: 40px;
	background-color: #76808c !important;
	color: #fff;
}
#customer_menu .customer_menu_List_ li#gnav_guide a span.arrow{
	display: block;
	width: 100%;
	background-image: url(../img/usr/common/icon_arrow_help.png);
	background-position: 82px 10px;
	background-repeat: no-repeat;
	position: absolute;
	height: 30px;
	left: 0px;
	top: 0px;
}
.active #customer_menu .customer_menu_List_ li#gnav_guide a span.arrow{
	background-position: 32px 13px;
}
#customer_menu .customer_menu_List_ li#gnav_guide:hover span.arrow{
	background-image: url(../img/usr/common/icon_arrow_help_on.png);
}

#gnav_guide_child{
	display: none;
	opacity: 0;
	width: 170px;
	height: 100px;
	top: 40px;
	right: 0px;
	position: absolute;
	background-color: #76808c;
	z-index: 10000;
	padding: 10px;
	box-sizing: border-box;
}
#gnav_guide_child li{
	height: 40px !important;
	line-height: 40px !important;
}
#gnav_guide_child li a{
	width: 100%;
	display: block;
	height: 40px;
	line-height: 40px !important;
	box-sizing: border-box;
	padding: 0px 20px;
	text-decoration: none;
	-webkit-transition: 0.3s;
    transition: 0.3s;
	color: #fff !important;
}
#gnav_guide_child li a:hover{
	background-color: #919aa3 !important;
}
#customer_menu .customer_menu_List_ li#gnav_guide:hover #gnav_guide_child{
	display: block;
	opacity: 1;
	animation-duration: 0.5s;
	animation-name: fade-in;
	-moz-animation-duration: 0.5s;
	-moz-animation-name: fade-in;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-name: fade-in;	
}

#gnav_entry{
	float: right;
	height: 50px;
	width: 120px;
}
.active #gnav_entry{
	width: 60px;
}
#gnav_entry .gnav_entry_btn_{
	display: block;
}
#gnav_entry .gnav_entry_btn_ a{
	height: 50px;
	line-height: 50px;
	width: 120px;
	padding-left: 44px;
	box-sizing: border-box;
	background-color: #76808c;
	background-image: url(../img/usr/common/icon_header_05.png);
	background-position: 18px 18px;
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	text-decoration: none;
	-webkit-transition: 0.3s;
    transition: 0.3s;
}
.active #gnav_entry .gnav_entry_btn_ a{
	width: 60px;
	background-position: center center;
}
.active #gnav_entry .gnav_entry_btn_ a .txt_{
	display: none;
}
#gnav_entry .gnav_entry_btn_ a:hover{
	opacity: 0.7;
}


/* header bottom login */

#header_bottom.login_ #customer_menu .customer_menu_List_ li#gnav_guide{
	width: 105px;
}

#header_bottom.login_ #customer_menu{
	float: right;
	height: 40px;
	margin-top: 10px;
	margin-left: 0px;
}
#gnav_mymenu {
	height: 40px;
	margin-right: 20px !important;
	position: relative;
}
#gnav_mymenu:hover{
	background: #76808c;
}
#gnav_mymenu > a{
	display: block;
	height: 40px;
	padding-right: 30px;
	background-image: url( ../img/usr/common/icon_arrow_help.png);
	background-position: 97% 10px;
	background-repeat: no-repeat;
}
#gnav_mymenu:hover > a{
	background-image: url( ../img/usr/common/icon_arrow_help_on.png);
	color: #fff !important;
}
#gnav_mymenu > a .loginname_{
	background-repeat: no-repeat;
	padding-left: 30px;
	display: inline-block;
	min-width: 92px;
	box-sizing: border-box;
}

#gnav_mymenu > a .txt_{
	padding-left: 1em;
}
.active #gnav_mymenu > a .txt_{
	display: none;
}


#gnav_mymenu_child{
	display: none;
	opacity: 0;
	position: absolute;
	top: 40px;
	left: 0px;
	background-color: #76808c;
	z-index: 10000;
	padding: 10px;
	box-sizing: border-box;
}
#gnav_mymenu:hover #gnav_mymenu_child{
	display: block;
	opacity: 1;
	width: 100%;
	animation-duration: 0.5s;
	animation-name: fade-in;
	-moz-animation-duration: 0.5s;
	-moz-animation-name: fade-in;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-name: fade-in;	
}
.active #gnav_mymenu:hover #gnav_mymenu_child{
	width: 170px;
}
#gnav_mymenu_child li{
	height: 40px !important;
	line-height: 40px !important;
	width: 100%;
}
#gnav_mymenu_child li a{
	width: 100%;
	display: block;
	height: 40px;
	line-height: 40px !important;
	box-sizing: border-box;
	padding: 0px 20px;
	text-decoration: none;
	-webkit-transition: 0.3s;
    transition: 0.3s;
	color: #fff !important;
}
#gnav_mymenu_child li a:hover{
	background-color: #919aa3 !important;
}

/* --------------------------------------------------------------------
	ユーザー定義　ビジュアル
--------------------------------------------------------------------- */
#mainvisual {
	width: 100%;
	height: 400px;
	margin-bottom: 20px;
	overflow: hidden;
  position: relative;
}

#mainsliderwrapper{
	width: 2460px;
	height: 400px;
	position: absolute;
	left: 50%;
	margin-left: -1230px;
	/*margin: 0px auto;*/
	/*overflow: hidden;*/
}

.bx-wrapper{
	width: auto;
}
.bx-controls {
}

.bx-controls-direction {
	width: 800px;
	position: absolute;
	top: 0;
  left: 50%;
  margin-left: -400px;
}
	
/* --------------------------------------------------------------------
	ユーザー定義　トップページ　バナー＆お知らせ
--------------------------------------------------------------------- */

#block_of_topic{
	width: 100%;
	margin-bottom: 60px;
}

#block_of_topic .block_of_topic_banner_{
	float: left;
	width: 530px;
	height: 230px;
	overflow: hidden;
}

#block_of_topic .block_of_topic_banner_ a{
	-webkit-transition: 0.3s;
    transition: 0.3s;
}

#block_of_topic .block_of_topic_banner_ a:hover{
	opacity: 0.7;
}


.topicline_  .slick-arrow{
	display: none !important;
}

#block_of_topic .topiclist_{
	float: right;
	width: 300px;
	height: 230px;
	overflow: hidden;
	background-color: #f1f1f1;
}
#block_of_topic .topiclist_ .topiclist_head_{
	padding: 15px 15px 7px;
	box-sizing: border-box;
	width: 100%;
}
#block_of_topic .topiclist_ .topiclist_head_ h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 114.3%;
	font-weight: bold;
	line-height: 1;
	color: #000;
}
#block_of_topic .topiclist_ .topiclist_head_ h2 span{
	font-family: YuGothic, "Yu Gothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: 300;
	font-size: 87.5%;
	color: #666666;
	padding-left: 5px;
}

#block_of_topic .topiclist_ .topiclist_body_{
	padding: 0px 15px;
}

#block_of_topic .topiclist_ .topiclist_body_ .righttext_{
	display: none;
}

#block_of_topic .topiclist_ .topiclist_body_ .topicbox_{
	width: 270px;
}
#block_of_topic .topiclist_ .topiclist_body_ .topicbox_ a{
	display: block;
	text-decoration: none;
}
#block_of_topic .topiclist_ .topiclist_body_ .topicbox_ a:hover .img_{
	opacity: 0.7;
}
#block_of_topic .topiclist_ .topiclist_body_ .topicbox_ a .img_{
	margin-bottom: 10px;
	-webkit-transition: 0.3s;
    transition: 0.3s;
	width: 270px;
	height: 150px;
	display: block;
	position: relative;
}
#block_of_topic .topiclist_ .topiclist_body_ .topicbox_ a .img_ img{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
#block_of_topic .topiclist_ .topiclist_body_ .topicbox_ a .date_{
	line-height: 1;
	color: #ff4e4e;
	margin-bottom: 3px;
	font-size: 12px;
	display: none;
}
#block_of_topic .topiclist_ .topiclist_body_ .topicbox_ a .title_{
	overflow: hidden;  
    white-space: nowrap;  
    text-overflow: ellipsis;
	line-height: 1;
	font-size: 14px;
}


/* --------------------------------------------------------------------
	ユーザー定義　トップページ　コラボレーション
--------------------------------------------------------------------- */

#block_of_collabo{
	width: 100%;
	margin-bottom: 60px;
}
#block_of_collabo .collabo_body_{
	width: 100%;
}
#block_of_collabo .collabo_body_ .collabobox_{
	width: 270px;
	float: left;
	margin: 0px 20px 20px 0px;
	padding-bottom: 10px;
	border-bottom: #e1e1e1 solid 1px;
	box-sizing: border-box;
}
#block_of_collabo .collabo_body_ .collabobox_:nth-child(3n){
	margin-right: 0px;
}
#block_of_collabo .collabo_body_ .collabobox_ a{
	text-decoration: none;
}
#block_of_collabo .collabo_body_ .collabobox_ a:hover .img_ img{
	opacity: 0.7;
}
#block_of_collabo .collabo_body_ .collabobox_ .img_{
	margin-bottom: 7px;
}
#block_of_collabo .collabo_body_ .collabobox_ .img_ img{
	-webkit-transition: 0.3s;
    transition: 0.3s;
}
#block_of_collabo .collabo_body_ .collabobox_ .release_{
	font-size: 85.71%;
	color: #666666;
}
#block_of_collabo .collabo_body_ .collabobox_ .name_{
	font-size: 114.3%;
	color: #000;
	font-weight: bold;
}
#block_of_collabo .collabo_body_ .collabobox_ .comment_{
	margin-bottom: 0px;
	color: #000;
}

/* --------------------------------------------------------------------
	ユーザー定義　トップページ　ピックアップ
--------------------------------------------------------------------- */
#block_of_pickup{
	width: 100%;
	margin-bottom: 60px;
}
#block_of_pickup .pickup_body_ ul li{
	width: 410px;
}

#block_of_pickup .pickup_body_ ul li a img{
	-webkit-transition: 0.3s;
    transition: 0.3s;
}
#block_of_pickup .pickup_body_ ul li a:hover img{
	opacity: 0.7;
}
#block_of_pickup .pickup_body_ ul li:nth-child(odd){
	float: left;
}
#block_of_pickup .pickup_body_ ul li:nth-child(even){
	float: right;
}
#block_of_pickup .pickup_body_ ul li:nth-child(-n+2){
	margin-bottom: 20px;
}

/* --------------------------------------------------------------------
	ユーザー定義　トップページ　イベント（人気商品-最新商品-アウトレット）
--------------------------------------------------------------------- */

#block_of_event{
	width: 100%;
	margin-bottom: 60px;
}


#menuslider{
	width: 810px;
	height: 36px;
	padding: 0px 20px;
	margin-bottom: 15px;
}

#menuslider ul li{
	background-color: #f1f1f1;
	line-height: 36px;
	padding: 0px 18px;
	font-weight: bold;
	cursor: pointer;
}
#menuslider ul li:hover{
	background: #76808c;
	color: #fff;
}
#menuslider ul li.slick-current{
	background: #76808c;
	color: #fff;
}

#itemslider{
	width: 100%;
	margin-bottom: 40px;
}

.outlet_head_{
	margin-top: 40px;
}

/* --------------------------------------------------------------------
	ユーザー定義　トップページ　アウトレット
--------------------------------------------------------------------- */

#block_of_outlet{
	width: 100%;
	margin-bottom: 60px;
}

/* --------------------------------------------------------------------
	ユーザー定義　トップページ　おすすめ・限定商品
--------------------------------------------------------------------- */

#block_of_recommend{
	width: 100%;
	margin-bottom: 60px;
}

#recommendslider{
	width: 880px;
	margin-left: -15px;
	position: relative;
}

#recommendslider ul li{
	margin: 0px 15px;
}

#recommendslider .dummy01{
	position: absolute;
	z-index: 50;
	left: 0px;
	background: #fff;
	top: 0px;
	display: block;
	width: 15px;
	height: 100%;
}
#recommendslider .dummy02{
	position: absolute;
	z-index: 50;
	right: 0px;
	background: #fff;
	top: 0px;
	display: block;
	width: 15px;
	height: 100%;
}

/* --------------------------------------------------------------------
	ユーザー定義　履歴
--------------------------------------------------------------------- */

#block_of_history{
	width: 100%;
	background-color: #f1f1f1;
	margin-bottom: 60px;
}
#block_of_history .history_head_{
	position: relative;
	padding: 20px 30px;
	line-height: 1;
}
#block_of_history .history_head_ h2{
	float: left;
	font-size: 114.3%;
	font-weight: bold;
	color: #494e56;
	line-height: 1;
}
#block_of_history .history_head_ .btn_history_none_{
	float: right;
}
#block_of_history .history_head_ .btn_history_none_ a{
	padding-right: 20px;
	background-image: url(../img/usr/common/icon_arrow_his.png);
	background-position: right center;
	background-repeat: no-repeat;
}
#block_of_history .history_head_ h2 span{
	font-size: 87.5%;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	padding-left: 10px;
}
#historyslider .StyleT_Frame_{
	padding: 0px 30px;
	box-sizing: border-box;
	width: 1120px;
	margin-left: -10px;
	box-sizing: border-box;
}
#historyslider .StyleT_Frame_ .StyleT_Item_{
	width: 142px;
	margin: 0px 10px;
	border-bottom: none;
}
#historyslider .StyleT_Frame_  .StyleT_Line_{
	margin-bottom: 0px;
}
#historyslider .StyleT_Frame_ .StyleT_Item_ .brand_{
	font-size: 93%;
}
#historyslider .StyleT_Frame_ .StyleT_Item_ .name_{
	font-size: 93%;
}
#historyslider .StyleT_Frame_ .StyleT_Item_ .price_{
	font-size: 107.17%;
}
#historyslider .StyleT_Frame_ .StyleT_Item_ a{
	padding-bottom: 0px;
}

#historyslider .price_ .sale_{
	color: #000;
	text-decoration: line-through;
	font-size: 80%;
	display: block;
	font-weight: normal !important;
	line-height: 1;
}

#historyCaution{
	display: none;
	padding: 0px 30px 30px;
}

#messNothing{
	display: none;
	font-size: 16px;
}
#messRedraw{
	display: none;
	font-size: 16px;
}
.item_history_done_{
	display: none;
}

/* --------------------------------------------------------------------
	ユーザー定義　フッター
--------------------------------------------------------------------- */

#footer{
	width: 100%;
	position: relative;
}

#footer_pagetop{
	position: fixed;
	width: 40px;
	height: 40px;
	right: 35px;
	bottom: 25px;
	display: none;
}

#footer_pagetop p a{
	-webkit-transition: 0.3s;
    transition: 0.3s;
}
#footer_pagetop p a:hover{
	opacity: 0.7;
}

#footer01{
	width: 100%;
	box-sizing: border-box;
	height: 70px;
	padding: 17px 0px;
	background-color: #e1e0e0;
}

#footer01 .change_mode_{
	width: 200px;
	height: 36px;
	margin: 0px auto;
}

#footer01 .change_mode_ a{
	width: 100%;
	height: 36px;
	display: block;
	box-sizing: border-box;
	border: 1px solid #cecccc;
	background: #fff;
	text-align: center;
	line-height: 34px;
	color: #494e56;
	font-size: 92.9%;
	text-decoration: none;
	-webkit-transition: 0.3s;
    transition: 0.3s;
}

#footer01 .change_mode_ a:hover{
	opacity: 0.7;
}

#footer02{
	width: 100%;
	background-color: #f1f1f1;
}

#footer02 .footer_inner_{
	margin: 0px auto;
	width: 1100px;
	padding: 45px 0px 55px;
}

#footer02 .footer_inner_ .ttl_{
	font-size: 107%;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1;
	margin-bottom: 20px;
}

#footernav01{
	margin-bottom: 45px;
}

#footernav01 li{
	float: left;
	margin-right: 30px;
}

#footernav01 li a{
	line-height: 1;
	font-size: 107%;
	text-decoration: underline;
	font-family: 'Roboto Condensed', sans-serif;
}

#footernav01 li a:hover{
	text-decoration: none;
}

#footernav02 li{
	float: left;
	margin-right: 30px;
}

#footernav02 li a{
	line-height: 1;
	font-size: 107%;
	text-decoration: underline;
}

#footernav02 li a:hover{
	text-decoration: none;
}

#footer03{
	height: 90px;
	background-color: #333333;
	margin: 0px;
	position: absolute;
	width: 100%;
}

#footer03 .footer_inner_{
	margin: 0px auto;
	width: 1100px;
	position: relative;
	padding-top: 35px;
}

#footernav03 li{
	float: left;
	margin-right: 45px;
}

#footernav03 li a{
	font-size: 92.9%;
	color: #fff;
}

#copyright{
	position: absolute;
	font-size: 85.7%;
	color: #fff;
	text-align: right;
	top: 25px;
	right: 0px;
}


/* --------------------------------------------------------------------
	ユーザー定義　プロダクトリスト
--------------------------------------------------------------------- */

#productlist{
	width: 100%;
}
#productlist h2{
	margin-bottom: 40px;
}
#productlist h2 .en_{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	font-size: 214%;
	display: block;
	text-align: center;
	color: #494e56;
}
#productlist h2 .jp_{
	text-align: center;
	font-size: 114.3%;
	display: block;
}
#productlist h3{
	text-align: center;
	font-size: 157%;
	color: #494e56;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 60px;
}
#productlistcat{
	margin-bottom: 50px;
}
#productlistcat .cat_list_{
	float: left;
	width: 190px;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 10px;
	margin-right: 29px;
}
#productlistcat .cat_list_:nth-child(4n){
	margin-right: 0px;
}

#productlistcat .cat_list_ a{
	display: block;
	text-decoration: none;
}
#productlistcat .cat_list_ .img_{
	-webkit-transition: 0.3s;
    transition: 0.3s;
}
#productlistcat .cat_list_ a:hover .img_{
	opacity: 0.7;
}

#productlistcat .cat_list_ a .name_{
	line-height: 1.2;
	text-align: center;
	padding: 20px 0px;
	font-weight: bold;
}

#productlistbrand .brand_list_{
	float: left;
	width: 190px;
	margin-bottom: 90px;
	margin-right: 29px;
}
#productlistbrand .brand_list_:nth-child(4n){
	margin-right: 0px;
}

#productlistbrand .brand_list_ a{
	-webkit-transition: 0.3s;
    transition: 0.3s;
}
#productlistbrand .brand_list_ a:hover{
	opacity: 0.7;
}


/* --------------------------------------------------------------------
	ユーザー定義　コラボリスト
--------------------------------------------------------------------- */

#collabolist{
	width: 100%;
}
#collabolist h2{
	margin-bottom: 30px;
}
#collabolist h2 .en_{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	font-size: 214%;
	display: block;
	text-align: center;
	color: #494e56;
}
#collabolist h2 .jp_{
	text-align: center;
	font-size: 114.3%;
	display: block;
}
#collabolistitem{
	margin-bottom: 50px;
}
#collabolistitem .collabo_list_ {
	width: 410px;
	margin-bottom: 20px;
	box-sizing: border-box;
	padding-bottom: 15px;
	border-bottom: 1px solid #e1e1e1;
}
#collabolistitem .collabo_list_:nth-child(odd) {
	float: left;
}
#collabolistitem .collabo_list_:nth-child(even) {
	float: right;
}
#collabolistitem .collabo_list_ a{
	display: block;
	text-decoration: none;
}
#collabolistitem .collabo_list_ .img_{
	margin-bottom: 12px;
	box-sizing: border-box;
	border: 1px solid #cccccc;
	width: 100%;
}
#collabolistitem .collabo_list_ .img_ img{
	width: 100%;
	-webkit-transition: 0.3s;
    transition: 0.3s;
}
#collabolistitem .collabo_list_ a:hover .img_ img{
	opacity: 0.7;
}

#collabolistitem .collabo_list_ .name_{
	font-weight: bold;
	font-size: 114.3%;
	margin-bottom: 8px;
}
#collabolist h3{
	text-align: center;
	font-size: 157%;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 20px;
	border-bottom: 1px solid #e1e1e1;
	color: #494e56;
}
#collabodetail{
	margin-bottom: 50px;
}
#collabodetail .collabo_detail_{
	border-bottom: 1px solid #e1e1e1;
	padding-top: 20px;
}
#collabodetail .collabo_detail_ h4{
	line-height: 1;
	font-weight: bold;
	font-size: 114.3%;
	margin-bottom: 20px;
}
#collabodetail .collabo_detail_ .detail_{
	margin-bottom: 20px;
}
#collabodetail .collabo_detail_ .detail_ .img_{
	float: left;
	width: 190px;
}
#collabodetail .collabo_detail_ .detail_ .txt_{
	float: right;
	width: 635px;
}
#collabodetail .collabo_detail_ .detail_ .txt_ h5{
	font-weight: bold;
	margin-bottom: 25px;
}
#collabodetail .collabo_detail_ .detail_ .txt_ p{
	margin-bottom: 25px;
}

#block_of_eonkyo_pickup{
	width: 100%;
	background: #f1f1f1;
	margin-bottom: 60px;
}
#block_of_eonkyo_pickup h2{
	padding: 20px 30px;
	line-height: 1;
	font-family: 'Roboto Condensed', sans-serif;
	color: #494e56;
	font-weight: bold;
	font-size: 142.9%;
}
#eonkyoslider{
	padding: 0px 0px 30px;
	box-sizing: border-box;
	width: 810px;
	margin-left: 30px;
}

#eonkyoslider .box_{
	width: 143px;
}
#eonkyoslider .box_ a{
	display: block;
	text-decoration: none;
}
#eonkyoslider .box_ .img_{
	margin-bottom: 10px;
	width: 143px;
}
#eonkyoslider .box_ .img_ img{
	-webkit-transition: 0.3s;
    transition: 0.3s;
}
#eonkyoslider .box_ .txt_ span{
	display: block;
	float: none !important;
	width: 143px;
}
#eonkyoslider .box_ a:hover .img_ img{
	opacity: 0.7;
}

#block_of_audio_pickup{
	width: 100%;
	background: #f1f1f1;
	margin-bottom: 50px;
}
#block_of_audio_pickup h2{
	padding: 20px 30px;
	line-height: 1;
	font-family: 'Roboto Condensed', sans-serif;
	color: #494e56;
	font-weight: bold;
	font-size: 142.9%;
}
#audioslider{
	padding: 0px 0px 30px;
	box-sizing: border-box;
	width: 810px;
	margin-left: 30px;
}

#audioslider .box_{
	width: 143px;
}
#audioslider .box_ a{
	display: block;
	text-decoration: none;
}
#audioslider .box_ .img_{
	margin-bottom: 10px;
	width: 143px;
}
#audioslider .box_ .img_ img{
	-webkit-transition: 0.3s;
    transition: 0.3s;
}
#audioslider .box_ a:hover .img_ img{
	opacity: 0.7;
}
#audioslider .box_ .name_ {
    font-size: 93%;
}
#audioslider .box_ .price_ {
    font-size: 107.17%;
}
#audioslider .box_ .price_ .price_pop_ {
    color: #ff4e4e;
    font-size: 14px;
    margin-bottom: 5px;
}
#audioslider .box_ .price_ .sale_ {
    color: #000;
    text-decoration: line-through;
    font-size: 80% !important;
    display: block;
    font-weight: normal !important;
    line-height: 1;
}
#audioslider .box_ .price_ .small_ {
    font-size: 65%;
    font-weight: normal;
}
/* --------------------------------------------------------------------
	ユーザー定義 　詳細　関連商品
--------------------------------------------------------------------- */

#block_of_recommend_detai{
	margin-bottom: 40px;
}

#block_of_recommend_detai .relate_head_{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e1e1e1;
}

#block_of_recommend_detai .relate_head_ h2{
	line-height: 1;
	font-size: 157%;
	font-weight: bold;
	color: #494e56;
	text-align: center;
}



/* --------------------------------------------------------------------
	ユーザー定義　モジュール
--------------------------------------------------------------------- */


.modulettl_{
	background: #252525;
	color: #fff;
	text-align: center;
	line-height: 60px;
	width: 100%;
	margin-bottom: 40px;
	font-size: 171%;
}

.preDiv_ {
    margin-bottom: 50px;
}

.source_wrap_{
	width: 100%;
    min-height: 100px;
    border: 1px solid #333;
    padding: 0.5em 1em;
	box-sizing: border-box;
    margin-top: 20px;
    background-color: #000;
    color: #1AFF00 !important;
	text-align: left !important;
	border-radius: 0px;
}


/* タイトル */

.title_lv01_{
	color: #494e56;
	font-size: 214.3%;
	margin-bottom: 20px;
}

.title_lv02_{
	color: #494e56;
	font-size: 157%;
	margin-bottom: 20px;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px solid #e1e1e1;
}

.title_lv02en_ {
    font-size: 214%;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    color: #494e56;
    line-height: 1;
    margin-bottom: 20px;
    letter-spacing: 0.1em;
}

.title_lv02en_ span{
	padding-left: 20px;
    display: inline-block;
    font-family: YuGothic, "Yu Gothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    color: #666666;
    font-size: 50%;
    font-weight: normal;
    letter-spacing: -0.05em;
}

.title_lv03_{
	font-size: 129%;
	font-weight: bold;
	color: #494e56;
	margin-bottom: 20px;
}

.title_lv04_{
	font-size: 114.3%;
	font-weight: bold;
	color: #494e56;
	margin-bottom: 20px;
}

.title_lv05_{
	font-size: 100%;
	font-weight: bold;
	color: #494e56;
	margin-bottom: 20px;
}


/* テキスト */

.txt14_{
	font-size: 100%;
	margin-bottom: 15px;
}

.note01_{
	font-size: 85.7%;
	color: #ff4e4e;
	padding-left: 1em;
}

.note02_{
	font-size: 85.7%;
	padding-left: 1em;
}


/* リンク */

.link01_ {
	padding-left: 15px;
	color: #ff4e4e !important;
	background-image: url(../img/usr/common/icon_link.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-size: 100%;
}

.link02_ {
	color: #ff4e4e !important;
	font-size: 100%;
}

.linkblank_{
	color: #ff4e4e !important;
	font-size: 100%;
	padding-left: 25px;
	background-image: url(../img/usr/common/icon_blank.png);
	background-repeat: no-repeat;
	background-position: left 2px;
}

.linkbtn01_ {
	display: inline-block;
	width: 160px;
	height: 40px;
	box-sizing: border-box;
	border: 1px solid #76808c;
	line-height: 40px;
	color: #494e56;
	padding: 0px 20px 0px 10px;
	background-image: url(../img/usr/common/icon_btn_link.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	-webkit-transition: 0.3s;
    transition: 0.3s;
}

.linkbtn01_:hover{
	background-color: #76808c;
	color: #fff;
	background-image: url(../img/usr/common/icon_btn_link_on.png);
	text-decoration: none;
}

.linkbtn02_ {
	display: inline-block;
	width: 180px;
	height: 40px;
	box-sizing: border-box;
	line-height: 40px;
	color: #fff;
	padding: 0px 20px 0px 10px;
	background-color: #76808c;
	-webkit-transition: 0.3s;
    transition: 0.3s;
	text-decoration: none;
}

.linkbtn02_ span{
	background-image: url(../img/usr/common/icon_btn_link_on.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 25px;
	padding-left: 10px;
	color: #fff;
	text-align: center;
}

.linkbtn02_:hover{
	background-color: #494e56;
	text-decoration: none;
}


.linkanclist01_{
	width: 100%;
}
.linkanclist01_:after{
	content:" ";
    display:block;
    clear:both;
}
.linkanclist01_ li{
	float: left;
	width: 17%;
	margin-right: 3.75%;
}
.linkanclist01_ li:nth-child(5n){
	margin-right: 0;
}

.linkanclist01_ li a{
	padding-right: 15px;
	padding-bottom: 5px;
	color: #494e56;
	width: 100%;
	box-sizing: border-box;
	display: block;
	background-image: url(../img/usr/common/icon_anc.png);
	background-repeat: no-repeat;
	background-position: right 7px;
	border-bottom: 2px solid #76808c;
	-webkit-transition: 0.3s;
    transition: 0.3s;
	text-decoration: none;
}
.linkanclist01_ li a:hover{
	border-bottom: 2px solid #000000;
	text-decoration: none;
}


.linkanclist02_{
	width: 100%;
}
.linkanclist02_:after{
	content:" ";
    display:block;
    clear:both;
}
.linkanclist02_ li{
	float: left;
	width: 22%;
	margin-right: 4%;
}
.linkanclist02_ li:nth-child(4n){
	margin-right: 0;
}

.linkanclist02_ li a{
	padding-right: 15px;
	padding-bottom: 5px;
	color: #494e56;
	width: 100%;
	box-sizing: border-box;
	display: block;
	background-image: url(../img/usr/common/icon_anc.png);
	background-repeat: no-repeat;
	background-position: right 7px;
	border-bottom: 2px solid #76808c;
	-webkit-transition: 0.3s;
    transition: 0.3s;
	text-decoration: none;
}
.linkanclist02_ li a:hover{
	border-bottom: 2px solid #000000;
	text-decoration: none;
}


/* リスト */

.listlink_ li{
	margin-bottom: 5px;
}
.listlink_ li a{
	padding-left: 15px;
	color: #ff4e4e !important;
	background-image: url(../img/usr/common/icon_link.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-size: 100%;	
}
.listorder_ li{
	position: relative;
	padding-left: 22px;
}
.listorder_ li span{
	position: absolute;
	left: 0px;
	top: 0px;
}


/* テーブル */

.table01_{
	width: 100%;
	box-sizing: border-box;
}
.table01_ tr th{
	width: 210px;
	vertical-align: top;
	font-weight: bold;
	padding: 10px 0px;
	border-bottom: 1px solid #e1dfdf;
	box-sizing: border-box;
}
.table01_ tr td{
	vertical-align: top;
	padding: 10px 0px;
	border-bottom: 1px solid #e1dfdf;
	box-sizing: border-box;
	padding-left: 40px;
}

/* アコーディオン */

.acdbox_{
	width: 100%;
	margin-bottom: 10px;
}

.acdbox_ .accordion_btn_{
	padding: 15px 50px 15px 15px;
	background: #f1f1f1;
	position: relative;
	cursor: pointer;
	font-weight: bold;
}

.acdbox_ .accordion_btn_ .accordion_icon_box_ {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 20px;
	height: 20px;
}
.acdbox_ .accordion_btn_ .accordion_icon_ {
	position: relative;
	width: 20px;
	height: 20px;
}
.acdbox_ .accordion_btn_ .accordion_icon_ span {
	position: absolute;
	left: 6px;
	width: 50%;
	height: 2px;
	background-color: #000;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.acdbox_ .accordion_btn_ .accordion_icon_ span:nth-of-type(1) {
	top: 5px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.acdbox_ .accordion_btn_ .accordion_icon_ span:nth-of-type(2) {
	top: 5px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.acdbox_ .accordion_btn_ .accordion_icon_.active_ span:nth-of-type(1) {
	display: none;
}
.acdbox_ .accordion_btn_ .accordion_icon_.active_ span:nth-of-type(2) {
	top: 5px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
.acdbox_ .accordion_box_ {
	display: none;
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	border: 1px solid #f1f1f1;
	border-top: none;
}
.acdbox_ .accordion_box_.active_ {
	display: block;
}

/* レイアウト */

.layoutdouble01_,
.layoutdouble02_,
.layouttriple01_,
.layoutquad01_{
	width: 100%;
}
.layoutdouble01_:after,
.layoutdouble02_:after,
.layouttriple01_:after,
.layoutquad01_:after{
	content:" ";
    display:block;
    clear:both;	
}
.layoutdouble01_ .box_:nth-child(odd){
	float: left;
	width: 270px;
}
.layoutdouble01_ .box_:nth-child(even){
	float: right;
	width: 560px;
}
.layoutdouble02_ .box_{
	width: 410px;
}
.layoutdouble02_ .box_:nth-child(odd){
	float: left;
}
.layoutdouble02_ .box_:nth-child(even){
	float: right;
}
.layoutdouble02_ .box_ a{
	display: block;
	text-decoration: none;
	padding-bottom: 15px;
	border-bottom: 1px solid #e1e1e1;
	box-sizing: border-box;
}
.layoutdouble02_ .box_ a:hover .img_ img{
	opacity: 0.7;
}
.layoutdouble02_ .box_ a .img_ img{
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.layoutdouble02_ .box_ .img_{
	margin-bottom: 15px;
}

.layouttriple01_ .box_{
	width: 270px;
	float: left;
	margin-right: 20px;
}
.layouttriple01_ .box_:nth-child(3n){
	margin-right: 0px;
}
.layouttriple01_ .box_ a:hover .img_ img{
	opacity: 0.7;
}
.layouttriple01_ .box_ a .img_ img{
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.layouttriple01_ .box_ .img_{
	margin-bottom: 15px;
}
.layouttriple01_ .box_ a{
	display: block;
	text-decoration: none;
	padding-bottom: 15px;
	border-bottom: 1px solid #e1e1e1;
	box-sizing: border-box;
}
.layouttriple01_ .box_ .release_{
	color: #666;
}
.layoutquad01_ .box_{
	width: 190px;
	float: left;
}
.layoutquad01_ .box_{
	width: 190px;
	float: left;
	margin-right: 29px;
}
.layoutquad01_ .box_:nth-child(4n){
	margin-right: 0;
}
.layoutquad01_ .box_ a:hover .img_ img{
	opacity: 0.7;
}
.layoutquad01_ .box_ a .img_ img{
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.layoutquad01_ .box_ .img_{
	margin-bottom: 15px;
}
.layoutquad01_ .box_ a{
	display: block;
	text-decoration: none;
	padding-bottom: 15px;
	border-bottom: 1px solid #e1e1e1;
	box-sizing: border-box;
}

/* ボックス */

.borderbox01_{
	padding: 15px;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #e1e1e1;
}
.contact_box_{
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #e1e1e1;
	border-bottom: none;
}
.contact_box_ .box_{
	padding: 15px 10px 25px;
	box-sizing: border-box;
	border-bottom: 1px solid #e1e1e1;
}
.contact_box_ .box_ .img_{
	float: left;
	width: 180px;
}
.contact_box_ .box_ .txtbox_{
	float: right;
	width: 620px;
}
.contact_box_ .box_ .txtbox_ .tel_ span{
	font-size: 214.3%;
	font-weight: bold;
	color: #ff4e4e;
}
.errorbox_{
	width: 100%;
	box-sizing: border-box;
}
.errorbox_ h4{
	line-height: 50px;
	background: #ff4e4e;
	color: #fff;
	padding: 0px 20px;
	font-size: 114.3%;
	font-weight: bold;
}
.errorbox_ .clearfix_{
	padding: 20px;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #ff4e4e;
	border-top: none;
}
.errorbox_ .clearfix_ .img_{
	float: left;
	width: 340px;
}
.errorbox_ .clearfix_ .txtbox_{
	float: right;
	width: 440px;
}

/* カラー */

.red_{
	color: #ff4e4e !important;
}
.black_{
	color: #000 !important;
}


/* --------------------------------------------------------------------
	汎用モジュール
--------------------------------------------------------------------- */
.mt0_ { margin-top: 0px !important; }

.mr0_ { margin-right: 0px !important; }

.mb0_ { margin-bottom: 0px !important; }

.ml0_ { margin-left: 0px !important; }

.pt0_ { padding-top: 0px !important; }

.pr0_ { padding-right: 0px !important; }

.pb0_ { padding-bottom: 0px !important; }

.pl0_ { padding-left: 0px !important; }

.mt5_ { margin-top: 5px !important; }

.mr5_ { margin-right: 5px !important; }

.mb5_ { margin-bottom: 5px !important; }

.ml5_ { margin-left: 5px !important; }

.pt5_ { padding-top: 5px !important; }

.pr5_ { padding-right: 5px !important; }

.pb5_ { padding-bottom: 5px !important; }

.pl5_ { padding-left: 5px !important; }

.mt10_ { margin-top: 10px !important; }

.mr10_ { margin-right: 10px !important; }

.mb10_ { margin-bottom: 10px !important; }

.ml10_ { margin-left: 10px !important; }

.pt10_ { padding-top: 10px !important; }

.pr10_ { padding-right: 10px !important; }

.pb10_ { padding-bottom: 10px !important; }

.pl10_ { padding-left: 10px !important; }

.mt15_ { margin-top: 15px !important; }

.mr15_ { margin-right: 15px !important; }

.mb15_ { margin-bottom: 15px !important; }

.ml15_ { margin-left: 15px !important; }

.pt15_ { padding-top: 15px !important; }

.pr15_ { padding-right: 15px !important; }

.pb15_ { padding-bottom: 15px !important; }

.pl15_ { padding-left: 15px !important; }

.mt20_ { margin-top: 20px !important; }

.mr20_ { margin-right: 20px !important; }

.mb20_ { margin-bottom: 20px !important; }

.ml20_ { margin-left: 20px !important; }

.pt20_ { padding-top: 20px !important; }

.pr20_ { padding-right: 20px !important; }

.pb20_ { padding-bottom: 20px !important; }

.pl20_ { padding-left: 20px !important; }

.mt25_ { margin-top: 25px !important; }

.mr25_ { margin-right: 25px !important; }

.mb25_ { margin-bottom: 25px !important; }

.ml25_ { margin-left: 25px !important; }

.pt25_ { padding-top: 25px !important; }

.pr25_ { padding-right: 25px !important; }

.pb25_ { padding-bottom: 25px !important; }

.pl25_ { padding-left: 25px !important; }

.mt30_ { margin-top: 30px !important; }

.mr30_ { margin-right: 30px !important; }

.mb30_ { margin-bottom: 30px !important; }

.ml30_ { margin-left: 30px !important; }

.pt30_ { padding-top: 30px !important; }

.pr30_ { padding-right: 30px !important; }

.pb30_ { padding-bottom: 30px !important; }

.pl30_ { padding-left: 30px !important; }

.mt35_ { margin-top: 35px !important; }

.mr35_ { margin-right: 35px !important; }

.mb35_ { margin-bottom: 35px !important; }

.ml35_ { margin-left: 35px !important; }

.pt35_ { padding-top: 35px !important; }

.pr35_ { padding-right: 35px !important; }

.pb35_ { padding-bottom: 35px !important; }

.pl35_ { padding-left: 35px !important; }

.mt40_ { margin-top: 40px !important; }

.mr40_ { margin-right: 40px !important; }

.mb40_ { margin-bottom: 40px !important; }

.ml40_ { margin-left: 40px !important; }

.pt40_ { padding-top: 40px !important; }

.pr40_ { padding-right: 40px !important; }

.pb40_ { padding-bottom: 40px !important; }

.pl40_ { padding-left: 40px !important; }

.mt45_ { margin-top: 45px !important; }

.mr45_ { margin-right: 45px !important; }

.mb45_ { margin-bottom: 45px !important; }

.ml45_ { margin-left: 45px !important; }

.pt45_ { padding-top: 45px !important; }

.pr45_ { padding-right: 45px !important; }

.pb45_ { padding-bottom: 45px !important; }

.pl45_ { padding-left: 45px !important; }

.mt50_ { margin-top: 50px !important; }

.mr50_ { margin-right: 50px !important; }

.mb50_ { margin-bottom: 50px !important; }

.ml50_ { margin-left: 50px !important; }

.pt50_ { padding-top: 50px !important; }

.pr50_ { padding-right: 50px !important; }

.pb50_ { padding-bottom: 50px !important; }

.pl50_ { padding-left: 50px !important; }

.mt55_ { margin-top: 55px !important; }

.mr55_ { margin-right: 55px !important; }

.mb55_ { margin-bottom: 55px !important; }

.ml55_ { margin-left: 55px !important; }

.pt55_ { padding-top: 55px !important; }

.pr55_ { padding-right: 55px !important; }

.pb55_ { padding-bottom: 55px !important; }

.pl55_ { padding-left: 55px !important; }

.mt60_ { margin-top: 60px !important; }

.mr60_ { margin-right: 60px !important; }

.mb60_ { margin-bottom: 60px !important; }

.ml60_ { margin-left: 60px !important; }

.pt60_ { padding-top: 60px !important; }

.pr60_ { padding-right: 60px !important; }

.pb60_ { padding-bottom: 60px !important; }

.pl60_ { padding-left: 60px !important; }

.mt65_ { margin-top: 65px !important; }

.mr65_ { margin-right: 65px !important; }

.mb65_ { margin-bottom: 65px !important; }

.ml65_ { margin-left: 65px !important; }

.pt65_ { padding-top: 65px !important; }

.pr65_ { padding-right: 65px !important; }

.pb65_ { padding-bottom: 65px !important; }

.pl65_ { padding-left: 65px !important; }

.mt70_ { margin-top: 70px !important; }

.mr70_ { margin-right: 70px !important; }

.mb70_ { margin-bottom: 70px !important; }

.ml70_ { margin-left: 70px !important; }

.pt70_ { padding-top: 70px !important; }

.pr70_ { padding-right: 70px !important; }

.pb70_ { padding-bottom: 70px !important; }

.pl70_ { padding-left: 70px !important; }

.mt75_ { margin-top: 75px !important; }

.mr75_ { margin-right: 75px !important; }

.mb75_ { margin-bottom: 75px !important; }

.ml75_ { margin-left: 75px !important; }

.pt75_ { padding-top: 75px !important; }

.pr75_ { padding-right: 75px !important; }

.pb75_ { padding-bottom: 75px !important; }

.pl75_ { padding-left: 75px !important; }

.mt80_ { margin-top: 80px !important; }

.mr80_ { margin-right: 80px !important; }

.mb80_ { margin-bottom: 80px !important; }

.ml80_ { margin-left: 80px !important; }

.pt80_ { padding-top: 80px !important; }

.pr80_ { padding-right: 80px !important; }

.pb80_ { padding-bottom: 80px !important; }

.pl80_ { padding-left: 80px !important; }

.mt85_ { margin-top: 85px !important; }

.mr85_ { margin-right: 85px !important; }

.mb85_ { margin-bottom: 85px !important; }

.ml85_ { margin-left: 85px !important; }

.pt85_ { padding-top: 85px !important; }

.pr85_ { padding-right: 85px !important; }

.pb85_ { padding-bottom: 85px !important; }

.pl85_ { padding-left: 85px !important; }

.mt90_ { margin-top: 90px !important; }

.mr90_ { margin-right: 90px !important; }

.mb90_ { margin-bottom: 90px !important; }

.ml90_ { margin-left: 90px !important; }

.pt90_ { padding-top: 90px !important; }

.pr90_ { padding-right: 90px !important; }

.pb90_ { padding-bottom: 90px !important; }

.pl90_ { padding-left: 90px !important; }

.mt95_ { margin-top: 95px !important; }

.mr95_ { margin-right: 95px !important; }

.mb95_ { margin-bottom: 95px !important; }

.ml95_ { margin-left: 95px !important; }

.pt95_ { padding-top: 95px !important; }

.pr95_ { padding-right: 95px !important; }

.pb95_ { padding-bottom: 95px !important; }

.pl95_ { padding-left: 95px !important; }

.mt100_ { margin-top: 100px !important; }

.mr100_ { margin-right: 100px !important; }

.mb100_ { margin-bottom: 100px !important; }

.ml100_ { margin-left: 100px !important; }

.pt100_ { padding-top: 100px !important; }

.pr100_ { padding-right: 100px !important; }

.pb100_ { padding-bottom: 100px !important; }

.pl100_ { padding-left: 100px !important; }


/*  Table Cell Adjust
--------------------------------------- */
.pct0_ { width: 0%; }

.pct1_ { width: 1%; }

.pct2_ { width: 2%; }

.pct3_ { width: 3%; }

.pct4_ { width: 4%; }

.pct5_ { width: 5%; }

.pct6_ { width: 6%; }

.pct7_ { width: 7%; }

.pct8_ { width: 8%; }

.pct9_ { width: 9%; }

.pct10_ { width: 10%; }

.pct11_ { width: 11%; }

.pct12_ { width: 12%; }

.pct13_ { width: 13%; }

.pct14_ { width: 14%; }

.pct15_ { width: 15%; }

.pct16_ { width: 16%; }

.pct17_ { width: 17%; }

.pct18_ { width: 18%; }

.pct19_ { width: 19%; }

.pct20_ { width: 20%; }

.pct21_ { width: 21%; }

.pct22_ { width: 22%; }

.pct23_ { width: 23%; }

.pct24_ { width: 24%; }

.pct25_ { width: 25%; }

.pct26_ { width: 26%; }

.pct27_ { width: 27%; }

.pct28_ { width: 28%; }

.pct29_ { width: 29%; }

.pct30_ { width: 30%; }

.pct31_ { width: 31%; }

.pct32_ { width: 32%; }

.pct33_ { width: 33%; }

.pct34_ { width: 34%; }

.pct35_ { width: 35%; }

.pct36_ { width: 36%; }

.pct37_ { width: 37%; }

.pct38_ { width: 38%; }

.pct39_ { width: 39%; }

.pct40_ { width: 40%; }

.pct41_ { width: 41%; }

.pct42_ { width: 42%; }

.pct43_ { width: 43%; }

.pct44_ { width: 44%; }

.pct45_ { width: 45%; }

.pct46_ { width: 46%; }

.pct47_ { width: 47%; }

.pct48_ { width: 48%; }

.pct49_ { width: 49%; }

.pct50_ { width: 50%; }

.pct51_ { width: 51%; }

.pct52_ { width: 52%; }

.pct53_ { width: 53%; }

.pct54_ { width: 54%; }

.pct55_ { width: 55%; }

.pct56_ { width: 56%; }

.pct57_ { width: 57%; }

.pct58_ { width: 58%; }

.pct59_ { width: 59%; }

.pct60_ { width: 60%; }

.pct61_ { width: 61%; }

.pct62_ { width: 62%; }

.pct63_ { width: 63%; }

.pct64_ { width: 64%; }

.pct65_ { width: 65%; }

.pct66_ { width: 66%; }

.pct67_ { width: 67%; }

.pct68_ { width: 68%; }

.pct69_ { width: 69%; }

.pct70_ { width: 70%; }

.pct71_ { width: 71%; }

.pct72_ { width: 72%; }

.pct73_ { width: 73%; }

.pct74_ { width: 74%; }

.pct75_ { width: 75%; }

.pct76_ { width: 76%; }

.pct77_ { width: 77%; }

.pct78_ { width: 78%; }

.pct79_ { width: 79%; }

.pct80_ { width: 80%; }

.pct81_ { width: 81%; }

.pct82_ { width: 82%; }

.pct83_ { width: 83%; }

.pct84_ { width: 84%; }

.pct85_ { width: 85%; }

.pct86_ { width: 86%; }

.pct87_ { width: 87%; }

.pct88_ { width: 88%; }

.pct89_ { width: 89%; }

.pct90_ { width: 90%; }

.pct91_ { width: 91%; }

.pct92_ { width: 92%; }

.pct93_ { width: 93%; }

.pct94_ { width: 94%; }

.pct95_ { width: 95%; }

.pct96_ { width: 96%; }

.pct97_ { width: 97%; }

.pct98_ { width: 98%; }

.pct99_ { width: 99%; }

.pct100_ { width: 100%; }


/*  Vertical Align
--------------------------------------- */
.top_ { vertical-align: top !important; }

.middle_ { vertical-align: middle !important; }

.bottom_ { vertical-align: bottom !important; }


/*  Text Align
--------------------------------------- */
.align_left_ { text-align: left !important; }

.align_center_ { text-align: center !important; }

.align_right_ { text-align: right !important; }


/*  Font Size
--------------------------------------- */

.font10_ { font-size: 10px !important; }

.font11_ { font-size: 11px !important; }

.font12_ { font-size: 12px !important; }

.font13_ { font-size: 13px !important; }

.font14_ { font-size: 14px !important; }

.font15_ { font-size: 15px !important; }

.font16_ { font-size: 16px !important; }

.font17_ { font-size: 17px !important; }

.font18_ { font-size: 18px !important; }

.font19_ { font-size: 19px !important; }

.font20_ { font-size: 20px !important; }

.font21_ { font-size: 21px !important; }

.font22_ { font-size: 22px !important; }

.font23_ { font-size: 23px !important; }

.font24_ { font-size: 24px !important; }

.font25_ { font-size: 25px !important; }

.font26_ { font-size: 26px !important; }

.font27_ { font-size: 27px !important; }

.font28_ { font-size: 28px !important; }

.font29_ { font-size: 29px !important; }

.font30_ { font-size: 30px !important; }



/* --------------------------------------------------------------------
	フェードイン
--------------------------------------------------------------------- */


@keyframes fade-in {
  0% {
	display: none;
	opacity: 0;
  }

  1% {
	display: block;
	opacity: 0;
  }

  100% {
	display: block;
	opacity: 1;
  }
}

@-moz-keyframes fade-in {
  0% {
	display: none;
	opacity: 0;
  }

  1% {
	display: block;
	opacity: 0;
  }

  100% {
	display: block;
	opacity: 1;
  }
}

@-webkit-keyframes fade-in-g {
  0% {
	background-color: #f1f1f1;
  }
  100% {
	background-color: #76808c;
  }
}

@keyframes fade-in-g {
  0% {
	background-color: #f1f1f1;
  }
  100% {
	background-color: #76808c;
  }
}

@-moz-keyframes fade-in-g {
  0% {
	background-color: #f1f1f1;
  }
  100% {
	background-color: #76808c;
  }
}

@-webkit-keyframes fade-in-g {
  0% {
	background-color: #f1f1f1;
  }
  100% {
	background-color: #76808c;
  }
}


@-webkit-keyframes fade-in-fixed {
  0% {
	top: -100%;
  }
  100% {
	top: 0px;
  }
}

@keyframes fade-in-fixed {
  0% {
	top: -100%;
  }
  100% {
	top: 0px;
  }
}

@-moz-keyframes fade-in-fixed {
  0% {
	top: -100%;
  }
  100% {
	top: 0px;
  }
}

@-webkit-keyframes fade-in-fixed {
  0% {
	top: -100%;
  }
  100% {
	top: 0px;
  }
}