@media screen and (max-width: 745px) {


.gen_div{
	width: 100%;
	max-width: 1024px;
	margin: 0px auto;
	vertical-align: top;
}
.gen_flex{
	width: 100%;
	max-width: 1024px;
	margin: 0px auto;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: row;
}

.minheight{
	min-height: 350px;
}

.index_header{
	background-color: #fff;
	padding-top: 15px;

}
	.main_logo_container{
		width: 100%;
		padding: 0%;
		display: block;
		text-align: center;
	}
		.main_logo{
			margin-top: 3px;
			width: 100%;
			max-width: 300px;
		}
	.main_navsearch_container{
		width:100%;
		display: block;
		text-align: center;
		margin: 0px;
		vertical-align: top;
	}
		.nav_menu1{
			padding: 8px;
		}
			.nav_menu1 ul{
				margin:0px;
				padding: 0px;
			}
			.nav_menu1 li{
				display: inline;
			}
			.nav_menu1 li + li:before {
				content: "· ";
			}
			.nav_menu1 li:last-child{
				color:#b10707;
			}
	
		.search_holder{
			background-color: #ebebeb;
			display: inline-block;
			width: 40%;
			padding-left: 10px;
			border-radius: 10px;
		}
			.main_search{
				width: calc(100% - 70px);
				margin: 0px;
				font-size:14pt;
				color: #666;
				vertical-align: middle;
				border: 0px;
				background-color: #ebebeb;
			}
			.main_search_btn{
				margin:0px; 
				padding:10px;
				width: 24px; 
				vertical-align: middle;
			}
		
	.nav_menu2{
		font-size: 1.2em;
		font-weight: bold;
		padding: 10px;
		color: #888;
		margin-top: 0.5em;
	}	
		.nav_menu2 ul{
			margin:0px;
			padding:0px;
			text-align: center;
			list-style-type: none;
		}	
		.nav_menu2 li{
			display: inline;
			margin: 0px 5px;
			word-break: keep-all;
			
		}
		.nav_menu2_a:link,.nav_menu2_a:active,.nav_menu2_a:visited,.nav_menu2_a:hover{
			text-decoration: none;
			color: #888;
		}
#menu_box_container{
	background-color: #eee;
	display: none;
}		
	.menu_box{
		width: 100%;
		margin: 0em auto;
		padding: 0.5em 0px;
		font-size: 0.9em;
		line-height: 1.4em;
	}
	.menu_box_kind{
		display:none;
	}
	.menu_cell_flex{
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: stretch;
		flex-wrap: wrap;
	}
		.menu_cell{
			display: inline-block;
			vertical-align: top;
			text-align: center;
			padding: 0.5em 20px;
		}
			.menu_box_a_bold:link,.menu_box_a_bold:visited,.menu_box_a_bold:active {
				text-decoration: none;
				color: #333;
				font-weight: 700;
				font-size: 1.0em;
			}
			.menu_box_a_bold:hover{
				color: #33f;
				font-weight: 700;
				font-size: 1.0em;
			}
			.menu_box_a_normal:link,.menu_box_a_normal:visited,.menu_box_a_normal:active {
				text-decoration: none;
				color: #333;
				font-size: 0.9em;
			}
			.menu_box_a_normal:hover{
				color: #33f;
				font-size: 0.9em;
			}
		.menu_box_bottom_container{
			background-color: #bbb;
			color: #fff;
			text-align: center;
			font-size: 0.9em;
		}
			.menu_box_bottom{
				padding: 0.3em 0px 0.4em 0px;
			}
				.menu_box_bottom_a_normal:link,.menu_box_bottom_a_normal:visited,.menu_box_bottom_a_normal:active {
					text-decoration: none;
					color: #fff;
					font-size: 0.9em;
					font-weight: 700;

				}
				.menu_box_bottom_a_normal:hover{
					color: #33f;
					font-size: 0.9em;
					font-weight: 700;

				}
.main_height_only{
}

.main{
	background-color: #fff;
}
.main_banner{
	background-color: #ddd;
}
	.gen_flex_banner{
		width: 100%;
		margin: 0px auto;
		display: block;
		height: inherit;
	}
	#main_banner_container{
		display: block;
		width:94%;
		height: 385px;
		vertical-align: bottom;
		text-align: right;
		background-position: center center;
		background-size: cover; 
		background-repeat: no-repeat;
		padding: 3%;

	}
	#main_banner_container_n{
		display: block;
		width:94%;
		height: 0px;
		vertical-align: bottom;
		text-align: right;
		background-position: center center;
		background-size: contain; 
		background-repeat: no-repeat;
		padding: 3%;
		padding-bottom: 53.3%;

	}
	.btn_on_banner{
		display:inline-block;
		background-color: #fff;
		color: #fff;
		font-size: 0.5em;
		width: 1em;
		height: 1em;
		border-radius: 12px;
		padding: 5px;
		margin: 5px 0px;
		text-decoration: none;
		box-shadow: 1px 1px 5px black
	}
		/* .main_banner_img{
			margin-left: calc( (100% - 684px) /2 );
			max-height: 100%;
		} */
	#main_banner_txt_container{
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		align-content: space-between;
		width: 90%;
		background-color: #eee;
		vertical-align: bottom;
		padding: 20px 5%;
		height: 240px;
	}
	.main_banner_txt_subcontainer{
		width: 100%;
	}
		#main_banner_icon_new{
			font-size: 10px;
			color: #fff;
			background-color: #F00;
			display: inline-block;
			padding: 5px;
			border-radius: 15px;
		}
		.main_banner_header{
			margin: 10px 0px;
		}
			.main_banner_title{
				font-size: 1.4em;
				font-weight: 700;
				margin: 0px;
				word-wrap: break-word;
				word-break: keep-all;
				
			}
			.main_banner_subtitle{
				font-size: 1em;
				font-weight: bold;
				margin: 5px 0px;
				color:#777;
                                line-height: 1.3;
                                word-break: keep-all;
				
			}
		.main_banner_article{
			margin-top: 5px;
			font-size: 0.8em;
			line-height: 1.4;
		}
		.main_banner_linkgo_container{
			text-align: right;
			padding: 10px;
		}
			.main_banner_linkgo:link,.main_banner_linkgo:visited{
				color: #444;
				background-color: #fff;
				display: inline-block;
				padding: 10px;
				border-radius: 13px;
				text-decoration: none;
				font-size: 0.8em;
				margin: 0px 0px 0px auto;
			}
			.main_banner_linkgo:active,.main_banner_linkgo:hover{
				color: #444;
				background-color: #cef;
				display: inline-block;
				padding: 10px;
				border-radius: 13px;
				text-decoration: none;
				font-size: 0.8em;
				margin: 0px 0px 0px auto;
			}
.ex1_area_a{
	width: 92%;
	display: block;
	background-color: #fff;
	padding: 1em 4%;
	height:9em;
	border-bottom:1px dashed #ccc;

}

.ex_area{
	display: block;
	justify-content: space-between;
	align-items: stretch;
}
		.ex1_area,.ex2_area,.ex3_area{
			background-color: #fff;
			padding: 20px 4%;
		}	
		.ex1_area{
			width: 50%;
			background-color: #efefef;
			display: none;
		}
		.ex1_img{
			display: inline-block;
			vertical-align: baseline;
			width: 20%;
			margin-right: 3%;
			box-shadow: 2px 2px 5px #999;
		}
		.ex1_txt{
			width: 75%;
			display: inline-block;
		}
		.ex2_area{
			width: 92%;
			display: block;
			border:0px;
			background-color: #eee;
			height: 7em;
			padding-top: 2em;
		}
		.ex2_more{
			text-align: right;
			font-size: 0.8em;
		}
			.ex_title_l{
				margin: 0px;
				text-overflow: ellipsis;
				word-wrap: break-word;
				overflow: hidden;
				font-size: 1.2em;
				max-height: 2.6em;
				line-height: 1.3em;
			}
			.ex_title_s{
				margin: 5px 0px 0px 0px;
				font-size: 0.9em;
				font-weight: normal;
				color: #555;
				text-overflow: ellipsis;
				word-wrap: break-word;
				overflow: hidden;
				max-height: 3.9em;
				line-height: 1.3em;
				text-indent: 7px;
			}
		.ex3_area{
			width: 92%;
			display: block;
			text-align: center;
			border-top:1px dashed #aaa;
			height: 8em;
		}
		.ex3_img{
			width:30%;
			display: inline;
		}
.ex1_ul{
	margin: 0em auto; font-size: 1.1em; font-weight: 700; text-align: left; width: 15em; list-style-position: inside; color: #bbb;
}

	.m1st_area{
		border-top: 1px dashed #ccc;
		border-bottom: 1px dashed #ccc;
		background-image: url('http://www.dngbook.com/files/main/cell_bg.jpg');
		background-position: center center;
		background-size: cover; 
		background-repeat: no-repeat;
		background-attachment: fixed;
		padding: 0px 4%;
		width: 92%
	}
	.m1st_mask{
		background-color: #FFFFFF;
		border-top: 1px dashed #ccc;
		border-bottom: 1px dashed #ccc;
		width: 100%;
		height: 450px;
		position: absolute;
		z-index: 100;
		text-align: center;
		font-weight: 700;
		font-size:1em;
		color: #bbb;
		vertical-align: middle;
	}
	.m1st_mask_title{
		margin-top:1em;
	}
	.m1st_area_off{
		background-color: #FFFFFF;
		border-top: 1px dashed #ccc;
		border-bottom: 1px dashed #ccc;
	}
		.m1st_p1{
			display: block;
			width: 94%;
			margin:7% 3% 9% 3%;
			text-align: right;
		}
			.m1st_img1{
				width: 40%;
				box-shadow: 3px 3px 10px #333;
				display: inline-block;
				position: relative;
				top:15px;
				/* transform: rotate(3deg); */
			}
		.m1st_p2{
			display: block;
			width: 94%;
			margin:7% 3% 9% 3%;
		}
			.m1st_img2{
				width: 38%;
				box-shadow: 3px 3px 10px #333;
				display: inline-block;
				position: relative;
				top:15px;
				/* transform: rotate(358deg); */
			}
		.m1st_title1{
			font-weight: 800;
			text-align: right;
			font-size: 1.8em;
			color: #fff;
			
		}
		.m1st_title2{
			font-weight: 800;
			text-align: left;
			font-size: 1.8em;
			color: #fff;
			
		}
		.m1st_ul{
			display: inline-block;
			list-style-type: none;
			text-indent: 0px;
			width: 40%;
			margin: 0% 2%;
			padding: 0px;
		}
			.m1st_ul li{
				margin: 0.3em;
			}
			.m1st_ul li:before{
				content: "";
			}
		.m1st_a_normal:link,.m1st_a_normal:visited,.m1st_a_normal:active{
			display: inline-block;
			border: 1px solid #fff;
			color: #fff;
			text-decoration: none;
			font-size: 0.8em;
			padding: 0.6em;
			border-radius: 0.6em;
			background-color: rgba(230, 145, 151, 0.55);
		}
		.m1st_a_normal:hover{
			background-color: #fff;
			color: rgb(230, 145, 151);
		}
		.m1st_a_bold:link,.m1st_a_bold:visited,.m1st_a_bold:active{
			display: inline-block;
			border: 1px solid #deffa1;
			color: #deffa1;
			text-decoration: none;
			font-size: 0.8em;
			padding: 0.6em;
			border-radius: 0.6em;
			background-color: rgba(230, 145, 151, 0.55);
		}
		.m1st_a_bold:hover{
			background-color: #deffa1;
			color: rgb(230, 145, 151);
		}
		.m1st_a_colored:link,.m1st_a_colored:visited,.m1st_a_colored:active{
			display: inline-block;
			border: 1px solid #fff1a0;
			color: #ffd900;
			text-decoration: none;
			font-size: 0.8em;
			padding: 0.6em;
			border-radius: 0.6em;
			background-color: rgba(230, 145, 151, 0.55);
		}
		.m1st_a_colored:hover{
			background-color: #fff1a0;
			color: rgb(230, 145, 151);
		}
	
	.m2nd_container{
		margin: 9% 5%;
		text-align: center;
	}
		.m2nd_title{
			font-size: 2em;
			font-weight: 700;
			color: #666;
			word-break: keep-all;
                        line-height: 1.4;
		}
		.m2nd_logo{
			width: 200px;
			display: inline-block;
			margin-left: 0%;
			position: relative;
			top:0px;
		}
		.m2nd_ul{
			display: inline-block;
			list-style-type: none;
			text-align: left;
			text-indent: 0px;
			width: 100%;
			margin: 0%;
			padding: 0px;
			font-size: 0.9em;
			font-weight: 700;
			color: #bbb;
		}
			.m2nd_ul li{
				margin: 0.7em 0px;
			}
			.m2nd_ul li:before{
				content: "· ";
			}
			.m2nd_2ul{
				list-style-type: none;
				font-weight: normal;
				font-size: 1.2em;
				padding: 0px;
				margin: 0.7em;
				margin-top: 0.3em;
			}
				.m2nd_2ul li{
					display: inline;
					padding: 0px;
					margin: 0px;
				}
				.m2nd_2ul li:before{
					content: "";
				}
				.m2nd_2ul li+li:before{
				content: "/ ";
				}
					.m2nd_a_normal:link,.m2nd_a_normal:visited,.m2nd_a_normal:active{
						text-decoration: none;
						color: #444;
					}
					.m2nd_a_normal:hover{
						text-decoration: underline;
						color: #444;
					}
	.m3rd_area{
		background-color: #f0f0f0;
		text-align: center;
	}
		.m3rd_left,.m3rd_right{
			display: inline-block;
			width:40%;
			max-width: 200px;
			margin: 0px;
			padding: 5%;
			text-align: center;
		}
		.m3rd_title{
			font-size: 1.4em;
			font-weight: 700;
			color:#666;
                        line-height: 1.3;
		}
		.m3rd_img{
			height: 5em;
			margin: 1%;
		}
		.m3rd_ul{
			list-style-type: none;
			padding: 0px;
			margin: 1%;
                        line-height: 1.4;
		}
		.m3rd_ul li{
			display: inline;
			padding: 0px;
			margin:0px;
		}
		.m3rd_ul li+li:before{
			content:"· ";
		}
					.m3rd_a_normal:link,.m3rd_a_normal:visited,.m3rd_a_normal:active{
						text-decoration: none;
						color: #444;
					}
					.m3rd_a_normal:hover{
						text-decoration: underline;
						color: #444;
						background-color: #fff;
					}
	.m4th_area{
		text-align: center;
		vertical-align: top;
		margin: 5% 2%;
	}
		.m4th_box{
			width:110px;
			border:3px solid #ccc;
			border-radius: 13px;
			background-color: #ddd;
			height:150px;
			overflow: hidden;
			text-align: center;
			word-break: keep-all;
			display: inline-block;
			margin: 1%;
			vertical-align: top;
		}
		.m4th_img{
			width: 100%;
			height: 110px;
			border-top-right-radius: 11px;
			border-top-left-radius: 11px;
                        margin-bottom: 0.5em;
		}
		.m4th_a{
			text-decoration: none;
			color:#333;
			display: block;
			font-size: 0.8em;
			height: 150px;
		}
					
					
					
					
.bottom{
	background-color: #eee;
	padding-bottom: 50px;
}	
	.bottom_left{
		margin:0px;
		display: block;
		width: 100%;
		text-align: center;
		vertical-align: top;
	}
		.bottom_logo{
			width:20%;
			margin: 1em 0px;
		}
	.bottom_mid{
		margin:0px;
		display: block;
		width: 93%;
		font-size: 0.7em;
		line-height: 1.5em;
		padding: 3%;
	}
	.bottom_right{
		margin:0px;
		display: block;
		width: 100%;
		vertical-align: top;
		text-align: center;
                padding: 0;
                float: none;
	}
	.bottom_img{
		width:10%;
		margin: 2% 1%;
	}
		.bottom_a_normal:link,.bottom_a_normal:visited,.bottom_a_normal:active{
			text-decoration: none;
			color: #444;
		}
		.bottom_a_normal:hover{
			text-decoration: underline;
			color: #444;
			background-color: #fff;
		}


.shop_splitter{
	height:1px;
	background-color: #eee;
	margin-bottom: 0px;
}
.shop_main_img_container{
	width:90%;
	border:0px;
	border-radius: 0px;
	display: block;
	margin: 0% auto;
	padding: 0px;
	text-align: center;
}
	.shop_main_img{
		width:100%;
		height:100%;
		border-radius: 17px;
	}
.shop_option_container{
	vertical-align:top;
	width:100%;
	margin:0% auto;
	display: inline-block;
	text-align: center;
	padding-top: 2%;
}
	.shop_main_subject{
		font-size: 1.3em;
		font-weight: 700;
		color:black;
		margin-bottom: 1em;
		word-break: keep-all;
	}
		.icon_freedlv{
			font-size: 10px;
			color:#fff;
			background-color: #8049bf;
			font-weight: 300;
			display: inline-block;
			padding: 2px;
			border-radius: 5px;
			margin: 0px 0px 0px 5px;
		}
		.icon_soldout{
			font-size: 10px;
			color:#fff;
			background-color: #bf4970;
			font-weight: 300;
			display: inline-block;
			padding: 2px;
			border-radius: 5px;
			margin: 0px 0px 0px 5px;
		}
	.shop_price_box{
		width:100%;
	}
	.shop_btn, .shop_btn_cart, .shop_btn_buy{
		padding: 1em;
		background-color: #ccc;
		border: 0px;
		border-radius: 1em;
		color:#fff;
		font-size: 0.8em;
	}
	.shop_btn_cart{
		font-weight: 700;
		background-color: #9abf1f;
	}
	.shop_btn_buy{
		font-weight: 700;
		background-color: #cdcf19;
	}

.shop_file_container{
	width:calc(80% - 3px);
	border:1px solid #ddd;
	border-radius: 20px;
	display: inline-block;
	margin: 1.5em 10%;
}
	.shop_file_title{
		margin:1em 0em 0em 2em;
		font-size: 0.7em;
		font-weight: 800;
		color:#999;
	}
	.shop_file{
		font-size:0.8em;
		padding: 0px;
		margin: 0.5em 0em 1em 2em;
	}
		.shop_file a:link,.shop_file a:visited,.shop_file a:active{
			text-decoration: none;
		}
		.shop_file a:hover{
			text-decoration: underline;
		}
.shop_hr{
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin:1em 0em;
    overflow: hidden;
}
.shop_view_main{
	width:100%;
}

.shop_view_title{
	font-weight: 700;
	color: #aaa;
	font-size: 0.8em;
	position: relative;
	top:-1em;
}
	.shop_view_inn{
		margin:0px 4% 2em 4%;
		line-height: 1.5;
		font-size: 0.9em
	}
.shop_main_subject_kind{
	font-size: 0.8em;
	color: #aaa;
	display: block;
	margin-bottom: 1em;
}


.shop_together{
	display: none;
}

.shop_listb_img_container{
	width: calc(33% - 2em);
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin-bottom: 1.5em;
	border-radius: 10%;
	padding: 0.6em 1em;
}
.shop_listb_img_container:hover{
	width: calc(33% - 2em);
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin-bottom: 1.5em;
	border-radius: 10%;
	background-color:#f3f3f3;
	padding: 0.6em 1em;
}
.skdbd_page_anchor{
	text-decoration: none;
	color: #69c;
	font-weight: 300;
	font-size: 1.5em;
}
.skdbd_page_anchor_bold{
	font-weight: 800;
	font-size: 1.5em;
}

.login_box{
	width:100%;
	max-width: 500px;
	border:0px;
	margin:30px auto 0px;
	padding:0px;
	background-color:#FFF;
	overflow:hidden;
}
.login_box_title {
	width:90%;
	border-radius: 8px;
	font-size:60px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:white;
	background-color:#CCC;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 20px;
	height:77px;
}
.login_banner{
	width:95%;
	border-radius: 8px;
}




.privacy_title{
	font-size: 2em;
	font-weight: 300;
	color:#ccc;
	text-align: center;
}
.privacy_view{
	text-align: center;
	vertical-align: top;
}
	.privacy_view_table{
		float:none;
		width: 93.5%;
		margin: 0% 3% 50px 3%;
	}
	.privacy_view_table td{
		padding:0.3em;
	}
	.privacy_view_table_m_title{
		background-color: #eee;
		border-radius: 15px;
	}
	.privacy_view_table_s_title{
		font-size: 0.8em;
		text-align: right;
		font-weight: 700;
		color:#ccc;		
	}
	.privacy_view_text{
		font-size:1em;
	}

.nav_spacer{
	display: block;
	height: 0.8em;
}




.cart_table_td_img{
	width:0%;
}
.cart_table_img{
	display:none;
}


.table_pay{
	margin: 30px auto 0 auto;
	width:95%;
	font-size:0.8em;
	display: block;
	vertical-align: top;
	background-color: #f5f5f5;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 0em;
	border-bottom-right-radius: 0em;
}
.table_pay div{
	padding: 3em 2em;
	line-height: 1.8;
}
.pay_total_view{
	display: block;
	width: 95%;
	margin: 0px auto 30px auto;
	vertical-align: top;
	background-color: #ddd;
	text-align: center;
	border-top-left-radius: 0em;
	border-top-right-radius: 0em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	padding-top:1.5em;
}
.span_pay_total{
	font-size: 2em;
	display: block;
	text-align: center;
	background-color: #fff;
	padding: 0.3em;
	color: #c90000;
	margin: 0.3em 10% 0em 10%;
	border-radius: 10px;
}

.contact_sqare{
	display: inline-block;
	width: 95%;
	margin: 2%;
	border:2px solid #ddd;
	border-radius: 1em;	
	min-height: 300px;
	vertical-align: top;
	text-align: center;
}
.contact_info{
	max-width: 90%;
	font-size: 0.85em;
	line-height: 1.5;
	padding-right: 20px;
	margin: 2em auto;
	color: #ccc;
}
.skdqt_half{
	font-size:0.9em;
}
.skdqt_left{
	width:100%;
	display: inline-block;
	vertical-align: top;
	border-right: 0px;
	padding-right:0%;
}
.skdqt_right{
	width:100%;
	display: inline-block;
	vertical-align: top;
	padding-left: 0%;
}
.skdqt_ht{
	margin-top: 1em;
	font-size:0.9em;
	font-weight: 700;
	color:#867d1a;
}
.skdbd_list{
	font-size: 0.85em;
}


#td_addr_title, #td_addr_0 {
	display: none;
}

.sx1_area{
	display: inline-block;
	width: 100%;
	text-align: center;
}
.sx2_area{
	display: inline-block;
	width: calc(100% - 1.4em);
	max-width: calc(100% - 1.4em);
	text-align: center;
	padding: 0.7em;
	margin: 0 auto;
	border-bottom: 1px dotted #ddd;
}
.sx_con{
	display: inline-block;
	margin-left: 0.3em;
}

.sx_icon{
	height: 3em;
	display:inline-block;
}
.sx_title{
	color:#000;
	font-weight: 700;
	text-decoration: none;
}
.sx_title_s{
	color:#000;
	font-weight: 700;
	font-size: 0.9em;
	text-decoration: none;
}
.sx_text{
	color: #aaa;
	font-size: 0.7em;
}
.sx_icon2{
	height: 2.6em;
}

.cx2_area{
	display: inline-block;
	width:calc(100% - 4em);
	background-color: #efefef;
	padding:2em;
	font-size: 1.2em;
}
.cx3_area{
	width:100%;
	text-align: center;
	background-color: #efefef;
	padding-top:0em;
	padding-bottom:1em;
}


.d_img,.d_img_soldout{
	display: none;
}
.prtable{
border:0px;
border-top:4px solid #ccc;
border-radius: 0;
}

	.prtable td{
		border-bottom: 1px dashed #eee;
		margin: 0;
	}

.td_1{
	width:10%;
}
















}