@charset "utf-8";

body {
	background: #fff;
	color: #333;
	font-family: Helvetica, Hiragino Kaku Gothic Pro, 'Helvetica Neue', sans-serif;
	font-size: 12px;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
}

.inner {
	width: 1040px;
	margin: 0 auto;
}

.clear_b {
	clear: both;
	height: 0;
}

/*--------------------
	#header
---------------------*/

#header {
	padding: 14px 0 8px;
	border-top: 2px solid #26B1C3;
}

#header .header_logo {
	float: left;
	margin: 0 16px 0 0;
}

#header .header_title {
	float: left;
	line-height: 50px;
	    font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

#header .header_sns {
	float : right;
}

#header .header_sns ul li {
	float: left;
	margin: 0 6px;
}

/*--------------------
	#header_nav
---------------------*/

#header_nav {
	background: url('../images/frame/nav_bg.png');
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
}

#header_nav ul li {
	float: left;
	border-left: 2px solid #D0D0D0;
	font-weight: 900;
	border-left: 2px solid #D0D0D0;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

#header_nav ul li a {
	color: #000;
	height: 42px;
	display: block;
}

#header_nav ul li a:hover {
	text-decoration: none;
	color: #fff;
}

#header_nav ul li.nav_01 {
	width: 145px;
	font-family: 'Lora', serif;
	font-size: 13px;
	line-height: 42px;
	letter-spacing: 1.5px;
	text-align :center;
}

#header_nav ul li.nav_01:hover {
	background: url('../images/frame/nav_bg_hover.png');
}

#header_nav ul li.nav_02 {
	width: 145px;
	font-size: 13px;
	line-height: 42px;
	letter-spacing: 1.5px;
	text-align :center;
}

#header_nav ul li.nav_02:hover {
	background: url('../images/frame/nav_bg_hover.png');
}

#header_nav ul li.nav_03 {
	width: 145px;
	font-size: 13px;
	line-height: 42px;
	letter-spacing: 1.5px;
	text-align :center;
}

#header_nav ul li.nav_03:hover {
	background: url('../images/frame/nav_bg_hover.png');
}

#header_nav ul li.nav_04 {
	width: 145px;
	font-size: 13px;
	line-height: 42px;
	letter-spacing: 1.5px;
	text-align :center;
}

#header_nav ul li.nav_04:hover {
	background: url('../images/frame/nav_bg_hover.png');
}

#header_nav ul li.nav_05 {
	width: 145px;
	font-size: 13px;
	line-height: 42px;
	letter-spacing: 1.5px;
	text-align :center;
}

#header_nav ul li.nav_05:hover {
	background: url('../images/frame/nav_bg_hover.png');
}

#header_nav ul li.nav_06 {
	width: 145px;
	font-size: 13px;
	line-height: 42px;
	letter-spacing: 1.5px;
	text-align :center;
}

#header_nav ul li.nav_06:hover {
	background: url('../images/frame/nav_bg_hover.png');
}

#header_nav ul li.contact_nav {
	width: 154px;
	line-height: 42px;
	border-right: 2px solid #D0D0D0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003880+0,003880+50,00285c+100 */
	background: #003880; /* Old browsers */
	background: -moz-linear-gradient(left, #003880 0%, #003880 50%, #00285c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003880), color-stop(50%,#003880), color-stop(100%,#00285c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #003880 0%,#003880 50%,#00285c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #003880 0%,#003880 50%,#00285c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #003880 0%,#003880 50%,#00285c 100%); /* IE10+ */
	background: linear-gradient(to right, #003880 0%,#003880 50%,#00285c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003880', endColorstr='#00285c',GradientType=1 ); /* IE6-9 */
}

#header_nav ul li.contact_nav span {
	font-family: 'Lora', serif;
	font-size: 15px;
	letter-spacing: 1.5px;
}

#header_nav ul li.contact_nav a {
	color: #fff;
	background: url('../images/frame/contact_arrow.png') no-repeat;
	background-position: 130px 16px;
}

/*--------------------
	#thumb-h
---------------------*/

#thumb-h {
	background: #000;
	padding: 0 0 10px 0;
}

.sp-selected-thumbnail {
	border: 4px solid #fff;
}

.sp-slide {
	opacity: 0.3;
}

.sp-selected {
	opacity: 1;
}

/*--------------------
	#contents
---------------------*/



/*--------------------
	#footer
---------------------*/

#footer {
	font-weight: 900;
	clear: both;
	padding: 30px 0 0 0;
	border-top: solid 1px #ddd;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

#footer ul.main {
	margin: 0 0 3px 0;
}

#footer ul.main, div#detail {
	background: #fff;
	padding: 6px 10px;
}

#footer div.inner {
	width: 1040px;
	position: static;
	background: #ededed;
	padding: 4px 4px 1px 4px;
	margin-bottom: 20px;
}

#footer ul.main li {
	width: 245px;
	float: left;
	font-size: 13px;
	text-align: left;
}

#footer ul.close li a {
	padding: 1px 0 0 15px;
	background: url('../images/frame/icon_outline_minus.gif') no-repeat 0 .4em;
}

#footer ul.open li a {
	padding: 0 0 0 15px;
	background: url('../images/frame/icon_outline_plus.gif') no-repeat 0 .4em;
}

#footer div#detail ul.item1, div#detail ul.item2 {
	width: 245px;
}

#footer div#detail ul.item3, div#detail ul.item4 {
	width: 245px;
}

#footer div#detail ul {
	float: left;
	line-height: 1.6;
	margin: 0 0 7px 0;
}

#footer div#detail ul li {
	text-align: left;
	background: url('../images/frame/icon_outline.gif') no-repeat 0 .5em;
	padding: 0 10px 0 12px;
	margin: 0 0 9px 0;
	clear: both;
	min-height: 1%;
}

#footer p.button {
	display: none;
	font-size: 1px;
	margin: 4px 0;
}

#footer p.button a.close {
    background-image: url('../images/frame/bt_outline_up.gif');
}

#footer p.button a {
	height: 26px;
	font-size: 10px;
	display: block;
	color: #000;
	background: url('../images/frame/bt_outline_down.gif') no-repeat 50% 75% #fff;
}

#footer p.button a:hover {
	text-decoration: none;
	background: url('../images/frame/bt_outline_down.gif') no-repeat 50% 75% #EAEAEA;
}

#footer p.button a.close {
	background-image: url('../images/frame/bt_outline_up.gif');
	background-color: #F9F9F9;
}

#footer p.button a.close:hover {
	background-color: #EAEAEA;
}

/*--------------------
	#footer_parts
---------------------*/

#footer_parts {
	padding: 0 0 13px 0;
}

#footer_parts .footer_logo {
	float: right;
}

#footer_parts .footer_sns {
	float: left;
}

#footer_parts .footer_sns ul li {
	float: left;
	margin: 0 6px;
}

/*--------------------
	#copy
---------------------*/

#copy {
	background: #375197;
	padding: 10px 5px 10px 0;
	text-align: right;
	font-size: 12px;
	color: #fff;
}

/*--------------------
	#top_company  
---------------------*/

#top_company  {
	height: 384px;
	margin: 0 0 0px 0;
	text-align: left;
	background: url('../images/frame/top_company_bg.png') no-repeat center #F0F3F9;
}

#top_company .right_position {
	width: 463px;
	float: right;
}

#top_company h2 {
	font-family: 'Domine', serif;
	margin: 46px 0 14px 0;
	font-size: 23px;
}

#top_company h3 {
	margin: 0 0 22px 0;
	font-size: 16px;
	line-height: 34px;
	padding: 0;
	background: none;
}

#top_company p {
	font-size: 14px;
	line-height: 30px;
	margin: 0 0 21px 0;
}

#top_company .company_bt {
	background: #333333;
	padding: 5px 10px;
	width: 156px;
	text-align: center;
	font-weight: 900;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

#top_company .company_bt a {
	color: #fff;
	display: block;
	height: 18px;
}

/*--------------------
	#top_bn_area
---------------------*/

#top_bn_area {
	padding: 20px 0;
	background: url('../images/frame/bn_area_bg.png');
}

#top_bn_area ul li {
	float: left;
	margin: 3px;
}

#top_bn_area ul li.bn_01 {
	margin: 0 13px 12px 0;
}

#top_bn_area ul li.bn_02 {
	margin: 0 13px 12px 0;
}

#top_bn_area ul li.bn_03 {
	margin: 0 0 12px 0;
}

#top_bn_area ul li.bn_04 {
	margin: 0 13px 12px 0;
}

#top_bn_area ul li.bn_05 {
	margin: 0 13px 12px 0;
}

#top_bn_area ul li.bn_06 {
	margin: 0 0 12px 0;
}

#top_bn_area ul li.bn_07 {
	margin: 0 13px 0 0;
}

#top_bn_area ul li.bn_08 {
	margin: 0 13px 0 0;
}

#top_bn_area ul li.bn_09 {
	margin: 0 0px 12px 0;
}


/*--------------------
	#top_contents
---------------------*/

#top_contents {
	background: #fff;
	padding: 25px 0;
}

#top_contents .campaign_box {
	width: 1016px;
	padding: 18px 11px;
	background: #F8F7F7;
	border: 1px solid #DCDCDC;
}

#top_contents .news_box {
	border: 1px solid #DCDCDC;
	width: 686px;
	float: left;
	position: relative;
	margin: 0 0 19px 0;
}

#top_contents .news_box h2 {
	font-family: 'Lora', serif;
	font-size: 16px;
	font-weight: 900;
	background: #FAFAFA;
	padding: 7px 13px;
	text-align: left;
}

#top_contents .news_box h2 span {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-weight: 900;
	font-size: 12px;
	margin: 0 0 0 15px;
}

#top_contents .news_box .obj {
	position: absolute;
	top: 8px;
	right: 13px;
}


#top_contents .news_box iframe {
	width: 687px;
	height: 197px;
}

.secInfo {
	width: 687px;
	height: 197px;
}

.secInfo .news_topics {
	border-bottom: 1px dotted #CCC;
}

.secInfo dl {
	height: 197px;
	overflow: auto;
}

.secInfo dt {
	clear: left;
	float: left;
	padding: 10px 10px;
	width: 52px;
}

.secInfo dd {
	float: left;
	width: 585px;
	text-align: left;
	padding: 17px 0;
}

.secInfo dd span {
	color: #B79A80;
	display: block;
	font-size: 12px;
}

.secInfo dd a {
	color: #3C3B3B;
}

.secInfo dd a:hover {
	color: #41599A;
	text-decoration: none;
}


#top_contents .mailmaga_box {
	border: 1px solid #DCDCDC;
	width: 332px;
	float: right;
	position: relative;
	margin: 0 0 19px 0;
}

#top_contents .mailmaga_box h2 {
	font-family: 'Lora', serif;
	font-size: 16px;
	font-weight: 900;
	background: #BEBEBE;
	padding: 7px 13px;
	text-align: left;
	margin: 2px 2px 0 2px;
}

#top_contents .mailmaga_box h2 span {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-weight: 900;
	font-size: 12px;
	margin: 0 0 0 15px;
}

#top_contents .mailmaga_box p {
	color: #B79A80;
	font-size: 12px;
	text-align: left;
	padding: 10px 10px 0;
	letter-spacing: 1px;
}

#top_contents .mailmaga_box h3 {
	background-image: none;
	text-align: left;
	padding: 0;
	margin: 0 0 4px 0;
}

#top_contents .mailmaga_box .secMagazine {
	margin-bottom: 14px;
}

#top_contents .mailmaga_box .secMagazine .magJoin {
	margin-bottom: 5px;
	padding: 0 10px;
	width: 312px;
	float: none;
}

.secMagazine input[type="text"] {
	border: 1px solid #CCC;
	width: 80%;
	height: 23px;
}

.secMagazine input.submit_bt {
	color: #fff;
	background: #484444;
	border: none;
	border-radius: 0;
	width: 19%;
	height: 25px;
	margin: 0 0 0 -4px;
	font-weight: 900;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

#top_contents .mailmaga_box .magExit {
	margin-bottom: 13px;
	padding: 0 10px;
	width: 312px;
	float: none;
}

.magExit input[type="text"] {
	border: 1px solid #CCC;
	width: 80%;
	height: 23px;
}

.magExit input.submit_bt {
	color: #fff;
	background: #484444;
	border: none;
	border-radius: 0;
	width: 19%;
	height: 25px;
	margin: 0 0 0 -4px;
	font-weight: 900;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

/*--------------------
	#subMenucol
---------------------*/

#subMenucol .side_bn {
	margin: 0 0 18px;
}

#subMenucol .side_box {
	border: 1px solid #DCDCDC;
	position: relative;
	margin: 0 0 19px 0;
}

#subMenucol .side_box h2 {
	font-family: 'Lora', serif;
	font-size: 16px;
	font-weight: 900;
	background: #D7D7D7;
	padding: 7px 13px;
	text-align: left;
	margin: 2px 2px 0 2px;
}

#subMenucol .side_box h2 span {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-weight: 900;
	font-size: 12px;
	margin: 0 0 0 15px;
}

#subMenucol .side_box .side_list {
	border-bottom: 1px solid #DCDCDC;
}

#subMenucol .side_box .side_list:hover {
	background: #F5F5F5;
}

#subMenucol .side_list dt {
	float: left;
	width: 52px;
	margin: 8px;
}

#subMenucol .side_list dd {
	float: left;
	width: 67%;
	padding: 10px 0;
}

#subMenucol .side_list a {
	color: #666;
}

#subMenucol .side_box iframe {
	margin: 8px;
}

#subMenucol .side_box .company_list {
	padding: 0px 0 0px 12px;
}

#subMenucol .side_box .company_list a {
	line-height: 36px;
	display: block;
}

#subMenucol .side_box .company_list a:hover {
	text-decoration: none;
}

.products_order_bt {
	width: 70%;
	margin: 45px 15% 30px;
	padding: 5px 0 6px;
	text-align: center;
	border: 2px solid #D0D0D0;
	background: #003880;
	background: -moz-linear-gradient(left, #003880 0%, #003880 50%, #00285c 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003880), color-stop(50%,#003880), color-stop(100%,#00285c));
	background: -webkit-linear-gradient(left, #003880 0%,#003880 50%,#00285c 100%);
	background: -o-linear-gradient(left, #003880 0%,#003880 50%,#00285c 100%);
	background: -ms-linear-gradient(left, #003880 0%,#003880 50%,#00285c 100%);
	background: linear-gradient(to right, #003880 0%,#003880 50%,#00285c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003880', endColorstr='#00285c',GradientType=1 );
}

.products_order_bt span {
	font-family: 'Playfair Display', serif;
	font-size: 26px;
	font-weight: normal;
	letter-spacing: 1.5px;
	margin: 0 11px 0 0;
}

.products_order_bt a {
	color: #fff;
	font-size: 16px;
	display: block;
	font-weight: 900;
	background: url('../images/frame/contact_arrow.png') no-repeat;
	background-position: 393px 18px;
}

.products_order_bt a:hover {
	text-decoration: none;
}

.bottom_bn_box {
	background: #F9F9F9;
	padding: 15px;
}

.bottom_bn_box ul li {
	float: left;
	margin: 0 6px 12px;
}


/*---------
	sp-css
-----------------------*/

@media (max-width: 480px) {
	
	/*--
		layout
	------------*/
	
	#contents {
		width: 100%;
	}
	
	#subMaincol {
		width: 96%;
		margin: 0 2% 20px;
	}
	
	#subMenucol {
		width: 96%;
		margin: 0 2% 0px;
	}
	
	#entryBody {
		width: 96%;
		margin: 0 2% 20px;
	}
	
	#footer div.inner {
		width: 96%;
		margin: 0 1% 20px;
		padding: 4px 1% 1px 1%;
	}
	
	.inner {
		width: 100%;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
	
	iframe {
		max-width: 100%;
		height: auto;
	}
	
	.grid6 {
		width: 100%;
		margin: 0;
	}
	
	.grid340 {
		width: 100%;
		margin: 0;
	}
	
	#subMaincol p {
		margin: 0 0 15px 0;
	}
	
	.grid3 {
		width: 46%;
		float: left;
		margin: 0 2% 10px;
	}
	
	/*--
		contents
	------------*/
	
	.sp-horizontal .sp-previous-arrow {
		background-size: 30px 30px !important;
		width: 30px !important;
		height: 30px !important;
	}
	
	.sp-horizontal .sp-next-arrow {
		background-size: 30px 30px !important;
		width: 30px !important;
		height: 30px !important;
	}
	
	.header {
		display: block;
	}
	
	#header .header_logo {
		text-align: center;
		float: left;
		margin: 0 0 10px 5px;
	}
	
	#header .header_title {
		display: none;
	}
	
	#header .header_sns {
		margin: 12px 0 0 0;
	}
	
	#header_nav {
		display: none;
	}
	
	#footer_parts .footer_sns {
		display: none;
	}
	
	#footer_parts .footer_logo {
		text-align: center;
		float: none;
	}
	
	#copy {
		text-align: center;
	}
	
	.side_box iframe {
		width: 95%;
	}
	
	.side_bn img {
		width: 100%;
	}
	
	.products_top .grid3 {
		width: 46%;
		float: left;
		margin: 0 2% 10px;
	}
	
	#subMaincol h1 span {
		font-size: 34px;
	}
	
	.flexslider .slides img {
		height: auto;
	}
	
	.flex-control-nav {
		display: none;
	}
	
	.tabNavi ul.orderTab {
		display: none;
	}
	
	.tabNavi ul.productTab li {
		margin: 0 11px 11px 0;
	}
	
	#subMaincol .products_box {
		width: 46%;
		margin: 0 2% 10px;
	}
	
	.first {
		clear: none;
	}
	
	.products_order_bt {
		width: 90%;
		margin: 30px 5% 30px;
	}
	
	.bottom_bn_box {
		padding: 10px 5px;
	}
	
	.m238 {
		min-height: 238px;
	}
	
	#subMaincol .gallery_box {
		width: 46%;
		margin: 0 1.5% 11px;
	}
	
	#subMaincol .gallery_box .inner_bt {
		width: 132px;
	}
	
	#subMaincol .gallery_box .obj {
		top: 0px;
		left: 0px;
		width: 100%;
	}
	
	.side_bnner_list li {
		width: 48%;
		float: left;
		margin: 0 1% 0px;
	}
	
	.side_bnner_list_company li {
		width: 48%;
		float: left;
		margin: 0 1% 0px;
	}
	
	#subMaincol .entryTxt dl.faq {
		margin: 0;
	}
	
	#subMaincol table.contact_table {
		width: 100%;
	}
	
	#subMaincol table.contact_table th {
		display: block;
		width: 98%;
		padding: 7px 1%;
		border: 1px solid #CCC;
	}
	
	#subMaincol table.contact_table td {
		display: block;
		width: 96%;
		padding: 10px 2%;
		border: 1px solid #CCC;
	}
	
	#subMaincol table.contact_table .none {
		display: none;
	}
	
	#subMaincol table.contact_table textarea {
		width: 100%;
	}
	
	
	#entryBody table.contact_table {
		width: 100%;
	}
	
	#entryBody table.contact_table th {
		display: block;
		width: 98%;
		padding: 7px 1%;
		border: 1px solid #CCC;
	}
	
	#entryBody table.contact_table td {
		display: block;
		width: 96%;
		padding: 10px 2%;
		border: 1px solid #CCC;
	}
	
	#entryBody table.contact_table .none {
		display: none;
	}
	
	#entryBody table.contact_table textarea {
		width: 100%;
	}
	
	#subMaincol .order_box {
		width: 48%;
		float: left;
		margin: 0 1% 29px;
		min-height: 302px;
	}
	
	#subMaincol .order_box .order_box_bt span {
		background: none;
		padding: 5px;
	}
	
	#subMaincol .order_box .order_box_bt {
		font-size: 10px;
	}
	
	#subMaincol .order_box h3 {
		line-height: 27px;
	}
	
	#subMaincol p.bg0FF {
		font-size: 10px;
	}
	
	#subMaincol .linkBlank {
		background: url(../images/ico_linkblank_01.gif) no-repeat right 2px;
	}
	
	#subMaincol .order_text_box .worning_text {
		margin: 14px 10px 14px;
	}
	
	#big-sabmit-bt {
		width: 90%;
		font-size: 19px;
		padding: 5px 10px;
		margin: 0 5% 30px;
	}
	
	.imgR {
		float: none;
	}
	
	#entryBody table.order_head {
		width: 100%;
	}
	
	#entryBody table.order_head th {
		display: block;
		width: 98%;
		padding: 7px 1%;
		border: 1px solid #CCC;
	}
	
	#entryBody table.order_head td {
		display: block;
		width: 96%;
		padding: 10px 2%;
		border: 1px solid #CCC;
	}
	
	#entryBody table.order_head td select {
		width: 100%;
	}
	
	#entryBody .orderList table {
		width: 96%;
		margin: 0 2% 10px;
	}
	
	#entryBody .orderList table th {
		display: block;
		width: 98%;
		padding: 7px 1%;
		border: 1px solid #CCC;
	}
	
	#entryBody .orderList table td {
		display: block;
		width: 96%;
		padding: 10px 2%;
		border: 1px solid #CCC;
	}
	
	.orderList .itemBox .itemInfo {
		width: 100%;
	}
	
	.orderList .center img {
		width: 96%;
		margin: 0 2% 4px;
	}
	
	.orderList .ml25,.orderList .ml15 {
		width: 31%;
		margin: 0 1.1%;
	}
	
	.orderList .itemBox .itemImg02 {
		width: 96%;
		margin: 0 2% 5px;
	}
	
	.orderList .itemBox .itemImg02 ul li {
		width: 31%;
		margin: 5px 1.1% 0;
	}
	
	#accordion dt {
		padding: 7px;
		background-position: right 6px center;
		background-size: 23px 23px;
	}
	
	#accordion dt span {
		margin: 0 0 0 7px;
		font-size: 15px;
		line-height: 40px;
	}
	
	#accordion dd {
		padding: 3px;
	}
	
	.orderList .itemBox .itemInfo02 {
		width: 100%;
	}
	
	.price-box {
		width: 100%;
		position: fixed;
		bottom: 0px;
		left: -1px;
		margin-bottom: 0px;
	}
	
	.price_inner {
		display: none;
	}
	
	.new-text {
		margin-left: 4px !important;
	}
	
	.price-box .close {
		border-radius: 0;
		background-image: url('../images/price_arrow_open.png');
		background-repeat: no-repeat;
		background-position: right 4px center;
	}
	
	.price-box .open {
		border-radius: 0;
		background-image: url('../images/price_arrow_close.png');
		background-repeat: no-repeat;
		background-position: right 4px center;
	}
	
	.price-box-title {
		background: rgba(0,0,0,0.8);
	}
	
	
	#entryBody .cart_tablse   { width: 100%; }
	#entryBody .cart_tablse th, #entryBody .cart_tablse td  { padding: 10px; border: 1px solid #ddd; font-size: 14px; }
	#entryBody .cart_tablse th  { background: #f4f4f4; }
	
	#entryBody .cart_tablse { 
		display: block;
		width: 98.5%;
		margin: 0 0.5% 10px 0.5%;
	}
	#entryBody .cart_tablse thead{ 
		display: block;
		float: left;
		overflow-x: scroll;
	}
	
	#entryBody .cart_tablse tbody{ 
		display: block; 
		width: auto; 
		overflow-x: auto; 
		white-space: nowrap;
	}
	#entryBody .cart_tablse th{ 
		display: block;
		width:auto;
	}
	#entryBody .cart_tablse tbody tr{ 
		display: inline-block; 
		margin: 0 -3px;
	}
	#entryBody .cart_tablse td{ 
		display: block;
		text-align: left;
	}
	
	#entryBody .cart_tablse td.pt8 {
		padding: 8px;
	}
	
	#entryBody .cart_tablse td.m-height22 {
		min-height: 22px;
	}
	
	input.button.back_bt {
		margin-bottom: 10px;
	}
	
	input.button.next_bt {
		margin-bottom: 10px;
	}
	
	.cart_page_option_table td {
		width: 94%;
		display: inline-flex;
	}
	
	.cart_page_option_table td img {
		width: 100px;
		height: 100px;
		margin: 0 12px 0 0;
	}
	
	.cart_page_thumb img {
		width: 46%;
		margin: 0 1% 10px;
	}
	
	a.cart_page_link {
		padding-right: 20px;
		color: #26B1C3;
		font-size: 13px;
		line-height: 28px;
		background: url(../images/ico_linkblank_01.gif) no-repeat right 3px;
	}
	
	#entryBody .order_contact_table {
		width: 100%;
	}
	
	#entryBody .order_contact_table th.font13 {
		font-size: 12px;
	}
	
	#entryBody .order_contact_table th {
		background-color: #002E6A;
		color: #FFF;
	}
	
	#entryBody .order_contact_table td {
		display: block;
		width: 96%;
		padding: 5px 2%;
		min-height: 20px;
	}
	
	#entryBody .order_contact_table td input {
		display: block;
	}
	
	#entryBody .order_contact_table td textarea {
		width: 100%;
	}
	
	#entryBody .order_contact_table td.head_td {
		color: #676767;
		background-color: #EEEEEE;
		font-weight: 900;
		font-size: 13px;
	}
	
	input.button.back_bt_2 {
		margin: 0 0 10px 0;
	}
	
	input.button.back_bt_3 {
		margin: 0 0 10px 0;
	}
	
	input.button.next_bt_2 {
		margin: 0 0 10px 0;
	}
	
	.bt_table td {
		display: block;
	}
	
	#subMaincol .compliance_table th, #subMaincol .compliance_table td {
		display: block;
	}
	
	#top_contents .news_box {
		width: 96%;
		margin: 0 2% 19px;
	}
	
	#top_contents .news_box iframe {
		width: 100%;
	}
	
	.secInfo {
		width: 100%;
	}
	
	.secInfo dt {
		width: 15%;
	}
	
	.secInfo dd {
		width: 76%;
	}
	
	#top_contents .mailmaga_box {
		width: 97%;
		margin: 0 1% 19px;
	}
	
	#top_contents .campaign_box {
		margin: 0 2% 0;
		width: 92%;
		padding: 15px 2%;
	}
	
	#top_company {
		background-size: cover;
		padding: 0 0 49px 0;
		background: #F0F3F9;
		border-top: 1px solid #ddd;
	}
	
	#top_company .right_position {
		width: 96%;
		margin: 0 2%;
	}
	
	#top_company h2 {
		margin: 25px 0 14px 0;
	}
	
	.campaign_box .bx-wrapper .bx-next {
		right: 0;
	}
	
	.campaign_box .bx-wrapper .bx-prev {
		left: 0;
	}
	
	#top_contents .mailmaga_box .secMagazine .magJoin {
		width: 96%;
		padding: 0 2%;
	}
	
	.secMagazine input[type="text"] {
		width: 79%;
	}
	
	.secMagazine input.submit_bt {
		margin: 0 0px 0 -4px;
	}
	
	#top_contents .mailmaga_box .magExit {
		width: 96%;
		padding: 0 2%;
	}
	
	.magExit input[type="text"] {
		width: 79%;
	}
	
	.magExit input.submit_bt {
		margin: 0 0px 0 -4px;
	}
	
	#top_bn_area ul li {
		width: 96%;
		margin: 6px 2%;
	}
	
	#top_bn_area {
		padding: 5px 0;
	}
	
	#top_bn_area ul li.bn_01,#top_bn_area ul li.bn_02,#top_bn_area ul li.bn_03,#top_bn_area ul li.bn_04,#top_bn_area ul li.bn_05,#top_bn_area ul li.bn_06,#top_bn_area ul li.bn_07,#top_bn_area ul li.bn_08,#top_bn_area ul li.bn_09 {
		margin: 6px 2%;
	}
	
	#subMaincol .order_doll .mart100_box {
		width: 100%;
		margin-left: 0;
	}
	
	.orderList .ds100_cos img {
		width: 45%;
		margin: 0 2% 8px;
		float: left;
	}
	
	#subMaincol .gallery_ex_area, #subMaincol .gallery_ds_area {
		width: 100%;
		float: none;
	}
	
	#subMaincol .orderList .a_make_box {
		margin: 0 7px 15px;
		padding: 7px;
	}
	
	#subMaincol .orderList .a_make_box .left {
		width: 100%;
	}
	
	#subMaincol .orderList .a_make_box .right {
		width: 100%;
	}
	
	#subMaincol .orderList .a_make_list {
		margin: 0 7px 12px;
	}
	
	#subMaincol .orderList .a_make_list li {
		width: 104px;
		margin: 0 4px 0 0;
	}
	
	video {
		width: 100%;
		height: auto;
		min-height: 255px;
	}
	
	.shop-list figure {
		width: 100%;
		float: none;
		padding: 5px 0;
		margin: 0 0 5px;
	}
	
	.shop-list .text {
		width: 100%;
		float: none;
		padding: 5px 0;
		margin: 0 0 5px;
	}
	
	.shop-list .more {
		width: 100%;
		float: none;
		margin: 0 0 20px;
		padding: 0;
	}
	
}