@charset "utf-8";

/*共通要素*/
/*font*/
* {
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, /* 'Source Sans Pro',Arial,Helvetica,sans-serif, */ 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif , serif;
}

html, body { height:100%; margin:0; }


/*リセット*/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,small,weight,dl,dt,dd,figure {
	border:0;
	margin:0;
	padding:0;
	font-size:14px;
	outline:0;
	vertical-align: baseline;
}

/*タグ*/
body {
	color:#333;
	-webkit-text-size-adjust:100%;
	position:relative;
	height: 100%;
}

body > img { 
	position:absolute; 
	right:0; 
	bottom:0; 
}

a {
	border:0;
	outline:none;
	color:#333;
	text-decoration: none;
	word-break: break-all;
}

a:hover {
	color:#aaa;
	text-decoration: underline;
}

ul,ol	{ 
	list-style:none; 
}

img {
	border-style:none;
	vertical-align:bottom;
	line-height:1.0;
}

header,section,article,aside,figure { 
	display:block; 
}

/*ポジション*/
.clear {
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
	width:0px;
}

.f_left	{ float:left; }
.f_right{ float:right; }

.a_left		{ text-align:left; }
.a_center	{ text-align:center;}
.a_right	{ text-align:right;}

.d_block { display:block; }
.d_inline { display:inline; }
.d_i_block { display:inline-block; }

/*サイズ*/
@media screen and (max-width: 768px) { 
	.auk_size { width:100px; } 
	.np_size { width: 100%;}
	.w_m { width:120px; }
	.w_l { width:132px; }
}

.dis_no_sp { display: inline-block;}
@media screen and (max-width: 768px) { 
	.dis_no_sp { display: none;}
}

.disp_pc {
	display: block;
}
@media screen and (max-width: 768px) { 
	.disp_pc { display: none;}
}

.disp_sp {
	display: none;
}
@media screen and (max-width: 768px) { 
	.disp_sp { display: block;}
}

.img_spfull {
	width: auto;
}
@media screen and (max-width: 768px) {
	.img_spfull {
		width: 100%;
	}
}

/*テキスト*/
.green	{ color:#17a996; }
.or { color: #ff982b;}
.red { color: #d00;}

.w_b { word-wrap:break-word; }
.nomal	{ font-weight:400; }
.bold	{ font-weight:700; }
.under	{ text-decoration:underline; }
.through{ text-decoration:line-through; }
.no_line a { text-decoration:none; }
.no_line a:hover { text-decoration:underline; }

.fs_24	{ font-size:24px; line-height:36px; }
.fs_20	{ font-size:20px; line-height:30px; }
.fs_18	{ font-size:18px; line-height:24px; }
.fs_16	{ font-size:16px; line-height:21px; }
.fs_14	{ font-size:14px; line-height:18px; }
.fs_12	{ font-size:12px; line-height:14px; }
.fs_10	{ font-size:10px; line-height:12px; }

.ls_1 { letter-spacing:1px; } 
.ls_m1 { letter-spacing:-1px; }

/*カラー*/
.gd_white {
	background:#f5f5f5;
}

.ca_color { background:#e9e9e9; height:1px; overflow:hidden; }
#member_s .ca_color { background:none; }

@media screen and (max-width: 768px) { .ca_color { background:#333; } }

/*price*/
.price { font-weight:700; color:#333; }
.price_f { font-size:10px; text-decoration:line-through; color:#666; }
 
 
/*header*/
#header { display: block; width: 100%;}

#header .inner_box { position: relative; width: 980px; padding: 0 10px;}

#h_logo {
	margin: 20px auto;
	text-align: center;
}
#h_logo img { width: 100px;}

.gm { 
	padding: 10px 0;
	position: relative;
	height: 40px;
	line-height: 40px;
    margin-bottom: 10px;
}

#header_sp { display: none;}

.h_left, .h_right {
	position: absolute;
    top: 16px;
}

.h_left { 
	width: auto; 
    top: 1px;
}
#goods .h_left { 
    top: 10px;
}


/*news slider*/
.news_slide {
	width: 240px;
	height: 26px;
	position: relative;
	border-bottom: 1px solid #333;
	overflow: hidden;
}
.news_slide ul {
	display: inline-block;
}
.news_slide ul li {
	width: 240px;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 30px;
	letter-spacing: -0.4px;
}
.news_slide ul li a {
	font-size: 11px;
}
.news_slide ul li a:hover {
	text-decoration: none;
}
.news_slide ul li span {
	display: block;
	font-size: 10px;
	margin: 0 0 4px 88px;
}
.news_slide .news_label {
	font-size: 10px;
    color: #17a996;
    border: 1px solid #17a996;
	background: #fff;
    line-height: 17px;
    padding: 0 2px;
	letter-spacing: -0.8px;
    display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.news_slide_box {
	display: none;
}
@media screen and (max-width: 768px) {
	.news_slide {
		width: 96%;
		padding: 0 2%;
		height: 30px;
		border: none;
	}
	.news_slide ul li {
		width: 100%;
		line-height: 30px;
	}
	.news_slide ul li span {
		display: none;
	}
	.news_slide .news_label {
		top: 6px;
		left: 6px;
	}
	.news_slide_box {
		display: block;
	}
}

.h_right { 
	width: 240px;
    float: right;
    position: absolute;
    top: -8px;
    right: 10px;
    margin: 0;
}

.h_right > div { 
	float: right;
	position: relative;
	display: block;
	height: 40px;
	line-height: 40px;
	margin-left: 20px;
}

.header_info {
	position: absolute;
    top: -12px;
    font-size: 11px;
    color: #888;
    width: 420px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*login*/
.login, .my_page, .shopbag { width: auto; float: right; font-size: 12px;}

/*shopping bag*/
.shopbag a {
	background: url(../img/shopping_bag_icon_sp.png) no-repeat center center;
    background-size: 22px;
    background-position: 0px 2px;
    width: 22px;
    height: 34px;
    overflow: hidden;
    display: block;
    text-indent: 100%;
}

	
/*検索*/
.h_right > .saerch {
    float: none;
    text-align: right;
	padding: 0;
	margin: 0;
}

.saerch .search_area {    
	border: none;
    border-bottom: 1px solid #333;
	width: 240px;
    height: 28px;
    line-height: 28px;
	font-size: 12px;
    padding: 2px 30px 2px 4px;
    background-size: auto 16px;
    background-position: 10px 5px;
    position: relative;
}

.search_button { 
	background: url(../img/search_icon.png) no-repeat;
	width: 20px;
    height: 20px;
    background-size: 20px;
    border: none;
    position: absolute;
    top: 12px;
    right: 2px;
    padding: 0;
    cursor: pointer;
}

.saerch fieldset { border: none; padding: 0;}

.saerch_scroll { display: none;}

/*sns*/
.sns { width: auto; float: left;}
.sns img { width: 28px; margin-right: 20px;}


@media screen and (max-width: 768px) {
	#top header { height: 50px;}
	#header { display: none;}
	#header_sp { display: block; height: 50px;}
	#header_sp .gm { background: #f5f5f5; height: 50px; padding: 0; margin: 0;  position: fixed; top: 0; width: 100%; z-index: 100;}
	#header_sp .h_logo { width: 100%; min-width: 320px; margin: 0 auto;height: 50px; line-height: 50px; position: absolute; top: 0; z-index: 12;background: #f5f5f5;}
	#header_sp .h_logo a { display: block;text-align: center;}
	#header_sp .h_logo img { width: 70px; vertical-align: middle;}
	#gnavi_sp {  position: fixed; top: 0; height: 100%; overflow: auto;}
	#header_sp .gm .shopbag { position: absolute; top: 7px; right: 10px; z-index: 13;}
	.header_info { display: none;}

	
	/*メニューボタン*/
	#header_sp aside{
		display: none;
		box-sizing: border-box;
		width: 100%;
		padding: 0 0 20px;
		background: #333;
		line-height: 48px;
		text-align: center;
		position: relative;
		right: 100%;
		z-index: 12;
		overflow: overlay;
		top: 50px;
	}
	#menuButton {
		display: block;
		width: 48px;
		height:48px;
		position: relative;
		z-index: 13;
	}
	#menuButton span {
		display: block;
		background: #666;
		width: 24px;
		height: 1px;
		position: absolute;
		left: 9px;
		transition: all 0.4s;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
	}
	#menuButton span:first-child {
		top: 16px;
	}
	#menuButton span:nth-child(2) {
		margin-top: -1px;
		top: 50%;
	}
	#menuButton span:last-child {
		bottom: 16px;
	}
	#menuButton.active span:first-child {
		-webkit-transform: translateY(6px) rotate(45deg);
		-moz-transform: translateY(6px) rotate(45deg);
		-ms-transform: translateY(6px) rotate(45deg);
		transform: translateY(6px) rotate(45deg);
	}
	#menuButton.active span:nth-child(2) {
		opacity: 0;
	}
	#menuButton.active span:last-child {
		-webkit-transform: translateY(-8px) rotate(-45deg);
		-moz-transform: translateY(-8px) rotate(-45deg);
		-ms-transform: translateY(-8px) rotate(-45deg);
		transform: translateY(-8px) rotate(-45deg);
	}
	
	/*検索窓*/
	.saerch{ height: 48px; line-height: 48px;}
	.saerch .search_area { height: 30px; width: 90%; margin: 0 4%; padding: 2%; vertical-align: middle;}
	.search_button { top: 15px; right: 8%;}
	
	#header_sp a { 
		color: #fff;
	}
	#header_sp a:hover { text-decoration: none;}
	
	#header_sp .memb_re { 
		border-bottom: 1px solid #555; 
		border-top: 1px solid #555;
	}
	#header_sp .memb_re a { display: block;}
	#header_sp .memb_re p { width: 49.8%; float: left;}
	#header_sp .memb_re p:first-child { border-right: 1px solid #555;}


	/*アコーディオン*/
	.ac-container {
		width: 100%;
		text-align: left;
	}
	.ac-container label, .list_menu2 > ul > li, .ac-container div > p {
		background: #333;
		border-bottom: 1px solid #555;
		color: #fff;
		display: block;
		margin: 0;
		text-align: left;
		height: 48px;
		line-height: 48px;
		padding-left: 10px;
		position:relative;
	}
	.ac-container label:hover, .list_menu2 ul li:hover {
		background: #555;
	}
	
	.list_menu > span, .list_menu2 > span { 
		background: #444;
		color: #fff;
		height: 28px;
		line-height: 28px;
		padding-left: 10px;
		display: block;
		text-align: left;
	}

	.ac-container input:checked + label,
	.ac-container input:checked + label:hover,
	.ac-container div > p:hover {
		background: #555;
		color: #fff;
	}
		
	.ac-container label::after,
	.ac-container label:hover:after,
	.ac-container input:checked + label:hover:after{
		content:" + ";
		position: absolute;
		height: 48px;
		top: 0;
		right: 16px;		
		z-index: 1000;
		color: #fff;
		font-size: 16px;
	}
	.ac-container input:checked + label::after,
	.ac-container input:checked + label:hover:after {
		content:" - ";
		position: absolute;
		height: 48px;
		top: -2px;
		right: 18px;
		font-size: 17px;
	}
	
	.ac-container label h3 {
		font-weight: normal;
	}
	
	.ac-container div > p a { display: block;}
	
	.ac-container input{ display: none;}
	
	.ac-container article {
		background: #888;
		border-bottom: 1px solid #555;
		margin-top: -1px;
		overflow: hidden;
		height: 0px;
		position: relative;
		z-index: 10;
		-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
		-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
		-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
		-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
		transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	}
	.ac-container article ul li {
		color: #fff;
		width: 50%;
		float: left;
		margin: 0 0 0 -1px;
	}
	.ac-container article ul li a , .list_menu2 ul li a {
		border-left: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		padding: 0 0 0 10px;
		display: block;
		width: auto;
		font-size: 12px;
	}
	
	.ac-container article ul li.blank_col { 
		height: 49px;
		border-left: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
	}


	
	
	
	.list_menu2 ul li a {
		border: none;
		padding: 0;
	}
	
	.ac-container input:checked ~ article {
		-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
		-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
		-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
		-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
		transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
		box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
	}
	.ac-container input:checked ~ article.ac-mini {
		height: 97px;
	}	
	.ac-container input:checked ~ article.ac-small {
		height: 146px;
	}	
	.ac-container input:checked ~ article.ac-medium_5 {
		height: 244px;
	}
	.ac-container input:checked ~ article.ac-medium_s {
		height: 342px;
	}
	.ac-container input:checked ~ article.ac-medium {
		height: 930px;
	}
	.ac-container input:checked ~ article.ac-large {
		height: 685px;
	}

	.list_menu2 ul.sns_list {
		padding: 20px 0;
	}
	.list_menu2 ul.sns_list li {
		border: none;
		display: inline-block;
		width: 30px;
		height: 30px;
	}
	.list_menu2 ul.sns_list li img {
		width: 100%;
	}
	
	/*SNS*/
	.sns_list a { display: inline-block; width: 30px; padding-left: 20px;}
	.sns_list a:first-child { padding-left: 0;}
	.sns_list a  img{ width: 100%;}
}

@media screen and (max-width: 500px) {
	#header_sp article ul li.db_li span { display: block;}
	#header_sp ul li.db_li a { line-height: 18px; height: 34px; padding: 6px 4px 8px 10px;}
}


/*ナビゲーション*/
#gnavi { 
	text-align: center;
	width: 980px;
	padding: 0 10px;
	margin: 0 auto;
} 

#gnavi nav > ul > li { 
    display: inline-block;
/*	padding-left: 60px;*/
	padding-left: 52px;    
}

#gnavi nav > ul > li:first-child {
	padding-left: 0;
}

#gnavi nav > ul > li > h3 { 
	font-weight: normal;
	font-size: 16px;
}
	
#gnavi nav > ul > li > h3 > a { 
	text-decoration: none;
	padding: 0 0 40px;
}

#gnavi nav > ul > li a:hover {
	text-decoration: none;
}

#gnavi nav > ul > li > h3 > a > span { 
    position: relative;
	font-family: 'Hind Vadodara', sans-serif;
    font-size: 16px;
	padding-bottom: 4px;
}

#gnavi nav > ul > li > h3 > a .drop_d {
    background: url(../img/nav_arrow.png) no-repeat right;
    padding: 0 14px 4px 0;
}

#gnavi nav > ul > li > h3 > a > span:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background-color: #555;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#gnavi nav > ul > li > h3 > a > span:hover::after {
	width: 100%;
}

#gnavi > nav > ul > li .navi_hv {
	position: absolute;
	z-index: 11;
	top: 70px;
	left: 0;
	overflow: hidden;
	height: 0;
	width: 100%;
	cursor: auto;
	-webkit-transition: height 500ms ease-out;
	-moz-transition: height 500ms ease-out;
	-o-transition: height 500ms ease-out;
	transition: height 500ms ease-out;
	transition-delay: 0.5s;
	background: #fff;
	-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .1);
	box-shadow: 0 4px 5px rgba(0, 0, 0, .1);
}


#gnavi > nav > ul > li .navi_hv .navi_inner_box { 
	margin: 0 auto;
	width: 980px;
    height: 100%;
}


#gnavi > nav > ul > li:hover .navi_hv {
	height: 420px;
	width: 100%;
	opacity: 1;
	border-top: 1px solid #ccc;
	z-index: 100;
	background: #fff;
}
#gnavi > nav > ul > li.drop_iphone:hover .navi_hv { height: 540px;}

#gnavi > nav > ul > li.drop_ipad:hover .navi_hv { height: 540px;}

/*#gnavi > nav > ul > li:hover .navi_lg { height: 500px;}*/

#gnavi > nav > ul > li .navi_hv .navi_inner_box > ul { 
	width: 580px;
	padding: 30px 0;
    display: inline-block;
    float: left;
}

#gnavi > nav > ul > li > .navi_hv .navi_inner_box > ul > li {
	width: 172px;
	min-height: 92px;
    float: left;
    margin: 0 20px 20px 0;
    text-align: left;
}

#gnavi > nav > ul > li.drop_ipad > .navi_hv .navi_inner_box > ul,
#gnavi > nav > ul > li.drop_iphone > .navi_hv .navi_inner_box > ul {
	width: 100%;
	position: relative;
}
#gnavi > nav > ul > li.drop_ipad > .navi_hv .navi_inner_box > ul {
    padding-bottom: 50px;
}
#gnavi > nav > ul > li.drop_ipad > .navi_hv .navi_inner_box > ul > li {
	width: 182px;
    float: left;
    margin: 0 14px 20px 0;
    text-align: left;
}
#gnavi > nav > ul > li.drop_ipad > .navi_hv .navi_inner_box .n_img {
	width: 352px;
}

#gnavi > nav > ul > li .navi_lg .navi_inner_box > ul > li  { 
	width: 173px; 
	height: 90px;
	margin: 0 20px 20px 0;
}

#gnavi > nav > ul > li > .navi_hv .navi_inner_box > ul > li.categ_link_ipad,
#gnavi > nav > ul > li > .navi_hv .navi_inner_box > ul > li.categ_link_imac {
	padding-top: 60px;
    text-align: right;
    height: auto;
    width: 394px;
	min-height: auto;
}
#gnavi > nav > ul > li > .navi_hv .navi_inner_box > ul > li.categ_link_ipad {
	width: 394px;
	position: absolute;
    bottom: 0;
    right: 0;
}
#gnavi > nav > ul > li > .navi_hv .navi_inner_box > ul > li.categ_link_imac {
	width: 366px;
}
#gnavi > nav > ul > li > .navi_hv .navi_inner_box > ul > li.categ_link_ipad a,
#gnavi > nav > ul > li > .navi_hv .navi_inner_box > ul > li.categ_link_imac a {
	text-decoration: underline;
}

#gnavi > nav > ul > li > .navi_hv .navi_inner_box > ul > li > a > span,
#gnavi > nav > ul > li > .navi_hv .navi_inner_box > ul > li .under_line {
	font-size: 15px;
	border-bottom: 1px #ccc solid;
	display: block;
	height: 36px;
	line-height: 36px;
	color: #111;
}

#gnavi .n_img {
    width: 400px;
	float: right;
	margin: 0;
}

#gnavi .n_img img {
	width: 100%;
}


.navi_hv .navi_inner_box > ul > li > ul > li { padding: 8px 0 0 0; line-height: 18px;}
.navi_hv .navi_inner_box > ul > li > ul > li a { font-size: 13px; color: #666;}
.navi_hv .navi_inner_box > ul > li > ul > li.txt_sh a { letter-spacing: -1px; font-size: 12px;}
#gnavi > nav > ul > li > .navi_hv .navi_inner_box > ul > li > a > span:hover,
.navi_hv .navi_inner_box > ul > li a:hover{ 
	text-decoration: none;
	color: #aaa;
}

@media screen and (max-width: 800px) {
	#gnavi .n_img img { margin-top: 30px;}
	.navi_hv .navi_inner_box > ul > li > ul > li.ov_txt { letter-spacing: -1.2px;}
}
@media screen and (max-width: 700px) {
	.navi_hv .navi_inner_box > ul > li > ul > li { padding: 4px 0 0 6px;}
	.navi_hv .navi_inner_box > ul > li > ul > li a { font-size: 12px;}
}



/*スクロール時ヘッダー固定*/
header > .fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    height: 60px;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
	background: #fff;
}

header > .fixed #h_logo {
	margin: 14px 0;
    width: 70px;
    z-index: 100;
    position: absolute;
    left: 0;
}

header > .fixed #h_logo img {
	width: 70px;
}

header > .fixed .h_left {
	display: none;
}

header > .fixed .h_right {
	top: 0;
    height: 60px;
}

header > .fixed .h_right > div {
    height: 60px;
    line-height: 60px;
}


header > .fixed .gm {
	height: 60px;
}

header > .fixed #gnavi {
	width: 100%;
    top: 0;
    position: fixed;
    height: 60px;
    line-height: 60px;
	padding: 0;
}

header > .fixed #gnavi > nav > ul > li > .navi_hv {
	top: 60px;
}
header > .fixed #gnavi nav > ul > li:first-child { 
	padding-left: 0;
}
header > .fixed #gnavi nav > ul > li {
	padding-left: 2%;
}

header > .fixed .shopbag, header > .fixed .my_page {
	z-index: 100;
}

header > .fixed .shopbag a {
    background-position: 0 14px;
    width: 24px;
    height: 60px;
    overflow: hidden;
    display: block;
    text-indent: 100%;
}

header > .fixed .my_page a {
	background: url(../img/mypage_icon.png) no-repeat;
	background-size: 22px;
    background-position: 0 15px;
    width: 24px;
    height: 60px;
    overflow: hidden;
    display: block;
    text-indent: 100%;
}

header > .fixed .login, header > .fixed .saerch { display: none;}


/*パン屑*/
.l_box_bc {
    margin-bottom: 20px;
    width: auto;
    overflow: hidden;
}

.l_box_bc a.member_bc_top {
    background-image: url("../img/home.png");
    background-position: 20px 3px;
    background-size: 22px;
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    padding: 24px 0 0;
    height: 0;
    width: 44px;
    overflow: hidden;
}

.l_box_bc a, .l_box_bc span, .l_box_bc h1 {
    font-size: 11px;
    font-weight: 400;
    text-decoration: none;
    line-height: 24px;
    display: inline-block;
    height: 24px;
}

@media screen and (max-width: 768px) {
	.l_box_bc {
		border: 0;
		border-radius: 0;
		background: #ddd;
		padding: 2px 12px;
		height: auto;
		margin-bottom: 0;
	}
	.l_box_bc a.member_bc_top {
		background-position: left;
		width: 21px;
	}
}
	

 /*横幅*/
#contents {
	width: 100%;
	margin:0 auto;
}

.inner_box {
	width: 980px;
	padding: 0 10px;
	margin:0 auto;
}

#top #contents h2, .c_title {
	border-top: 1px solid #aaa;
    text-align: center;
    height: 80px;
    font-size: 300%;
}

#top #contents h2 > span, .c_title p {
	position: relative;
    top: -20px;
    padding: 0 60px;
    background: #fff;
    font-family: 'Hind Vadodara', sans-serif;
    font-weight: normal;
    display: inline-block;
    line-height: 28px;
}

#top #contents h2 > span > span, .c_title p span { 
	font-size: 16px;
    background: none;
    color: #aaa;
}

#contents a > img:hover {
	opacity: 0.7;
}

@media screen and (max-width: 768px) {
	#top #contents h2 { font-size: 26px; height: 50px;}
	#top #contents h2 > span { padding: 0 6%; line-height: 22px;}
	#top #contents h2 > span > span { font-size: 14px;}
	.inner_box { width: 100%; padding: 0; min-width:320px;}
	.inbox { padding: 0 2%;}
}

/*top*/
#top #contents .inner_box > div { margin-bottom: 120px;}

/*トップバナーfade*/
.bnr_fade {
    width: 100%;
    border: 0;
    position: relative;
    margin: 0 auto 150px;
}

.bnr_fade .flex-control-nav { bottom: -50px;}

.bnr_fade img { width: 100%;} 

@media screen and (max-width: 768px) {
	#top #contents .inner_box > div { margin-bottom: 70px; padding: 0;}	
	.bnr_fade { width: auto; padding: 0 0 10px; margin: 0 0 70px; min-width: 320px;}
	.bnr_fade a, .bnr_fade a img { width: 100%;}
	.flexslider .slides img { width: 90%; margin: 0 auto;}
	.bnr_fade .flex-control-nav { bottom: -5%;}
}

/*緊急お知らせ*/
.attention_content {
	width: 510px;
    margin: -50px auto;
}
.attention_content .date {
	margin-bottom: 8px;
    vertical-align: top;
    line-height: initial;
}
.attention_content .main_txt .title {
	font-weight: bold;
    font-size: 15px;
    margin-bottom: 4px;
}
.attention_content .main_txt a {
	text-decoration: underline;
}
@media screen and (max-width: 768px) {
	.attention_content { width: 100%; margin: 70px auto;}
	.attention_content .attention_inner_box { padding: 0 2%;}
}
@media screen and (max-width: 320px) {
	.attention_content .main_txt p.title { font-size: 14px;}
	.attention_content .main_txt p { font-size: 12px;}
	.attention_content { margin: -30px auto -10px;}
}

/*お知らせ 商品*/
.attention_item {
	margin-bottom: 50px;
}
.attention_item .attention_item_img {
	display: inline-block;
	vertical-align: middle;
	width: 16%;
	margin-right: 4%;
}
.attention_item img {
	width: 100%;;
}
.attention_item .item-txt {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	font-size: 13px;
}
.attention_item .item-txt b {
	margin-bottom: 4px;
	display: block;
	font-size: 14px;
}
@media screen and (max-width: 768px) {
	.attention_item .attention_item_img {
		vertical-align: top;
		width: 20%;
		margin-right: 4%;
	}
	.attention_item .item-txt {
		vertical-align: top;
		width: 100%;
	}
}
@media screen and (max-width: 320px) {
	.attention_item .item-txt b {
		font-size: 13px;
	}
}

/*カテゴリ*/
/*カテゴリスライド*/
.mi-slider {
	position: relative;
	min-height: 410px;
}

.mi-slider ul {
	list-style-type: none;
	position: absolute;
	width: 100%;
	left: 0;
	top: 40px;
	overflow: hidden;
	text-align: center;
	pointer-events: none;
}

.no-js .mi-slider ul {
	position: relative;
	left: auto;
	bottom: auto;
	margin: 0;
	overflow: visible;
}

.mi-slider ul.mi-current {
	pointer-events: auto;
}

.mi-slider ul li {
	display: inline-block;
	padding: 18px;
    width: 200px;
	vertical-align: top;
	-webkit-transform: translateX(600%);
	transform: translateX(600%);
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.no-js .mi-slider ul li {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.mi-slider ul li a,
.mi-slider ul li img {
	display: block;
	margin: 0 auto;
}

.mi-slider ul li a {
	outline: none;
	cursor: pointer;
	word-break: break-word;
}

.mi-slider ul li img {
	max-width: 100%;
	border: none;
	margin-bottom: 20px;
}

.mi-slider ul li:hover {
	opacity: 0.7;
} 

.mi-slider ul li span {
	color: #555;
	display: block;
	font-weight: 700;
}

.mi-slider nav {
	text-align: center;
	margin: 0 auto;
    position: absolute;
    top: 0;
	width: 100%;
}

.no-js nav {
	display: none;
}

.mi-slider nav a {
	display: inline-block;
	padding: 0 30px;
	position: relative;
	color: #888;
	outline: none;
	-webkit-transition: color 0.2s linear;
	transition: color 0.2s linear;
	border-left: 1px solid #ccc;
}

.mi-slider nav a:first-child { border: none;}


.mi-slider nav a:hover,
.mi-slider nav a.mi-selected {
	color: #111;
	font-weight: 700;
}

/* Move classes and animations */

.mi-slider ul:first-child li,
.no-js .mi-slider ul li {
	-webkit-animation: scaleUp 350ms ease-in-out both;
	animation: scaleUp 350ms ease-in-out both;
}

@-webkit-keyframes scaleUp {
	0% { -webkit-transform: translateX(0) scale(0); }
	100% { -webkit-transform: translateX(0) scale(1); }
}

@keyframes scaleUp {
	0% { -webkit-transform: translateX(0) scale(0); transform: translateX(0) scale(0); }
	100% { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); }
}

.mi-slider ul:first-child li:first-child {
	-webkit-animation-delay: 90ms;
	animation-delay: 90ms;
}

.mi-slider ul:first-child li:nth-child(2) {
	-webkit-animation-delay: 180ms;
	animation-delay: 180ms;
}

.mi-slider ul:first-child li:nth-child(3) {
	-webkit-animation-delay: 270ms;
	animation-delay: 270ms;
}

.mi-slider ul:first-child li:nth-child(4) {
	-webkit-animation-delay: 360ms;
	animation-delay: 360ms;
}

/* moveFromRight */

.mi-slider ul.mi-moveFromRight li {
	-webkit-animation: moveFromRight 350ms ease-in-out both;
	animation: moveFromRight 350ms ease-in-out both;
}

/* moveFromLeft */

.mi-slider ul.mi-moveFromLeft li {
	-webkit-animation: moveFromLeft 350ms ease-in-out both;
	animation: moveFromLeft 350ms ease-in-out both;
}

/* moveToRight */

.mi-slider ul.mi-moveToRight li {
	-webkit-animation: moveToRight 350ms ease-in-out both;
	animation: moveToRight 350ms ease-in-out both;
}

/* moveToLeft */

.mi-slider ul.mi-moveToLeft li {
	-webkit-animation: moveToLeft 350ms ease-in-out both;
	animation: moveToLeft 350ms ease-in-out both;
}

/* Animation Delays */

.mi-slider ul.mi-moveToLeft li:first-child,
.mi-slider ul.mi-moveFromRight li:first-child,
.mi-slider ul.mi-moveToRight li:nth-child(4),
.mi-slider ul.mi-moveFromLeft li:nth-child(4) {
	-webkit-animation-delay: 0ms;
	animation-delay: 0ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(2),
.mi-slider ul.mi-moveFromRight li:nth-child(2),
.mi-slider ul.mi-moveToRight li:nth-child(3),
.mi-slider ul.mi-moveFromLeft li:nth-child(3) {
	-webkit-animation-delay: 90ms;
	animation-delay: 90ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(3),
.mi-slider ul.mi-moveFromRight li:nth-child(3),
.mi-slider ul.mi-moveToRight li:nth-child(2),
.mi-slider ul.mi-moveFromLeft li:nth-child(2) {
	-webkit-animation-delay: 180ms;
	animation-delay: 180ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(4),
.mi-slider ul.mi-moveFromRight li:nth-child(4),
.mi-slider ul.mi-moveToRight li:first-child,
.mi-slider ul.mi-moveFromLeft li:first-child  {
	-webkit-animation-delay: 270ms;
	animation-delay: 270ms;
}
.mi-slider ul li.categ_link {
	display: block;
	margin: 0 auto;
}
.mi-slider ul li.categ_link a {
	text-decoration: underline
}
@media screen and (max-width: 768px) {
	.mi-slider ul li.categ_link {
		width: 100%;
	}
}

/* Animations */

@-webkit-keyframes moveFromRight {
	0% { -webkit-transform: translateX(600%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveFromLeft {
	0% { -webkit-transform: translateX(-600%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveToRight {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(600%); }
}

@-webkit-keyframes moveToLeft {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(-600%); }
}

@keyframes moveFromRight {
	0% { -webkit-transform: translateX(600%); transform: translateX(600%); }
	100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes moveFromLeft {
	0% { -webkit-transform: translateX(-600%); transform: translateX(-600%); }
	100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes moveToRight {
	0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
	100% { -webkit-transform: translateX(600%); transform: translateX(600%); }
}

@keyframes moveToLeft {
	0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
	100% { -webkit-transform: translateX(-600%); transform: translateX(-600%); }
}

.mi-slider {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mi-slider .c_footer {
	height: 50px;
    line-height: 50px;
    text-align: center;
    width: 300px;
    margin: 20px auto 0;
    border: 2px solid #aaa;
    padding: 0;
}

.mi-slider .c_footer a {
	font-family:  'Helvetica Neue', Helvetica, Arial, Verdana, /* 'Source Sans Pro',Arial,Helvetica,sans-serif, */ 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif , serif;;
}


/*.mi-slider .categ_oth { display: block; margin: 0 auto;}
.mi-slider .categ_oth a { color: #17a996;}*/

@media screen and (max-width: 768px){
	.mi-slider { min-height: 314px;}
	.mi-slider nav a { padding: 0 3%;}
	.mi-slider ul li { padding: 2% 1% 4%; width: 22%;}
	.mi-slider ul li span { font-size: 11px;}
	.mi-slider nav a { padding: 0 10px;}
	.mi-slider nav a:hover { text-decoration: none;}
	.mi-slider nav a > span > span { display: none;}
	.mi-slider ul li img { margin-bottom: 10px;}
	.mi-slider .categ_oth { width: auto;}
}

@media screen and (max-width: 500px){ 
	.mi-slider { min-height: 282px;}
}
@media screen and (max-width: 400px){ 
	.mi-slider { min-height: 248px;}
	.mi-slider ul li span { font-size: 10px;}
}
@media screen and (max-width: 320px){ 
	.mi-slider nav a { padding: 0 6px;}
}
/*もっと見るボタン*/
.c_footer {
	height: 50px;
	line-height: 50px;    
	text-align: center;
    width: 300px;
    margin: 20px auto 0;
	border: 2px solid #aaa;
}
.c_footer:hover {
	background: #aaa;
}


.c_footer a {
	color: #aaa;
	font-weight: 700;
	font-family: 'Hind Vadodara', sans-serif;
    font-size: 14px;
    letter-spacing: 2px;
    text-decoration: none;
	display: block;
}
.c_footer a:hover {
	color: #fff;
}

/* グリーンボタン */
.reg_btn a {
    display: block;
    width: 380px;
    color: #fff;
    background: #17a996;
    text-align: center;
    font-size: 16px;
    border: 1px solid #17a996;
    margin: 20px auto;
    height: 44px;
    line-height: 44px;
    border-radius: 3px;
}
.reg_btn a:hover {
	text-decoration: none;
	opacity: 0.7;
}
@media screen and (max-width: 768px) {
	.reg_btn a {
		width: 100%;
		height: auto;
		line-height: initial;
		padding: 10px 0;
	}
}

/*新商品*/
#new_products a {
    word-break: break-word;
    word-wrap: normal;
}
#new_products p {
	width: 32%;
    float: left;
    padding: 0 0.66% 2%;
    text-align: center;
	min-height: 194px;
}
	
#new_products p img { width: 100%;}	

#new_products p span {
	display: block;
    padding: 0 50px;
    height: 40px;
    overflow: hidden;
}

/*goods_box*/
/*新商品 goods_box*/
.new_inbox .goods_box {
	width: 300px;
    float: left;
    padding: 0 10px 30px;   
	text-align: center;
}

.new_inbox .goods_box .r_txt {
	display: block;
    width: 200px;
    margin: 10px auto;
    height: 40px;
	line-height: 20px;
    overflow: hidden;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 40px;
}

.new_inbox .goods_box img {
	width: 100%;
}

@media screen and (max-width: 768px) {
	.new_inbox .goods_box { width: 42%; padding: 0 4% 4%;}
	.new_inbox .goods_box .r_txt { width: 100%; max-height: 34px; font-size: 12px; line-height: 18px;}
	.c_footer { width: 90%;}
}

	
/*おすすめ商品*/
#featured_products .inbox > div { 
    display: table;
	width: 100%;
	position: relative;
	/*height: 720px;*/
}

#featured_products .inbox > div .f_box_txt {
	/*display: table-cell;
    vertical-align: middle;
    width: 50%;
    line-height: 24px;*/
}


#featured_products .f_box_f p img { width: 900px; margin: 0 auto; display: block;}
#featured_products .f_box_f .f_box_txt { width: 500px; text-align: center; margin: 0 auto 50px;}


#featured_products .f_box_s { margin: 0 0 200px;}
#featured_products .f_box_s .f_box_txt {
	position: absolute;
    top: 10px;
    z-index: 10;
	width: 300px;
}
#featured_products .f_box_s p img { width: 730px; float: right;}
	

#featured_products .f_box_t { height: 700px; margin: 100px 0 200px;}
#featured_products .f_box_t .f_box_txt {
	float: right;
	width: 440px;
    margin-top: 230px;
}
#featured_products .f_box_t .f_box_img {
	position: absolute;
    top: 10px;
    left: 0;
    width: 500px;
}
#featured_products .f_box_t .f_box_img img { width: 100%;}


#featured_products div p span { color: #555;}

#featured_products div p .f_g_name {
	font-family: 'Hind Vadodara', sans-serif, 'メイリオ', Meiryo, ;
    font-size: 32px;
	line-height: 44px;
    display: block;
    margin: 0 0 20px;
    color: #555;
    font-weight: 300;
	text-align: center;
}
#featured_products div p .f_g_name span {
	display: block;
	font-size: 24px;
}
@media screen and (max-width: 768px) {
	#featured_products div p .f_g_name span {
		font-size: 18px;
	}
}

#featured_products div p .f_g_txt {
	line-height: 24px;
	font-weight: normal;
	font-size: 16px;
	display: block;
	line-height: 26px;
	margin-bottom: 20px;
	font-size: 14px;
	text-align: center;
	/*overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;*/
}

#featured_products div p .c_footer { display: block;}

@media screen and (max-width: 768px) {
	#featured_products .inbox > div { display: block; height: auto;}
	#featured_products .f_box_s { margin: 60px 0;}
	#featured_products .f_box_t { margin: 80px 0;}
	#featured_products .f_box_f .f_box_txt,
	#featured_products .f_box_f p img,
	#featured_products .f_box_s p img,
	#featured_products .f_box_t .f_box_txt,
	#featured_products .f_box_t .f_box_img { width: 100%; position: relative; float: none;}
	#featured_products .f_box_t .f_box_txt { margin-top: 0;}
	
	#featured_products .f_box_f .f_box_txt,
	#featured_products .f_box_s .f_box_txt,
	#featured_products .f_box_t .f_box_txt { margin: 0 auto 30px;}
	
	#featured_products .f_box_s .f_box_txt {
		position: relative;
		top: 0;
		width: 100%;
	}

	
	#featured_products div p .f_g_name {
		font-size: 26px;
		line-height: 26px;
		margin: 0 0 10px;
	}
	#featured_products div p .f_g_txt { font-size: 14px;}
}



/*こだわりの逸品*/	
#selected_products p {
	width: 485px;
    float: left;
    padding-left: 10px;
}

#selected_products .inbox p:first-child { padding-left: 0;}

#selected_products p img { 
	width: 100%;
}


/*notice*/
/*#press_release, #news {
	padding: 30px;
	width: 423px;
    height: 500px;
	border: 1px solid #ccc;
}*/

#press_release, #news {
	padding: 30px;
	width: 100%;
    height: auto;
	border: 1px solid #ccc;
}


#notice ul li {
	line-height: 24px;
    border-bottom: 1px #aaa dotted;
	padding: 10px;
	height: 110px;
}

#notice ul li > a > p {
	overflow: hidden;
}

#notice ul li > a > p > span {
	color: #888;
	display: block;
}

#notice .list_rink {
	font-size: 12px;
    height: auto;
    border: none;
    text-align: center;
	padding: 40px 0 0;
	display: block;
}

#notice .list_rink a { color: #17a996;}

#top #notice h2 { border: none; height: auto;}

#top #notice h2 span { background: none; position: static; padding: 0 0 14px; }

/*press*/
#press_release { /*float: left;*/ margin-right: 10px;}

#press_release ul li { height: 106px; clear: both;}

#press_release ul li img {
	width: 110px;
    float: left;
    margin-right: 4%;
}

#press_release ul li > a > p {
	height: 100px;
    float: left;
    /*width: 66%;*/
	width: 100%;
}

/*news*/
/*#news { float: right;}*/
#news { float: none; margin-top: 40px;}

#news ul li { height: 74px;}

#news ul li > a > p { height: 70px;}

@media screen and (max-width: 768px) {	
	#press_release, #news { width: 92%; margin: 0 2% 20px; height: auto; padding: 20px 2%;}
	#selected_products h3 > span { top: -18px;}
	#selected_products p { width: auto; padding-left: 0;}
	#selected_products .inbox p:first-child { margin-bottom: 20px;}
		
	#notice ul li { padding: 2%; clear: both;}
	#notice ul .list_rink { padding: 14px 0 0;}
	
	#press_release ul li { height: auto; display: inline-block;}
	#press_release ul li > a > p { height: auto; font-size: 12px; line-height: 18px;}
	#press_release ul li img { width: 30%;}
	
	#news ul li { height: auto;}
}

	
/*About Products*/
#about_products a { color: #17a996;}
#about_products .ap_top {
	background: #000 url(../img/ap/product_image.jpg) no-repeat center;
    height: 650px;
}
#about_products .ap_top .ap_top_txt {
	color: #fff;
	font-size: 16px;
	width: 500px;
    text-align: center;
    padding: 150px 0;
    margin: 0 auto;
	line-height: 28px;
}

#about_products .ap_top .ap_top_txt span {
	display: block;
	font-family: 'Hind Vadodara', sans-serif;
	font-size: 72px;
    margin-bottom: 40px;
    line-height: 60px;
}

#about_products .ap_top .ap_top_txt .ap_txt_s { 
	font-size: 20px; 
	font-weight: 700; 
	display: block;
	line-height: 30px;
}


#about_products .ap_info { position: relative;}	

#about_products .ap_info .ap_aj_info,
#about_products .ap_info .ap_fl_info,
#about_products .ap_info .ap_viewer {
	margin: 150px auto;
	position: relative;
}

#about_products h2 { 
	border-top: 1px solid #aaa;
    text-align: center;
    height: 70px;
    font-size: 70px;
}
#about_products h2 > span {
	position: relative;
    top: -42px;
    padding: 0 60px;
    background: #fff;
    font-family: 'Hind Vadodara', sans-serif;
    font-weight: normal;
    display: inline-block;
    line-height: 54px;
}

#about_products h2 > span > span {
	display: block;
	font-size: 16px;
    background: none;
    color: #aaa;
}


#about_products .ap_info .page_link {
	padding: 150px 0 150px 0;
    margin: -150px 0 -150px 0;
}

#about_products .ap_info .ap_aj_info .aj_box { height: 1000px; position: relative;}
#about_products .ap_info .ap_aj_info .aj_box div { width: 400px; position: absolute; top: 390px; right: 0;}
#about_products .ap_info .ap_aj_info .aj_box .aj_txt img { width: 220px; margin: 0 auto 20px; display: block;}
#about_products .ap_info .ap_aj_info .aj_box img.aj_img { float: left; width: 700px;}

#about_products .ap_info .ap_fl_info .fl_txt { width: 600px; margin: 0 auto;}
#about_products .ap_info > img  { display: block; margin: 0 auto 30px;}

#about_products .ap_info > div p > span { display: block; margin: 20px auto 0; line-height: 30px; text-align: center; font-weight: normal;}	

#about_products .ap_info > div p > span a { color: #17a996;}	
	
#about_products .ap_info .fl_info_b { padding: 40px 0;} 
#about_products .ap_info .fl_info_b p { 
	width: 430px;
    float: left;
    margin: 0 30px 30px;
    line-height: 22px;
    text-align: left;
    height: 600px;
}
#about_products .ap_info .fl_info_b p img { display: block; width: 100%;} 
#about_products .ap_info .fl_info_b p span { 
	font-family: 'Hind Vadodara', sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
	text-align: center;
}
#about_products .ap_info .fl_acce p {  
	text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
	margin-bottom: 20px;
}
#about_products .ap_info .fl_acce div { width: 450px; float: left; margin: 20px;}  
#about_products .ap_info .fl_acce div img { width: 100%; margin-bottom: 20px;} 

#about_products .ap_viewer div p { text-align: center; font-weight: 700; font-size: 16px;}
#about_products .ap_viewer div span { text-align: center; display: block; padding: 20px 0; line-height: 26px;}

#about_products .ap_inst_guide > div { width: 233px; float: left; padding-left: 15px;}
#about_products .ap_inst_guide > div:first-child { padding-left: 0;}
#about_products .ap_inst_guide div img { width: 100%;}
#about_products .ap_inst_guide > div h2 { font-size: 20px;  padding: 20px 0; margin-bottom: 30px; height: auto; border-top: 0; border-bottom: 1px solid #aaa;}
#about_products .ap_inst_guide > div span { display: block;}

#about_products .ap_inst_guide ul li { height: auto; clear: both; margin-bottom: 20px;}
#about_products .ap_inst_guide ul li img { width: 70px; display: inline-block; vertical-align: top;}
#about_products .ap_inst_guide ul li p {
	display: inline-block;
    width: 163px;
    text-align: left;
    height: auto;
    border: none;
	margin-bottom:10px;
	font-weight: 700;
}
#about_products .ap_inst_guide ul li p span {    
	display: block;
    margin: 6px 0 0;
    line-height: 18px;
    font-size: 13px;
    text-align: left;
}
#about_products .ap_inst_guide ul li p span a { color: #555;}    





@media screen and (max-width: 768px) {	
	#about_products .ap_info { padding: 2%; overflow: hidden;}
	#about_products .ap_top .ap_top_txt { width: 80%; padding: 90px 10%;}
	#about_products .ap_info .ap_aj_info, #about_products .ap_info .ap_fl_info { margin: 80px auto;}
	#about_products h2 { font-size: 38px; height: 50px;}
	#about_products h2 span { padding: 0 6%; line-height: 36px; top: -26px;}


	#about_products .ap_info .ap_aj_info .aj_box div, #about_products .ap_info .ap_fl_info .fl_txt { margin: 0 auto 20px; width: 90%; position: relative; top: 0; right: 0;}
	#about_products .ap_info .ap_aj_info .aj_box .aj_txt img { width: 160px; margin: 0 auto 10px;}
	#about_products .ap_info .ap_aj_info .aj_box img.aj_img { position: relative; top: 0; width: 100%;}
	#about_products .ap_info .ap_aj_info .aj_box p img { width: 200px;}
	#about_products .ap_info .ap_aj_info > img { width: 100%;}
	#about_products .ap_info .ap_aj_info .aj_box { height: auto;}
	#about_products .ap_info .ap_fl_info > img { margin-right: -320px;}
	#about_products .ap_info .fl_info_b p, #about_products .ap_info .fl_acce div { width: 94%; margin: 4%; height: auto;}
	#about_products .ap_info .page_link {
		padding: 80px 0 80px 0;
		margin: -80px 0 -80px 0;
	}
	#about_products .ap_inst_guide > div { width: 100%; margin-bottom: 30px; padding-left: 0;}
	#about_products .ap_inst_guide ul li p { width: auto;}
	#about_products h2 > span > span { font-size: 14px; line-height: 18px;}
	#about_products .ap_inst_guide div img { width: 70%; margin: 0 auto; display: block;}
	#about_products .ap_inst_guide ul li img { width: 30%;}
	#about_products .ap_inst_guide ul li p { width: 70%;}
}


/*footer*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 40px;
	right: 20px;
	width: 50px;
	height: 50px;
	z-index: 100;
}

.pagetop a {
	display: block;
    width: 50px;
    height: 60px;
    color: #555;
    font-size: 16px;
    text-align: center;
    font-family: 'Hind Vadodara', sans-serif;
    text-decoration: none;
}

.pagetop a:hover {
	display: block;
	width: 50px;
	height: 60px;
	background: #eee;
}

.pagetop span { 
	display: block; 
	padding-top: 34px;
	background: url(../img/toppage_ar.png) no-repeat;
	background-position: 10px 10px;
	background-size: 30px;
}

/*footer {
	width: 100%;
	position: absolute;
	bottom: 0;
}*/

#footer {
	background: #f9f9f9;
	padding: 20px;
	margin-top: 70px;
}

/*footer info*/
.f_inbox { width: 980px; margin: 0 auto; padding: 0 10px;}
.f_info { padding: 40px 0;}

.f_info p {
	width: 300px;
    padding: 0 10px;
	display: inline-block;
}

.f_info p a:hover {
	text-decoration: none;
}

.f_info p img {
	width: 120px;
    margin: 0 auto;
    display: block;
}

.f_info p span {
	display: block;
	text-align: center;
}

.ft_l p {
	font-size: 15px;
	font-weight: 700;
}

.ft_l .ac-container > div {
	width: 16%;
	float: left;
	margin: 2%;
	line-height: 22px;
}

.ft_l .ac-container input {
	display: none;
}

.ft_l .ac-container ul {
	margin: 4px 0 0 8px;
}

.ft_r { 
	width: 436px;
    float: right;
    position: absolute;
    bottom: 20px;
    right: 0;
}

.ft_r .ft_saerch { margin: 20px 0; width: 280px; display: inline-block;}

.ft_r .ft_saerch fieldset { border: none; padding: 0;}

.ft_r .ft_saerch input.search_area {
	border: 1px #ccc solid;
    border-radius: 20px;
    height: 30px;
    padding: 2px 10px 0 30px;
    background: #fff url(../img/search_icon.png) no-repeat left;
    background-size: auto 18px;
    background-position: 10px 6px;
    width: 250px;
	box-shadow: none;
	-webkit-appearance:none;
}

.ft_r .sns { width: auto; display: inline-block; float: none;}

.ft_b { 
	background: #333;
    padding: 6px 0;
	text-align: center;
}

.ft_b ul li { 
	width: auto;
    display: inline-block;
    color: #fff;
    padding: 0 10px;
    border-left: 1px #555 solid;
	font-size: 11px;
}

.ft_b ul li:first-child { border: none;}

.ft_b ul li.f_copy { 
	padding-left: 20px;
	border: none;
}

.ft_b ul li a { color: #fff;}

@media screen and (min-width: 1280px) {
	#footer .inner_box { width: 1480px;}
	.f_inbox { width: 1280px;}
	.f_info p { width: 160px; padding: 0 132px;}
	.f_info p img { width: 100%;}
}
	
@media screen and (max-width: 768px) {	
	#member .footer_b_box nav div {position: relative; bottom: 0;}
	#footer { padding: 0; margin-top: 30px;}
	.f_inbox { width: 100%; margin: 0 auto; padding: 0;}
	.f_info { padding: 4%; margin-bottom: 0; border: none;}
	.f_info p { width: 96%; padding: 0 2% 4%;}
	.ft_l .ac-container > div { width: 100%; margin: 0;}
	.ft_r { width: 100%; padding: 20px 0 0; position: relative; top: 0;}
	.ft_r .ft_saerch, .ft_r .sns { margin: 10px auto 20px; text-align: center; float: none; display: block;}
}

/*footer category*/
.footer_category { padding: 40px 0; position: relative;}

.footer_category p.footer_title, .footer_b_box p.footer_title {
	padding:0 0 12px 12px;
	display:block;
	font-size:14px;
	font-weight:700;
	line-height:20px;
	height:20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 14px;
}

.footer_category .footer_category_inbox { width: 760px; float: left; margin-bottom: 0;}

.footer_info_inbox { width: 200px; float: left; margin-left: 20px;}

#member .footer_b_box p.footer_title { padding-left:0; }

.footer_category_block {
	float:left;
	margin: 0 10px;
    width: 130px;
}

.footer_info_inbox .footer_category_block {
    width: 190px;
}

.footer_category_block_h {
	float:left;
	width:20%;
}

.footer_category_block p.footer_s_title, 
.footer_category_block_h p.footer_s_title {
	border-radius:4px;
	margin:0 0 4px;
	padding:0 0 0 13px;
	display:block;
	font-size:14px;
	font-weight:700;
	line-height:24px;
	height:24px;
	color:#555;
}

.footer_category_block ul {
	display:block;
}

.footer_category_block ul li, 
.footer_category_block_h ul li {
	display:block;
	float:left;
	height:20px;
	width: 100%;
	overflow:hidden;
}

.footer_category_block ul li a, 
.footer_category_block_h ul li a {
	padding:0 0 0 12px;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	color:#666;
}
.footer_category_block ul li a:hover, 
.footer_category_block_h ul li a:hover {
	text-decoration:underline;
	color:#888;
}

.pc_disp_n { display: none;}


@media screen and (min-width: 1280px) {
	.footer_category .footer_category_inbox { width: 1060px;}
	.footer_category_block p.footer_s_title, .footer_category_block_h p.footer_s_title { margin:0 0 12px;}
	.footer_category_block ul li, .footer_category_block_h ul li { height:24px; }
	.footer_category_block ul li a, .footer_category_block_h ul li a {
		margin:0 12px 4px 0;
		padding:0 0 0 12px;
		display:block;
		font-size:13px;
		line-height:20px;
		text-decoration:none;
		height:20px;
		width:100%;
		color:#666;
		overflow:hidden;
	} 
	.footer_category_block ul li a:hover, .footer_category_block_h ul li a:hover {
		text-decoration:none;
		color: #aaa;
	}
	.footer_category_block { margin: 0 30px 0 10px; width: 172px;}
}

@media screen and (max-width: 768px) {
	.footer_category { border:0; }
	.footer_category { padding:0; }
	.footer_category .footer_category_inbox { width: 100%; border-top: 1px solid #ddd;}
	.footer_category_block, .footer_category_block_h { width:100%; margin: 0; position: relative;}
	.footer_top, .footer_category_block p.footer_s_title, .footer_category_block p.footer_title, .footer_b_box p.footer_title {
		border-bottom: 1px solid #ddd; 
		border-radius: 0;
		margin: 0;
		padding: 0 0 0 5%;
		display: block;
		font-size: 14px;
		font-weight: normal;
		line-height: 42px;
		height: 42px;
		color: #333;
		cursor: pointer;
	}
	.footer_category .footer_category_inbox p.footer_title { display: none;}

	
	.trigger:after {
		content: " + ";
		position: absolute;
		height: 48px;
		top: 0;
		right: 16px;
		z-index: 10;
		color: #555;
		font-size: 16px;
	}
 
	.trigger.active:after{
		content:" - ";
		position: absolute;
		height: 48px;
		top: -2px;
		right: 18px;
		font-size: 17px;
	}	
	
	.footer_b_box .f_menu, .footer_top {
		padding:0;
		cursor:default;
	}
	.footer_category_block ul, .footer_category_block_h ul, .footer_b_box ul {
		padding:0;
		display:block;
		height:auto;
	}
	.footer_category_block ul li, .footer_category_block_h ul li, .footer_b_box ul li, .footer_b_box ul li.footer_n_r {
		border-top:1px solid #e7e8ea;
		background:#fff;
		margin:0;
		display:block;
		float:none;
		text-align:left;
		height:42px;
		width:auto;
	}
	.footer_category_block ul li a, .footer_category_block_h ul li a, .footer_b_box ul li a {
		border:0;
		padding:0 5%;
		display:block;
		font-size:14px;
		line-height:42px;
		text-align:left;
		height:42px;
		color:#666;
		overflow:hidden;
	}
	
	.footer_info_inbox { width: 100%; margin: 0;}
	.footer_info_inbox .footer_category_block { width: 100%;}
	.footer_info_inbox .one_bl { 
		width:  95%;
		height: 42px;
		line-height: 42px;
		padding-left: 5%;
		border-bottom: 1px solid #ddd;
	}
	.footer_category_goods:hover { background: #ccc;}
	.footer_info_inbox .one_bl a:hover { text-decoration: none; color: #333;}
	.footer_info_inbox .one_bl a, .pc_disp_n { display: block;} 
}