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

body {
	color:#505055;
	background:#fff;
	font-size:13px;
	line-height:1.4;
}
a {
	color:#505055;
}

.fa-fix .fa:before{
	content:'' !important;
}

img{
	max-width:100%;
}
input::-webkit-input-placeholder{color:#999;}
input::-moz-placeholder{color:#999;}
input:-moz-placeholder{color:#999;}


.txt_bold {
	font-weight:bold;
}

/* =========================================================
wrapper
========================================================= */

#wrapper{
	position:relative;
	width:100%;
	overflow:hidden;
}
#main {
	position:relative;
	width:100%;
	overflow:hidden;
	
	-webkit-box-shadow:0px 0px 5px #000;
	-moz-box-shadow:0px 0px 5px #000;
	box-shadow:0px 0px 5px #000;
	-webkit-transition: margin-left 200ms ease;
	-moz-transition: margin-left 200ms ease;
	transition: margin-left 200ms ease;
}
#main.menu_opened {
	margin-left:276px;
}
#container_page {
	position:relative;
	width:100%;
	overflow:hidden;
	background:#d9d9d9;
	z-index:2;
}
.overlay{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.3);
	z-index: 9999;
}


/* =========================================================
header
========================================================= */
/* header */
header {
	display:-webkit-box;
	display:-moz-box;
	display:flex;
	background:#fff;
	line-height:0;
}
header a {
	display:block;
}
header .h_logo {
	-webkit-box-flex:1;
	-moz-box-flex:1;
	flex-grow:1;
	-webkit-box-ordinal-group:2;
	-moz-box-ordinal-group:2;
}
header .h_logo a {
	display:block;
	width:126px;
	margin:0 auto;
}
header .h_menu {
	width:44px;
	-webkit-box-ordinal-group:1;
	-moz-box-ordinal-group:1;
	order:-1;
}
header .h_lightbox {
	width:44px;
	-webkit-box-ordinal-group:3;
	-moz-box-ordinal-group:3;
	order:1;
}
/* container_search */
#container_search header {
	background:#0d0d0d;
	display:none;
}
#container_search.search_mode header {
	display:-webkit-box;
	display:-moz-box;
	display:flex;
}
#container_search header .h_close {
	width:70px;
	-webkit-box-ordinal-group:1;
	-moz-box-ordinal-group:1;
	order:-1;
}
#container_search header .h_close a {
	display:block;
	width:44px;
}
#container_search header .h_options {
	margin:10px;
	width:50px;
	-webkit-box-ordinal-group:3;
	-moz-box-ordinal-group:3;
	order:1;
}
#container_search header .h_options a {
	display:block;
	background:#00b1ee;
	height:20px;
	padding:2px 0 2px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	color:#fff;
	font-size:8px;
	font-weight:bold;
	text-align:center;
	line-height:10px;
}
body.android #container_search header .h_options a {
	padding:3px 0 1px;
}
/* container_login */
#container_login header {
	display:block;
	background:#0d0d0d;
	position:relative;
}
#container_login header .h_ttl{
	color:#fff;
	font-weight:bold;
	line-height:44px;
	text-align:center;
}
#container_login header .h_close {
	position:absolute;
	top:0;
	left:0;
}
#container_login header .h_close a {
	display:block;
	width:44px;
}



/* =========================================================
footer
========================================================= */
/* page_top */
#page_top a {
	display:block;
	width:270px;
	padding:17px 0;
	margin:10px auto 0;
	background:#0d0d0d;
	
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:1;
}
#page_top a span {
	background:url(../images/common/footer_pagetop.png) no-repeat right center;
	background-size:9px auto;
	padding:0 15px 0 0;
}

/* footer */
footer {
	border-top:1px solid #595959;
	background:#262626;
}

/* footer_menu */
footer .footer_menu dt {
	padding:15px 30px 16px 10px;
	border-bottom:1px solid #595959;
	color:#fff;
	font-weight:bold;
	line-height:1;
}
footer .footer_menu dt.open {
	background-image:url(../images/common/icon_close.png);
}

footer .footer_menu dd ul {
	width:100%;
	overflow:hidden;
}
footer .footer_menu dd ul li {
	float:left;
	display:table;
	width:50%;
	height:45px;
	border-bottom:1px solid #595959;
	background:url(../images/common/link_pc.png) no-repeat right center;
	background-size:20px auto;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
footer .footer_menu dd ul li:nth-child(2) {
	background:url(../images/common/link_arrow_b.png) no-repeat right center;
	background-size:20px auto;
}
footer .footer_menu dd ul li:nth-child(2n-1) {
	border-right:1px solid #595959;
}
footer .footer_menu dd ul li a {
	display:table-cell;
	color:#fff;
	font-size:12px;
	line-height:15px;
	vertical-align:middle;
	padding:0 30px 0 10px;
}

/* address */
address {
	padding:10px;
	border-bottom:1px solid #595959;
	color:#505055;
	line-height:1;
	font-style:normal;
}
#footer_tel dt.footer_addr_ttl,
#footer_mail dt.footer_addr_ttl {
	background:#fff url(../images/common/icon_open.png) no-repeat right center;
	background-size:20px auto;
	padding:15px 30px 16px 10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	font-weight:bold;
}
#footer_tel dt.footer_addr_ttl.open,
#footer_mail dt.footer_addr_ttl.open {
	background-image:url(../images/common/icon_close.png);
	border-bottom:1px solid #262626;
	-webkit-border-radius:3px 3px 0 0;
	-moz-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
}
#footer_tel li,
#footer_mail li {
	border-bottom:1px solid #262626;
}
#footer_tel li:last-child,
#footer_mail li:last-child {
	border-bottom:none;
	-webkit-border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
}
#footer_tel li a,
#footer_mail li a {
	display:block;
	padding:10px 30px 10px 10px;
	color:#505055;
}
#footer_tel li dt,
#footer_mail li dt {
	font-weight:bold;
}
#footer_tel li dd,
#footer_mail li dd {
	margin:4px 0 0;
}


#footer_tel {
	padding-bottom:10px;
}
#footer_tel li {
	background:#f2f2f2 url(../images/common/link_tel.png) no-repeat right center;
	background-size:19px auto;
}
#footer_tel li dd .footer_tel_icon {
	background:url(../images/common/footer_tel.png) no-repeat left center;
	background-size:27px auto;
	padding:0 0 0 32px;
	font-size:23px;
}
#footer_tel li dd .small_txt {
	display:inline-block;
	margin:4px 0 0;
	font-size:11px;
}

#footer_mail li {
	background:#f2f2f2 url(../images/common/link_win.png) no-repeat right center;
	background-size:20px auto;
}
#footer_mail li .footer_mail_icon {
	background:url(../images/common/footer_mail.png) no-repeat left center;
	background-size:27px auto;
	padding:0 0 0 32px;
	font-size:15px;
}

/* pcsite */
#footer_pcsite {
	margin:20px auto;
}
#footer_pcsite a {
	display:block;
	width:200px;
	padding:15px 0 16px;
	margin:0 auto;
	background:#fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	color:#505055;
	font-weight:bold;
	text-align:center;
	line-height:1;
}
#footer_pcsite a span {
	background:url(../images/common/footer_pcsite.png) no-repeat left center;
	background-size:10px auto;
	padding:0 0 0 15px;
}



/* footer_copyright */
#footer_copyright {
	border-top:1px solid #333;
	padding:20px 0;
	margin:0 10px;
}
#footer_copyright .footer_logo {
	width:70px;
	margin:0 auto;
	padding:0 0 20px;
}
#footer_copyright .copyright_inner {
	display:-webkit-box;
	display:-moz-box;
	display:flex;
}
#footer_copyright .copyright_inner p {
	color:#fff;
	font-size:9px;
	
	-webkit-box-flex:1;
	-moz-box-flex:1;
	flex-grow:1;
}
#footer_copyright .copyright_inner div {
	width:42px;
	padding-left:6px;
}



/* =========================================================
sidemenu
========================================================= */
#sidemenu {
	display:none;
	position:absolute;
	z-index:1;
	background:#262626;
	width:276px;
}
#sidemenu .side_ttl {
	border-bottom:1px solid #595959;
	background:#0d0d0d;
	padding:12px 10px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}
#sidemenu #side_member .side_ttl {
	background:#0d0d0d url(../images/common/side_icon_guest.png) no-repeat 10px center;
	background-size:15px auto;
	padding-left:35px;
}
#sidemenu #side_member ul {
	width:100%;
	font-size:12px;
	overflow:hidden;
}
#sidemenu #side_member ul li {
	display:table;
	border-bottom:1px solid #595959;
	width:50%;
	float:left;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sidemenu #side_member ul li:nth-child(2n-1) {
	border-right:1px solid #595959;
}
#sidemenu #side_member ul li a,
#sidemenu #side_member ul li span.coming {
	display:table-cell;
	padding:14px 0;
	color:#fff;
	text-align:center;
	vertical-align:middle;
}
#sidemenu #side_member ul li a p,
#sidemenu #side_member ul li span.coming p {
	padding-top:8px;
}
#sidemenu #side_member ul li span.coming p {
	color:#505055;
}


#sidemenu #side_service {
	margin-bottom:10px;
}
#sidemenu #side_service ul li {
	border-bottom:1px solid #595959;
}
#sidemenu #side_service ul li a {
	display:block;
	background:url(../images/common/link_pc.png) no-repeat right center;
	background-size:20px auto;
	padding:14px 30px 14px 10px;
	color:#fff;
	font-size:12px;
}
#sidemenu #side_service ul li:first-child a {
	background: url(../images/common/link_arrow_b.png) right center no-repeat;
	background-size:16px auto;
}



#sidemenu a.btn {
	margin:10px;
	color:#505055;
	background:#fff url(../images/common/link_arrow_b.png) no-repeat right center;
	background-size:16px auto;
}



/* =========================================================
search
========================================================= */
#container_search{
	position:absolute;
	left:0;
	top:44px;
	width:100%;
	z-index:3;
	display:none;
}
#container_search.search_mode{
	position:relative !important;
	top:0 !important;
}
#container_search.fixed_mode{
	position:fixed !important;
	top:0 !important;
}

#search {
	display:none;
}
#search_box {
	width:100%;
	background:#00b1ee;
	display:-webkit-box;
	display:-moz-box;
	display:flex;
	padding:10px;
	/*
	-webkit-transition: padding 200ms ease;
	-moz-transition: padding 200ms ease;
	transition: padding 200ms ease;
	*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fixed_mode #search_box {
	padding:5px 10px;
}
#search_box #search_key {
	display:block;
	background:#fff url(../images/common/icon_search.png) no-repeat 10px center;
	background-size:10px auto;
	padding:2px 10px 0 25px;
	border:none;
	margin:0;
	height:34px;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	flex-grow:1;
	-webkit-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	border-radius:3px 0 0 3px;
	
	color:#666;
	font-size:13px;
	font-weight:bold;
	line-height:1;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#search_box #search_btn {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	
	background:#262626;
	padding:0;
	border:none;
	margin:0;
	width:75px;
	height:34px;
	-webkit-border-radius:0 3px 3px 0;
	-moz-border-radius:0 3px 3px 0;
	border-radius:0 3px 3px 0;
	
	color:#fff;
	font-size:13px;
	font-weight:bold;
	line-height:1;
}
#search_box #search_lbBtn{
	width:0;
	overflow:hidden;
	-webkit-transition:width 100ms ease-out 0;
	-moz-transition:width 100ms ease-out 0;
	transition:width 100ms ease-out 0;
}
.fixed_mode #search_box #search_lbBtn{
	width:39px;
}
#search_box #search_lbBtn a{
	display:block;
	background:#262626;
	margin-left:5px;
	padding:9px 8px 9px 7px;
	width:19px;
	height:16px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	line-height:1;
}

#container_search #search_content{
	display:none;
}
#container_search.search_mode #search_content {
	display:block;
}

#search_options {
	background:#fff;
	line-height:1;
}
#search_options .options_ttl {
	border-bottom:1px solid #d9d9d9;
	padding:20px 10px 21px;
	position:relative;
	font-weight:bold;
	line-height:1;
}
#search_options .options_ttl .btn_reset {
	position:absolute;
	top:10px;
	right:10px;
	display:block;
	width:100px;
	padding:11px 0;
	border:1px solid #505055;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	font-size:10px;
	text-align:center;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.options_content {
	padding:0 0 0 10px;
}
.options_content dl {
	position:relative;
	border-bottom:1px solid #e6e6e6;
	margin:10px 0 0;
}
.options_content dl dt {
	position:absolute;
	width:80px;
	height:34px;
	line-height:34px;
	font-size:10px;
	font-weight:bold;
}
.options_content dl dd {
	padding-left:90px;
}
.options_content dl dd ul {
	width:100%;
	overflow:hidden;
}
.options_content dl dd ul li {
	display:table;
	float:left;
	width:100px;
	margin:0 10px 10px 0;
}
.options_content .f_cb {
	display:table-cell;
	padding:0;
	height:34px;
	border:1px solid #505055;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	vertical-align:middle;
	
	color:#505055;
	font-size:10px;
	font-weight:bold;
	line-height:1;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.options_content .f_cb.checked{
	background-color:#505055;
	color:#fff;
}
.options_content .f_cb input{
	display:none;
}
.options_content .options_btn {
	padding:10px 10px 10px 0;
}

#search_options .options_content .f_cb {
	background:#fff url(../images/common/form_check.png) no-repeat 5px center;
	background-size:9px auto;
	padding:0 0 0 19px;
}
#search_options .options_content .f_cb.checked {
	background:#505055 url(../images/common/form_check_on_w.png) no-repeat 5px center;
	background-size:9px auto;
}
#search_options .options_content .f_cb.f_cb_s {
	font-size:8px;
	line-height:1.4;
}
#search_options .options_content .f_cb .item_typeicon {
	display:inline-block;
	background:#fff;
	border:1px solid #505055;
	padding:1px 8px 1px;
	margin:0 0 1px 0;
	color:#505055;
	font-size:8px;
	line-height:8px;
}
body.android #search_options .options_content .f_cb .item_typeicon {
	padding:1px 8px;
}



/* =========================================================
login
========================================================= */
#container_login{
	width:100%;
	z-index:3;
	display:none;
}
#login_box{
}
#login_box_inner{
	padding:10px;
}
#login_box_inner dt{
	font-weight:bold;
	line-height:1;
}
#login_box_inner dd{
	padding:10px 0;
}
#login_box_inner p{
	text-align:right;
	font-size:12px;
	margin:15px 0 0;
}
#login_box_inner p.login_error{
	color:#f00;
	font-weight:bold;
	text-align:left;
	margin:0 0 10px;
}
#login_box_inner p a{
	text-decoration:underline;
}
#login_box #registration_line{
	margin:10px 0 0;
	border-top:1px solid #e6e6e6;
	padding:10px 0 0;
}



/* =========================================================
all page common
========================================================= */
/* content */
#content {
}
.inner_box {
	margin:0 5px 10px;
	background:#fff;
}
.inner_box h1 {
	background:#505055 url(../images/common/inner_box_ttl_icon.png) no-repeat 10px center;
	background-size:3px auto;
	padding:10px 10px 10px 23px;
	color:#fff;
	font-size:15px;
	line-height:1;
}
/* loading */
.loading_cover{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.3);
	z-index: 9999;
}
.loading_tab{
	position:relative;
	width:100%;
	height:200px;
}
.loading {
	display:block;
	background:url(../images/common/loading.png) no-repeat left top !important;
	background-size:312px auto !important;
	width:26px !important;
	height:26px !important;
	padding:0 !important;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-13px;
	margin-left:-13px;
	
	-webkit-animation: loadingCircle 1s steps(12) infinite;
	-moz-animation: loadingCircle 1s steps(12) infinite;
	animation: loadingCircle 1s steps(12) infinite;
}
@-webkit-keyframes loadingCircle {
	  0% { background-position: 0px 0; }
	100% { background-position: -312px 0; }
}
@-moz-keyframes loadingCircle {
	  0% { background-position: 0px 0; }
	100% { background-position: -312px 0; }
}
@keyframes loadingCircle {
	  0% { background-position: 0px 0; }
	100% { background-position: -312px 0; }
}
/* login_confirm */
.login_cover{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.7);
	z-index: 9999;
}
#login_confirm_box{
	width:280px;
	height:135px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-68px;
	margin-left:-140px;
	overflow:hidden;
}
#login_confirm_box div{
	background:#fff;
	font-size:15px;
	text-align:center;
}
#login_confirm_text{
	width:100%;
	height:66px;
	padding-top:24px;
	border-bottom:1px solid #4c4c4c;
	-webkit-border-radius:3px 3px 0 0;
	-moz-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
}
#login_confirm_no{
	float:left;
	width:50%;
	height:44px;
	border-right:1px solid #4c4c4c;
	-webkit-border-radius:0 0 0 3px;
	-moz-border-radius:0 0 0 3px;
	border-radius:0 0 0 3px;

	color:#00b1ee;
	line-height:44px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#login_confirm_yes{
	float:right;
	width:50%;
	height:44px;
	
	color:#00b1ee;
	font-weight:bold;
	line-height:44px;
	
	-webkit-border-radius:0 0 3px 0;
	-moz-border-radius:0 0 3px 0;
	border-radius:0 0 3px 0;
}

.error_msg{
	color:#f00;
	font-weight:bold;
	text-align:left;
	margin:10px;
}

/* button */
.btn {
	display:block;
	background:#00b1ee url(../images/common/link_arrow_w.png) no-repeat right center;
	background-size:16px auto;
	height:44px;
	padding:0 10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	text-decoration:none !important;
	line-height:44px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btn.off{
	background-color:#fff;
	background-image:none;
	color:#00b1ee;
}
.btn.btn_lightbox,
.btn.btn_cart {
	border:1px solid #00b1ee;
}
.btn.btn_lightbox span {
	background:url(../images/detail/btn_lightbox_on.png) no-repeat left center;
	background-size:24px auto;
	padding:0 0 0 34px;
}
.btn.btn_lightbox.off span {
	background:url(../images/detail/btn_lightbox_off.png) no-repeat left center;
	background-size:24px auto;
	padding:0 0 0 34px;
}
.btn.btn_cart span {
	background:url(../images/detail/btn_cart_on.png) no-repeat left center;
	background-size:20px auto;
	padding:0 0 0 30px;
}
.btn.btn_attention{
	height:auto;
	padding:9px 21px 9px 5px;
	margin:10px 0 0 0;
	
	font-size:12px;
	line-height:1.4;
}
.btn.btn_lightbox span.loading {
	margin:8px auto;
}



/* icon */
.icon_cate {
	padding:1px 3px;
	margin-right:5px;
	background:#00b1ee;
	color:#fff;
	font-size:10px;
	font-weight:bold;
}
.icon_update {
	padding:1px 3px;
	margin-right:5px;
	background:#ef0000;
	color:#fff;
	font-size:10px;
	font-weight:bold;
}

/* time_date */
.time_date {
	color:#ababb2;
	font-size:10px;
	font-weight:bold;
	margin-left:5px;
}




/* form */
.f_submit {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	
	background:#000 url(../images/common/link_arrow_w.png) no-repeat right center;
	background-size:16px auto;
	height:44px;
	padding:0;
	border:none;
	margin:0;
	width:100%;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	color:#fff;
	font-size:13px;
	font-weight:bold;
	line-height:1;
}
.f_submit.blue {
	background-color:#00b1ee;
}
.f_submit.gray {
	background-color:#505055;
}

.f_select{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	
	background:#f2f2f2 url(../images/common/form_select.png) no-repeat right center;
	background-size:33px auto;
	padding:0 43px 0 10px;
	border:1px solid #d9d9d9;
	margin:0 0 10px;
	width:100%;
	height:34px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	color:#505055;
	font-size:16px;
	line-height:1.4;
}
.f_text{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	
	width:100%;
	background:#fff;
	margin:0;
    padding:9px;
    border:1px solid #d9d9d9;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
    color:#666;
	font-size:16px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.s_text{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	
	width:30%;
	background:#fff;
	margin:0;
    padding:9px;
    border:1px solid #d9d9d9;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
    color:#666;
	font-size:16px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* pict */
.item_typeicon_RM{
	display:inline-block;
	background:#505055;
	padding:2px 10px 1px;
	margin:0 10px 0 0;
	
	color:#fff;
	font-size:10px;
	line-height:10px;
}
.item_typeicon_RF{
	display:inline-block;
	background:#fff;
	padding:1px 9px 0;
	margin:0 10px 0 0;
	border:1px solid #505055;
	
	color:#505055;
	font-size:10px;
	line-height:10px;
}
body.android .item_typeicon_RM{
	padding:3px 10px 1px;
}
body.android .item_typeicon_RF{
	padding:2px 9px 0;
}
.item_number{
	display:inline-block;
	
	color:#ababb2;
	font-size:10px;
	font-weight:bold;
	line-height:1;
}



/* =========================================================
item list
========================================================= */
/* item_page */
.detail_inner > a[id^="p"]{
	display:block;
}
.item_page {
	display:-webkit-box;
	display:-moz-box;
	display:flex;
	border-bottom:1px solid #d9d9d9;
	line-height:1;
}
.item_page .item_page_inner{
	display:block;
	padding:16px 10px;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	overflow:hidden;
	
	font-size:12px;
	font-weight:bold;
	
	-webkit-box-flex:1;
	-moz-box-flex:1;
	flex-grow:1;
	-webkit-box-ordinal-group:2;
	-moz-box-ordinal-group:2;
}
.item_page .item_page_inner .now_item {
	display:block;
	float:left;
}
.item_page .item_page_inner .now_page {
	display:block;
	float:right;
}
.item_page .back_btn{
	-webkit-box-ordinal-group:1;
	-moz-box-ordinal-group:1;
	order:-1;
}
.item_page .next_btn{
	-webkit-box-ordinal-group:3;
	-moz-box-ordinal-group:3;
	order:1;
}
.item_page .back_btn a,
.item_page .next_btn a,
.item_page .back_btn span,
.item_page .next_btn span{
	display:block;
	background:#00b1ee no-repeat center center;
	background-size:10px auto;
	width:44px;
	height:44px;
}
.item_page .back_btn span,
.item_page .next_btn span{
	background-color:#fff;
}
.item_page .back_btn a{
	background-image:url(../images/list/arrow_up_on.png);
}
.item_page .next_btn a{
	background-image:url(../images/list/arrow_down_on.png);
}
.item_page .back_btn span{
	background-image:url(../images/list/arrow_up_off.png);
}
.item_page .next_btn span{
	background-image:url(../images/list/arrow_down_off.png);
}

/* item_list_img */
.item_list_img{
	width:100%;
	overflow:hidden;
}
.item_list_img li{
	float:left;
	width:50%;
	padding:10px;
	border-right:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.item_list_img li:before{
	content:"";
	display:block;
	padding-top:100%;
    float:left;
    width:0;
}
.item_list_img li:nth-child(2n) {
	border-right:1px solid #fff;
}
.item_list_img li a,
.item_list_img li span{
	display:block;
	overflow:hidden;
	background:no-repeat center center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	background-size:contain;
}
.item_list_img li a:before,
.item_list_img li span:before{
	content:"";
	display:block;
	padding-top:100%;
    float:left;
    width:0;
}

/* more_btn */
#more_btn {
	margin:0 5px 10px;
	background:#fff;
}
#more_btn div{
	padding:10px;
}
#more_btn div a {
	display:block;
	background:#00b1ee;
	padding:16px 10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:1;
}



/* =========================================================
first view slide
========================================================= */
#first_cover{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.7);
	z-index: 9999;
}

#first_box{
	position:absolute;
	top:50%;
	left:50%;
	background:#fff;
	width:280px;
	height:360px;
	margin-left:-140px;
	margin-top:-180px;
	overflow: hidden;
}

/* slide */
#first_box .slide {
}
#first_box .slide_box {
	position:relative;
	width: 100%;
	height:360px;
}
#first_box .slideMain {
	position:relative;
	width: 100%;
	height:360px;
	overflow: hidden;
}
#first_box .slideMain ul {
	position:relative;
	width: 100%;
}
#first_box .slideMain ul li {
	float: left;
	width:100%;
}
#first_box #guideSlide div:nth-child(2),
#first_box #guideSlide div:nth-child(3),
#first_box #guideSlide div:nth-child(4){
	width:185px;
	margin:0 auto 5px;
}

#first_box .slideControl .firstBtn3 {
	position:absolute;
	top:0;
	right:0;
}
#first_box .slideArrowL {
	position:absolute;
	top:50%;
	left:0;
	margin-top:-25px;
}
#first_box .slideArrowR {
	position:absolute;
	top:50%;
	right:0;
	margin-top:-25px;
}
#first_box .slideArrowL a,
#first_box .slideArrowR a{
	display:block;
}
#first_box .slideMarker {
	position:absolute;
	bottom:70px;
	left:0;
	width:100%;
	padding:3px 0;
/*	background:rgba(0,0,0,0.20);*/
}
#first_box .slideMarker ul {
	font-size:0;
	line-height:0;
	text-align:center;
	display:block;
}
#first_box .slideMarker ul li {
	display:inline-block;
	padding: 0 4px;
}
/* btn_area */
#first_box #btn_area{
	position:absolute;
	bottom:0;
}

#first_box #btn_area ul{
	overflow:hidden;
	padding:10px 0 0 10px;
}
#first_box #btn_area ul li{
	float:left;
	padding:0 10px 10px 0;
}
#first_box #btn_area ul li a{
	display:block;
	background:#ddd;
	width:80px;
	height:50px;
}


/* =========================================================
404
========================================================= */

#txt_404{
	margin:10px;
	padding:40px 10px;
	text-align:center;
}

#txt_404 p.ttl{
	font-size:15px;
	font-weight:bold;
}
#txt_404 p{
	padding-bottom:15px;
}
#txt_404 p:last-of-type{
	padding-bottom:0;
}