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

/*---------------------------------------------------------------------------

　　フレーム、メーカー、お気に入り、検索、お問合せ、FAQ、お知らせ

---------------------------------------------------------------------------*/

/*==========================================================================
　　フレーム・メーカー共通
==========================================================================*/

/* フレーム・メーカー紹介(導入部）
---------------------------------------------------------------------*/
#intro {border-bottom:solid 1px #cecece;padding:0 0 75px;margin:0 0 90px;}
#intro .mainPhoto {max-width:1100px;max-height:450px;
	text-align:center;margin:0 auto;}
#intro .mainPhoto img {max-height:450px;}

#intro .info {padding:40px 0 0;
	display:-webkit-flex;display:-ms-flexbox;display: flex;}

#intro .info p.photo {margin:0 auto 0 0;
	position: relative;width:100%;max-width:260px;max-height:190px;}
#intro .info p.photo:before {
	content:"";display:block;padding-top:73.1%;}

#intro .info p.photo span {
	position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;
	outline:solid 2px #ddd;max-width:260px;max-height:190px;padding:5px;
	display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
#intro .info p.photo span img {/*max-width:260px;*/max-height:190px;}

	@media all and (-ms-high-contrast:none){
		#intro .info p.photo span {text-align:center;}
		#intro .info p.photo span img {max-width:260px; max-height: 190px; width: 100%;}
	}

#intro .info .cntRht {width:100%;max-width:780px;margin:0 0 0 20px;}
#intro .info .cntRht h2 {font-size:32px;font-size:3.2rem;font-weight:normal;
	line-height:1.0;margin:0 0 5px;}
#intro .info .cntRht p.name {font-size:12px;font-size:1.2rem;font-weight:bold;
	line-height:1.1;margin:0 0 15px;}
#intro .info .cntRht p.name a {color:#000;}
#intro .info .cntRht p.name a:hover {color:#0187FB;}
#intro .info .cntRht div.text {margin:0 0 15px}
#intro .info .cntRht p+p {margin-top:10px;}


/* アイテム（フレーム・メーカー）
---------------------------------------------------------------------*/
/*.itemList {margin:0 0 50px;}*/
.itemList+.itemList {margin:100px 0 0;}

.itemList h4 {font-size:30px;font-size:3.0rem;font-weight:normal;line-height:1.1;
	font-family:'Metropolis-Medium',Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;
	border-top:solid 7px #000;padding:45px 0 0;margin:0 0 30px;}
.itemList h4 a {color:#000;text-decoration:none;}
.itemList h4 a:hover {color:#000;text-decoration:underline;}
.itemList h4 span {font-size:14px;font-size:1.4rem;vertical-align:middle;margin:0 10px 0 0;}

.itemList .block {max-width:1120px;margin:0 -10px;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}

.itemList .block .column {width:25%;margin:0 0 2%;line-height:1.1;}
.itemList .block .column .inBox {max-width:260px;margin:0 10px;}

/* 画像 */
.itemList .block .column .inBox p.photo {margin:0 0 5px;
	position: relative;width:100%;max-width:260px;max-height:130px;}
.itemList .block .column .inBox p.photo:before {
	content:"";display:block;padding-top:50%;}

.itemList .block .column .inBox p.photo span {overflow:hidden;
	position:absolute;top:0;left:0;bottom:0;right:0;
	border:solid 2px #ddd;max-width:260px;max-height:130px;
	display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
.itemList .block .column .inBox p.photo span img {/*max-width:260px;*/max-height:190px;}

	@media all and (-ms-high-contrast:none){
		.itemList .block .column .inBox p.photo span img {max-width:260px;max-height:190px; width: 100%;}
	}

/* NEW */
.itemList .block .column .inBox p.new {margin:0 4% 5px;}
/* Text */
.itemList .block .column .inBox p.text {font-size:20px;font-size:2.0rem;word-break:break-all;
	margin:0 3% 0 4%;padding:0 15px 0 0;position:relative;}
.itemList .block .column .inBox p.text:after {
	font-family: 'icomoon';
	content: "\e900";
	font-size:14px;font-size:1.4rem;color:#999;
	position:absolute;top:0.3em;right:0;}

.itemList .block .column .inBox a {display:block;width:100%;height:100%;
	position: relative;overflow: hidden;padding:0 0 10px;}
.itemList .block .column .inBox a {color:#000;text-decoration:none;}
.itemList .block .column .inBox a:hover  {color:#000 !important;text-decoration:underline;}

/* 価格・タイプ */
.itemList .block .column .caption {
	position:absolute;bottom:-100%;left:0;z-index: 2;
	width:100%;height:100%;background:rgba(0,0,0,.5);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
	font-size:14px;font-size:1.4rem;padding:15px;}
.itemList .block .column a:hover .caption {bottom:0;left:0;color:#FFF;}

	/* 価格・タイプ　表示しない */
	.itemList .block .column a.nonStyle:hover .caption {display:none;}

.itemList .block .column .caption ul.user {
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end;}
.itemList .block .column .caption ul li+li {margin:0 0 0 3px;}
.itemList .block .column .caption p span.price {font-size:20px;font-size:2.0rem;
	font-weight:bold;vertical-align:middle;margin:0 3px 0 0;}
.itemList .block .column .caption p {position:absolute;top:50%;left:7%;}

/* MORE */
.itemList .btn {width:235px;min-width:inherit;height:45px;margin:0 0 0 auto;}


/* お気に入り ---------------------------------------------------*/
.itemList.favorite .column .inBox {border:solid 1px #000;position:relative;}
.itemList.favorite .column .inBox p.photo {margin:30px 0 5px;}
.itemList.favorite .column .delete {width:70px;height:30px;
	font-size:12px;font-size:1.2rem;line-height:1.0;letter-spacing:0.2em;text-align:center;
	border-bottom:solid 1px #000;border-left:solid 1px #000;
	position:absolute;top:0;right:0;z-index:99;}
.itemList.favorite .column .delete a {color:#000;text-decoration:none;
	background:#FFF;display:block;padding:8px 0 0 12px;}
.itemList.favorite .column .delete a:before {
	font-family:'icomoon';
	content:"\e908";
	font-size:10px;font-size:1.0rem;
	position:absolute;top:8.5px;left:12px;transition:none;}
.itemList.favorite .column .delete a:hover {color:#FFF !important;background:#000;}

.itemList.favorite .column .check {width:70px;height:30px;
	font-size:12px;font-size:1.2rem;line-height:1.0;letter-spacing:0.2em;text-align:center;
	border-bottom:solid 1px #000;border-left:solid 1px #000;
	background:#FFF;position:absolute;top:30px;right:0;z-index:999;}
.itemList.favorite .column .check label,
.itemList.favorite .column .check input[type='checkbox'] {cursor: pointer;}
.itemList.favorite .column .check label {display:block;width:100%;height:100%;
	padding:7px 0 0;}

/* 価格・タイプ */
.itemList.favorite .block .column .caption {padding:40px 15px 15px;}



/*==========================================================================
　　FRAME　　#frame　　　
==========================================================================*/

/* ブランドリスト
-------------------------------------------------------------------------*/
#frame #brandList {border-bottom:solid 1px #ddd;padding:0 0 60px;margin:0 0 80px;}

#frame #brandList .block {margin:0 0 15px;
	display:-ms-flexbox;display:-webkit-flex;display:flex;
	-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}

#frame #brandList .block .column {width:50%;min-height:190px;padding:0 3% 0 0;margin:0 0 45px;
	display:-ms-flexbox;display:-webkit-flex;display:flex;}

#frame #brandList .block .column p.photo {margin:0 20px 0 0;
	position: relative;width:100%;max-width:260px;max-height:190px;}
#frame #brandList .block .column p.photo:before {
	content:"";display:block;padding-top:73.1%;}

#frame #brandList .block .column p.photo span {overflow:hidden;
	position:absolute;top:0;left:0;bottom:0;right:0;padding:5px;
	outline:solid 2px #ddd;max-width:260px;max-height:190px;
	display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
#frame #brandList .block .column p.photo span img {/*max-width:260px;*/max-height:190px;}
	@media all and (-ms-high-contrast:none){
		#frame #brandList .block .column p.photo span img {max-width:260px;max-height:190px; width: 100%;}
	}

#frame #brandList .block .column .cntRht {font-size:14px;font-size:1.4rem;line-height:1.4;
	min-height:190px;width:225px;padding:0 0 30px;position:relative;}

#frame #brandList .block .column .cntRht h3 {
	font-size:16px;font-size:1.6rem;line-height:1.3;height:70px;position:relative;
	display:-ms-flexbox;display:-webkit-flex;display:flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
#frame #brandList .block .column .cntRht h3 a {color:#000;text-decoration:none;}
#frame #brandList .block .column .cntRht h3:hover {text-decoration:underline;}

#frame #brandList .block .column .cntRht h3:before {
	content:"";position:absolute;top:0;left:0;
	width:20px;height:4px;background:#000;}



/* btn - Line Up */
#frame #brandList .block .column .cntRht .btn.lineup {
	position:absolute;bottom:0;right:0;
	width:135px;min-width:inherit;height:25px;}

/* BTN - フレームトップぺへ戻る */
#frame .contents .btn.contact {width:100%;max-width:600px;height:80px;
	font-size:24px;font-size:2.4rem;margin:20px auto 20px;
	font-family:Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;}
#frame .contents .btn.contact a {width:100%;height:100%;
	padding:0 0 0 15%;}
#frame .contents .btn.contact a:hover {background:#c50000;}

#frame .contents .btn.contact a:before {
	font-family:'icomoon';
	content: "\e903";
	position:absolute;top:17px;left:8.0%;
	font-size:30px;font-size:3.0rem;transition:none;}
#frame .contents .btn.contact  a:after {
	content:"";position:absolute;top:47%;right:0;
	width:25%;height:2px;background:#FFF;}



/*==========================================================================
　　MAKER　　#maker　　　
==========================================================================*/
#maker #intro .btn.lineup {margin:0 0 0 auto;}

/* メーカー一覧
---------------------------------------------------------------------*/
/* メーカー検索 -------------------------------------------*/
#makerSearch {padding:0 20px 0 30px;margin:0 0 50px;}

#makerSearch h2 {font-size:34px;font-size:3.4rem;font-weight:normal;
	line-height:1.0;letter-spacing:0.01em;
	font-family:'Metropolis-Medium',Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;
	position:relative;padding:0 0 0 40px;margin:0 0 20px;}
#makerSearch h2 span {
	font-size:14px;font-size:1.4rem;vertical-align: middle;margin:0 0 0 15px;}
#makerSearch h2:before {
	font-family: 'icomoon';
	content: "\e906";position:absolute;top:3px;left:0;
	font-size:28px;font-size:2.8rem;}

/* 検索結果 */
#maker p.result {font-size:38px;font-size:3.8rem;text-align:center;
	margin:0 0 40px;}

/* 検索 */
#makerSearch .flex {margin:0 10px;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
#makerSearch .flex .flex {width:80%;margin:0 auto 0 0;}

#makerSearch .flex p.name {min-width:9em;margin:0 5px 0 0;
	font-size:14px;font-size:1.4rem;}
#makerSearch .flex input[type="text"] {width:100%;max-width:640px;}

/* 送信ボタン */
#makerSearch .flex .btn_submit {width:25%;height:40px;
	background:#000;position:relative;margin:0 0 0 20px;}
#makerSearch div .btn_submit:after {
	content:"";position:absolute;top:47%;right:0;
	width:25%;height:2px;background:#FFF;}
#makerSearch .flex .btn_submit:hover {background:#c50000;}

#makerSearch .flex .btn_submit input {
	color:#FFF;text-align:left;padding:0 0 0 16%;
	width:100%;height:40px;font-size:14px;font-size:1.4rem;letter-spacing:0.5em;
	border:none;background:none;cursor:pointer;}


/* 一覧表示
---------------------------------------------------------------------*/
#maker #makerList {}
#maker #makerList a {color:#000;text-decoration:underline;}
#maker #makerList a:hover {color:#0187FB;text-decoration:underline;}

#maker #makerList table {width:100%;margin:0 0 10px;}
#maker #makerList table th {font-size:14px;font-size:1.4rem;color:#FFF;
	text-align:center;line-height:1.0;background:#000;padding:8px 10px;
	border-right:solid 1px #b1b1b1;vertical-align:middle;}
#maker #makerList table td {width:41.6%;padding:1.5%;
	vertical-align:middle;line-height:1.3;
	border-right:solid 1px #b1b1b1;border-bottom:solid 1px #b1b1b1;}
#maker #makerList table th:nth-child(3),
#maker #makerList table td:nth-child(3) {
	width:150px;min-width:150px;border-right:none;padding:1.5% 0;text-align:center;}
	
	@media all and (-ms-high-contrast:none){
		#maker #makerList table {table-layout: fixed;}
		#maker #makerList table th,
		#maker #makerList table td {word-break: break-all;width:auto;}
	}

#maker #makerList table td .flex {
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}

/* 会社名 */
#maker #makerList table td  p.name {
	max-width:320px;word-break:break-all;margin:0 auto 0 0;}
#maker #makerList table td  p.btn_web {
	flex:1 0 85px;max-width:85px;margin:0 0 0 10px;}

/* ブランド名 */
#maker #makerList table td ul {
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#maker #makerList table td ul li {
	position:relative;padding:0 20px 0 0;margin:0 10px 0 0;}
#maker #makerList table td ul li:after {
	content:"／";position:absolute;top:0;right:0;
	font-size:14px;font-size:1.4rem;}
#maker #makerList table td ul li:last-child:after {display:none;}


/* メーカー情報
---------------------------------------------------------------------*/
#maker #makerInfo {padding:0 0 50px;margin:0 0 90px;border-bottom:solid 1px #ddd}

#maker #makerInfo dl {display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#maker #makerInfo dl+dl {margin:50px 0 0;}

#maker #makerInfo dt {width:17%;padding:10px 0 10px 35px;
	border-right:solid 1px #ddd;}
#maker #makerInfo dd {width:83%;padding:10px 0 10px 50px;}

/* 会社概要 */
#maker #makerInfo dd > dl {display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:flex-start;-ms-align-items:flex-start;align-items:flex-start;
	-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#maker #makerInfo dd > dl dt {width:20%;padding:0 0 10px;border:none;
	font-size:12px;font-size:1.2rem;}
#maker #makerInfo dd > dl dd {width:80%;padding:0 0 10px;}

/* 主要取扱品目 */
#maker #makerInfo dd > ul {
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#maker #makerInfo dd > ul li {
		padding:0 25px 0 0;margin:0 8px 0 0;position:relative;}
#maker #makerInfo dd > ul li:after {
		display: block;
		content: '／';
		font-size:16px;font-size:1.6rem;color:#999;
		position: absolute;top:0;right:0;}
#maker #makerInfo dd > ul li:last-child:after {display:none;}
#maker #makerInfo dd .text {font-size:14px;font-size:1.4rem;;color:#666;margin:15px 0 0;}

/* LINE UP
---------------------------------------------------------------------*/
#maker h3,
#maker .h3sup {line-height:1.0;text-align:center;}
#maker h3 {font-size:52px;font-size:5.2rem;font-weight:normal;margin:0 0 10px;
	font-family:'Metropolis-Medium',Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;}
#maker .h3sup {font-size:14px;font-size:1.4rem;margin:0 0 50px;}

#maker ul.innerLink {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}

/*==========================================================================
　　SEARCH　　#search　　　
==========================================================================*/
#search {}
#search .searchBox {padding:30px;border:none;border-bottom:solid 1px #cecece;
	margin:0 0 50px;}

#search .result {font-size:20px;font-size:2.0rem;
	border-bottom:solid 2px #000;padding:0 10px 5px;margin:0 0 15px;}
#search .result .sup {
	font-size:34px;font-size:3.4rem;margin:0 5px 0 0;vertical-align:baseline;}

#search div.option {font-size:12px;font-size:1.2rem;margin:0 10px 50px;}
#search div.option p {margin-left: 5em; text-indent: -5em}

#search div.option p.noimg_result {font-size:20px;font-size:2.0rem; margin-top: 20px;margin-left: 0; text-indent: inherit;}

#search .brandItem {margin:0 0 60px;}

#search .itemList {margin:0 0 50px;}

#search .itemList h3 {font-size:42px;font-size:4.2rem;font-weight:normal;text-align:center;
	line-height:1.0;letter-spacing:0.05em;margin:0 auto 15px;
	font-family:'Metropolis-SemiBold',Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;}

/*==========================================================================
　　My Favorite　#favorite　　　
==========================================================================*/
#favorite #subNav {width:100%;height:55px;background:#ebebeb;margin:0 0 60px;}
#favorite #subNav .row {height:55px;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}

#favorite #subNav .result {margin:0 auto 0 0;}
#favorite #subNav .result .sup {
	font-size:24px;font-size:2.4rem;margin:0 5px;vertical-align:baseline;}

#favorite #subNav ul.spNon {font-size:14px;font-size:1.4rem;line-height:1.0;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
#favorite #subNav ul.spNon li+li {margin:0 0 0 25px;}

#favorite #subNav ul.spNon li a {color:#000;text-decoration:none;padding:0 15px 5px 23px;
	border-bottom:solid 4px #6767a8;position:relative;}
#favorite #subNav ul.spNon li a:hover {border-bottom-color:#c50000;}
#favorite #subNav ul.spNon li a:before {
	font-family: 'icomoon';
	content: "\e902";
	position:absolute;top:2px;left:0;
	font-size:16px;font-size:1.6rem;}
#favorite #subNav ul.spNon li a:after {
	font-family: 'icomoon';
	content: "\e900";
	position:absolute;top:4px;right:0;
	font-size:12px;font-size:1.2rem;color:#999;}


#favorite #subNav ul.spNon  li:nth-child(2) a {border-bottom-color:#6b9d9e;}
#favorite #subNav ul.spNon  li:nth-child(2) a:hover {border-bottom-color:#c50000;}
#favorite #subNav ul.spNon  li:nth-child(2) a:before {content:"\e905";}
#favorite #subNav ul.spNon  li:nth-child(3) a {border-bottom-color:#b88e4c;}
#favorite #subNav ul.spNon  li:nth-child(3) a:hover {border-bottom-color:#c50000;}
#favorite #subNav ul.spNon  li:nth-child(3) a:before {content:"\e904";}

#favorite .itemList {margin:0 0 80px;}
#favorite .itemList .block .column .inBox p.photo span {border:none;}

/* リストどうする？
---------------------------------------------------------------------*/
#favorite .action h3 {font-size:50px;font-size:5.0rem;line-height:1.0;
	font-weight:normal;text-align:center;padding:70px 0 0;margin:0 0 20px;
	background:url(../images/common/megane.svg) no-repeat center top;
	background-size:100px auto;}
#favorite .action .sup {font-size:14px;font-size:1.4rem;line-height:1.8;
	text-align:center;margin:0 0 60px;}

#favorite .action .block {padding:0 10px;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;}
#favorite .action .block .column {width:33.3%;max-width:330px;padding:35px 0 5px;
	background: url(../images/common/mail.svg) no-repeat center top 5px;
	background-size:35px auto;}
#favorite .action .block .column .text {width: 100%;height:90px;margin:0 0 10px;
	font-size:24px;font-size:2.4rem;font-weight:bold;text-align:center;line-height:1.4;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}

/* BTN - GO! */
#favorite .action .block .column .btn {
	width:70%;min-width:inherit;height:45px;letter-spacing:0.3em;
	font-family:'Metropolis-Regular',Meiryo,"メイリオ", Osaka,sans-serif;
	margin:0 auto;}
#favorite .action .block .column .btn a {padding:0 0 0 20%;background:#6767a8;}
#favorite .action .block .column .btn a:hover {background:#c50000;}
#favorite .action .block .column .btn a:after {width:30%;}

/* Style */
#favorite .action .block .column:nth-child(2) {
	background: url(../images/common/tryatGG291.svg) no-repeat center top 5px;
	background-size:35px auto;
	/*border-right:solid 2px #000;*/border-left:solid 2px #000;}
#favorite .action .block .column:nth-child(2) .btn a {background:#6b9d9e;}
#favorite .action .block .column:nth-child(2) .btn a:hover {background:#c50000;}

#favorite .action .block .column:nth-child(3) {
	background: url(../images/common/stockchecking.svg) no-repeat center top 5px;
	background-size:35px auto;}
#favorite .action .block .column:nth-child(3) .btn a {background:#b88e4c;}
#favorite .action .block .column:nth-child(3) .btn a:hover {background:#c50000;}


/* 自分にメール - アドレス入力(LightBox表示)
---------------------------------------------------------------------*/
#colorbox {width:80%;max-width:800px;}
#mailBox {width:100%;max-width:800px;padding:30px;}

#mailBox .spec h3 {font-size:18px;font-size:1.8rem;color:#666;margin:0 0 5px 20px;}

#mailBox .spec dl {border-top:solid 1px #b1b1b1;border-bottom:solid 1px #b1b1b1;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}

#mailBox .spec dl dt,
#mailBox .spec dl dd {}

#mailBox .spec dl dt {min-width:11em;padding:20px;border-right:solid 1px #b1b1b1;}
#mailBox .spec dl dd {padding:20px 20px 20px 35px;}
#mailBox .spec input[type="email"] {width:100%;max-width:380px;}

/* 送信ボタン */
#mailBox .spec .btn_submit {width:300px;height:40px;
	background:#000;position:relative;margin:20px auto 0;}
#mailBox div .btn_submit:after {
	content:"";position:absolute;top:47%;right:0;
	width:25%;height:2px;background:#FFF;}
#mailBox div .btn_submit:hover {background:#c50000;}

#mailBox div .btn_submit input {color:#FFF;text-align:left;padding:0 0 0 13%;
	width:300px;height:40px;font-size:14px;font-size:1.4rem;
	border:none;background:none;cursor:pointer;}

.mw_wp_form_confirm #mailBox span.sup {display: none;}

#mailBox span.sup {font-size:12px;font-size:1.2rem;color:#b4b4b4;text-align:center;
	margin:5px 0 0;}


/*==========================================================================
　　よるある質問　#faq
==========================================================================*/
#faq section+section {margin:80px 0 0;}

#faq h3 {font-size:30px;font-size:3.0rem;font-weight:normal;line-height:1.1;
	font-family:'Metropolis-Medium',Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;
	border-top:solid 7px #000;padding:45px 0 0;margin:0 0 30px;}
#faq h3 span {font-size:14px;font-size:1.4rem;vertical-align:middle;margin:0 10px 0 0;}

#faq .block {margin:0 0 20px;}
#faq .block .title {width:100%;height:60px;
	background:#f3f3f3;position:relative;padding:0 0 0 85px;
	display:-webkit-flex;display:-ms-flexbox;display: flex; cursor:pointer;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
#faq .block .title:before {
	content:"";position:absolute;top:0;left:0;
	width:60px;height:60px;background:#000;}
#faq .block .title:after {
	content:"Q";position:absolute;top:10px;left:20px;
	font-size:30px;font-size:3.0;color:#FFF;
	font-family:'Metropolis-Regular',Meiryo,"メイリオ", Osaka, sans-serif;}

#faq .block .title h4 {
	font-size:16px;font-size:1.6rem;font-weight:normal;line-height:1.2;margin:0 auto 0 0;}
#faq .block .title .btn {width:115px;min-width:inherit;height:25px;margin:0 0 0 20px;
	font-family:'Metropolis-Regular',Meiryo,"メイリオ", Osaka, sans-serif;}
#faq .block .title .btn a:after {width:35%;height:1px;}

#faq .block .column {padding:35px 0 45px 95px;position:relative; display: none;}
#faq .block .column:before {
	content:"A.";position:absolute;top:25px;left:45px;
	font-size:30px;font-size:3.0;
	font-family:'Metropolis-Regular',Meiryo,"メイリオ", Osaka, sans-serif;}

#faq .block .column p {margin:0 0 15px;}

/* 表
-------------------------------------------------------------------------*/
#faq .block .column table {width: 100%; border:solid 1px #000;
  border-collapse: collapse; border-spacing: 0;}
#faq .block .column table th {border:solid 1px #000;color:#FFF;
	text-align:center;line-height:1.0;background:#000;padding: 10px !important;}
#faq .block .column table td {border:solid 1px #000;padding: 10px !important;
  font-size: 14px; font-size: 1.4rem; vertical-align: top;}
#faq .block .column table p {margin-bottom: 0;}
#faq .block .column ul {margin-left: 30px;}
#faq .block .column ul li {list-style: disc outside;}
#faq .block .column dl dt {margin-top: 15px; margin-bottom: 10px;}
#faq .block .column dl dd {margin-left: 20px;}
#faq .block .column h5 {border-bottom:1px solid #cccccc; padding-bottom: 5px; margin: 10px 0px; }

/* タブ
-------------------------------------------------------------------------*/
#faq .block .column .responsive-tabs {margin:0 0 20px;}

#faq .block .column .responsive-tabs ul.responsive-tabs__list {
  margin:0;padding:0;line-height:1.0;}

#faq .block .column .responsive-tabs ul.responsive-tabs__list li {
	border-top:solid 1px #070102;border-left:solid 1px #070102;border-bottom:solid 1px #070102;
  padding:10px 20px; font-size: 14px; font-size: 1.4rem;
  border-radius: 0; margin: 0; 
  background:#666;color:#FFF;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}
#faq .block .column .responsive-tabs ul.responsive-tabs__list li:last-child {
	border-right:solid 1px #070102;}

#faq .block .column .responsive-tabs ul.responsive-tabs__list li:hover {background:#FFF;color:#000;}
#faq .block .column .responsive-tabs ul.responsive-tabs__list li.responsive-tabs__list__item--active {
	color:#000;background:#FFF;z-index: 2;border-bottom-color: #FFF;}

#faq .block .column .responsive-tabs .responsive-tabs__panel {padding:30px 20px 20px;
  background:#FFF;border:solid 1px #070102;}

/* タブ用スタイル */
#faq .block .column .responsive-tabs ul.responsive-tabs__list {position:relative;}
#faq .block .column .responsive-tabs ul.responsive-tabs__list li {position:relative;z-index:0; top:1px;}

/* カタログダウンロードボタン */
#faq .block .column .catalog_dl {margin: 20px 0 40px 50px;}
#faq .block .column .catalog_dl a {display: block; background: #000000; color: #FFFFFF;
  padding: 20px 30px; border-radius: 10px; text-decoration: none; width: 250px;
  position: relative; text-align: center;}
#faq .block .column .catalog_dl a:hover {background:#9f0000; }
#faq .block .column .catalog_dl a:before {position: absolute;content: "";
  border-bottom: 7px solid transparent;border-right: 10px solid transparent;
  border-top: 7px solid transparent;border-left: 12px solid #FFFFFF; left: 20px;
 top: 25px;}

/*==========================================================================
　　お知らせ　#news
==========================================================================*/
#news {padding:115px 0 0;}

#news #heading {margin:0;}
#news .contents {display:-webkit-flex;display:-ms-flexbox;display: flex;}

/* 記事
---------------------------------------------------------------------*/
#news #mainCnt {width:100%;max-width:770px;
	padding:90px 0 120px 0;margin:0 auto 0 0;}

#news #mainCnt section {margin:0 0 80px;}
#news #mainCnt section .block {
	display:-webkit-flex;display:-ms-flexbox;display: flex;}
#news #mainCnt section .column {}
#news #mainCnt section .column .head {
	font-size:12px;font-size:1.2rem;line-height:1.0;
	padding:20px 10px;margin:0 0 5%;
	border-top:solid 2px #000;border-bottom:solid 1px #000;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
#news #mainCnt section .column .head p.day {
	position:relative;padding:0 15px 0 0;margin:0 10px 0 0;}
#news #mainCnt section .column .head p.day:after {
	content:"|";position:absolute;top:0;right:0;color:#cecece;}
#news #mainCnt section .column .head p.category {
	font-size:10px;font-size:1.0rem;color:#666;}
#news #mainCnt section .column .head p.category a {
	color:#666;text-decoration:underline;}
#news #mainCnt section .column .head p.category a:hover {
	color:#0187FB;text-decoration:underline;}
#news #mainCnt section .column .head p.category span {
	vertical-align:middle;margin:0 5px 0 0;}

#news #mainCnt section .column h3 {font-size:20px;font-size:2.0rem;
	font-weight:normal;line-height:1.3;margin:0 10px 35px;}

#news #mainCnt section .column div.text {padding:0 10px 40px;
	margin:0 0 15px;border-bottom:solid 1px #ddd;}
#news #mainCnt section .column div.text p {margin:0 0 10px;}

#news #mainCnt section .column div.sns {}

#news #mainCnt section .column div.text h4 {border-bottom:1px solid #cccccc; padding-bottom: 5px; margin: 10px 0px; }
#news #mainCnt section .column div.text .gallery-item {margin-right: 10px; width: 30%;}


/* パブリシティ
---------------------------------------------------------------------*/
#news #mainCnt #publicity {
  display:-webkit-flex;display:-ms-flexbox;display: flex;
  -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}

#news #mainCnt #publicity section {width:48%;margin-right:4%;line-height:1.1;margin-bottom: 60px;}
#news #mainCnt #publicity section:nth-child(even) {margin-right: 0;}

#news #mainCnt #publicity section .block .column {max-width: 200px; margin: 0 15px 0 0;}
#news #mainCnt #publicity section .block .column h3 {margin-left: 0;
  font-size: 18px; font-size: 1.8rem; border-bottom: 1px solid #888888; padding-bottom: 5px;}
#news #mainCnt #publicity section .block .column .inner {margin-left: 15px; padding: 0;}
#news #mainCnt #publicity section .block .column ul li {list-style-type: disc; list-style-position: outside;}
#news #mainCnt #publicity section .block .photo {margin: 0 0 0 auto; }
#news #mainCnt #publicity section .block .photo img {border: 1px solid #ddd;}

#news #mainCnt #publicity .column div.text p.pub_photo {margin:0 0 20px 0;
  border: 1px solid #ddd;}

/*-------------------------------------------------------------------------
　タブ ⇔ アコーディオン
-------------------------------------------------------------------------*/
#news #mainCnt section .column div.text .responsive-tabs {margin:0 0 20px;}

#news #mainCnt section .column div.text .responsive-tabs ul.responsive-tabs__list {
  margin:0;padding:0;line-height:1.0;}

#news #mainCnt section .column div.text .responsive-tabs ul.responsive-tabs__list li {
	border-top:solid 1px #070102;border-left:solid 1px #070102;border-bottom:solid 1px #070102;
  padding:20px 40px 20px 30px;
  border-radius: 0; margin: 0; font-size: 16px; font-size: 1.6rem;
  background:#666;color:#FFF;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}
#news #mainCnt section .column div.text .responsive-tabs ul.responsive-tabs__list li:last-child {
	border-right:solid 1px #070102;}

#news #mainCnt section .column div.text .responsive-tabs ul.responsive-tabs__list li:hover {background:#FFF;color:#000;}
#news #mainCnt section .column div.text .responsive-tabs ul.responsive-tabs__list li.responsive-tabs__list__item--active {
	color:#000;background:#FFF;z-index: 2;border-bottom-color: #FFF;}

#news #mainCnt section .column div.text .responsive-tabs .responsive-tabs__panel {padding:60px 35px 35px;
  background:#FFF;border:solid 1px #070102;}

/* タブ用スタイル */
#news #mainCnt section .column div.text .responsive-tabs ul.responsive-tabs__list {position:relative;}
#news #mainCnt section .column div.text .responsive-tabs ul.responsive-tabs__list li {position:relative;z-index:0; top:1px;}


/* 一覧用
---------------------------------------------------------------------*/
#news #mainCnt section .block {
	display:-webkit-flex;display:-ms-flexbox;display: flex;}
#news #mainCnt section .block p.photo {margin:0 auto 0 0;}

#news #mainCnt section .block .column {width:495px;margin:0 0 0 15px;}
#news #mainCnt section .block .column .head {padding:5px 10px;
	border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
#news #mainCnt section .block .column h3 {
	line-height:1.0;margin:0 10px 5%;}

#news #mainCnt section .block .column .inner {
	padding:0 0 0 10px;
	font-size:12px;font-size:1.2rem;color:#666;line-height:1.5;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}

#news #mainCnt section .block .column .inner .btn {
	width:155px;min-width:inherit;height:35px;margin:0 0 0 15px;
	font-family:'Metropolis-Medium',Meiryo,"メイリオ",Osaka,sans-serif;}
#news #mainCnt section .block .column .inner .btn a {
	width:155px;height:35px;padding:0 0 0 15px;}
#news #mainCnt section .block .column .inner .btn  a:after {
	width:50%;height:1px;}
	
	@media all and (-ms-high-contrast:none){
		#news #mainCnt section .block p.photo {width:32.5%;max-width:250px;}
		#news #mainCnt section .block .column .inner p:nth-child(1) {
			max-width:315px;}
		#news #mainCnt section .block .column .inner .btn {width:135px;}
		#news #mainCnt section .block .column .inner .btn a {width:135px;}
	}
	
	/* Safari Only */
	_::-webkit-full-page-media, _:future, :root #news #mainCnt section .block .column .inner p:nth-child(1){
		flex:1 0 64%;
	}


/* サイドバー
---------------------------------------------------------------------*/
#news #sidebar {width:265px;padding:75px 2% 120px 3%;
	border-left:solid 1px #ddd;margin:0 0 0 30px;}
#news #sidebar .archive+.archive {margin:50px 0 0;}
#news #sidebar .archive p.title {
	font-size:20px;font-size:2.0rem;line-height:1.0;margin:0 0 15px;
	font-family:'Metropolis-SemiBold',Meiryo,"メイリオ", Osaka, sans-serif;}
#news #sidebar .archive ul {}
#news #sidebar .archive ul li {
	font-size:12px;font-size:1.2rem;line-height:1.4;
	position:relative;padding:0 0 0 8px;}
#news #sidebar .archive ul li+li {margin:12px 0 0;}

#news #sidebar .archive ul li:before {
	content:"";position:absolute;top:5px;left:0;
	width:3px;height:3px;background:#000;}

#news #sidebar .archive ul li a {color:#666;text-decoration:none;}
#news #sidebar .archive ul li a:hover {color:#666;text-decoration:underline;}

#news #sidebar .archive ul select { width: 150px; padding: 5px 10px;}


/* ページャー　WPページャー共通 
---------------------------------------------------------------------*/
.pager,
.PageNavi{clear: both;text-align:center;font-size: 14px; font-size: 1.4rem;}
.wp-pagenavi{clear: both;padding:0 0 40px;}
.pager a.page-numbers,
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none;padding: 9px 17px;margin: 3px;
  border: 1px solid #000;}
.pager a.page-numbers:hover,
.wp-pagenavi a:hover {background: #885645; color: #FFF;border: 1px solid #885645;}
.pager span.current,
.wp-pagenavi span.current {background: #000;  color: #FFFFFF;padding: 9px 17px;margin: 5px;border: 1px solid #000;}

.pager.upper {margin-bottom: 40px;}

/*==========================================================================
  Tablet & SP
==========================================================================*/
/*===============================================================
  見やすさ設定
===============================================================*/
@media screen and (max-width:1100px) {
	/*===============================================
	  Contents Common
	===============================================*/
	/* 見出し ----------------------------------*/


	/* Contents --------------------------------*/


	/*===============================================
	  お知らせ
	===============================================*/
	/* Safari Only */
	_::-webkit-full-page-media, _:future, :root #news #mainCnt section .block .column .inner .btn {width:125px;}
	_::-webkit-full-page-media, _:future, :root #news #mainCnt section .block .column .inner .btn a {width:125px;}
	_::-webkit-full-page-media, _:future, :root #news #mainCnt section .block .column .inner .btn a:after {width:30%;}
	
	/*----------------------------------------
	　タブ ⇔ アコーディオン
	----------------------------------------*/
	#news #mainCnt section .column div.text .responsive-tabs ul.responsive-tabs__list li {
		font-size:14px;font-size:1.4rem;padding:18px 1.5%;}

}

/*===============================================================
  画面の横幅が769pxまで (タブレットサイズ)
===============================================================*/
@media screen and (max-width:769px) {
	
	/*===============================================
	 フレーム・メーカー共通
	===============================================*/
	/* フレーム・メーカー紹介(導入部）---------*/
	#intro {padding:0 0 50px;margin:0 0 60px;}
	
	#intro .info {padding:30px 0 0;}
	#intro .info p.photo {width:50%;margin:0 auto 0 0;}
	
	#intro .info .cntRht {max-width:none;}
	#intro .info .cntRht h2 {font-size:26px;font-size:2.6rem;}
	
	/*----------------------------------------
	　アイテム（フレーム・メーカー）
	----------------------------------------*/
	.itemList+.itemList {margin:60px 0 0;}
	
	.itemList h4 {font-size:26px;font-size:2.6rem;
		border-top:solid 5px #000;padding:25px 0 0;margin:0 0 30px;}
	.itemList h4 span {font-size:12px;font-size:1.2rem;}
	
	.itemList .block {margin:0 -5px;}
	.itemList .block .column {width:33.3%;margin:0 0 2%;}
	.itemList .block .column .inBox {margin:0 5px;}
	
	/* Text */
	.itemList .block .column .inBox p.text {
		font-size:18px;font-size:1.8rem;padding:0 12px 0 0;}
	.itemList .block .column .inBox p.text:after {
		font-size:12px;font-size:1.2rem;top:0.2em;right:0;}
	
	/* 価格・タイプ */
	.itemList .block .column .caption p span.price {font-size:18px;font-size:1.8rem;}
	.itemList .block .column .caption p {font-size:12px;font-size:1.2rem;}
	
	/* MORE */
	.itemList .btn {width:180px;height:35px;}
	
	/* お気に入り ------------------------*/
	.itemList.favorite .column .inBox p.photo {margin:25px 0 5px;}
	.itemList.favorite .column .delete {height:25px;}
	.itemList.favorite .column .delete a {padding:6px 0 0 12px;}
	.itemList.favorite .column .delete a:before {top:6.5px;}

.itemList.favorite .column .check {width:70px;height:30px;
	font-size:12px;font-size:1.2rem;line-height:1.0;letter-spacing:0.2em;text-align:center;
	border-bottom:solid 1px #000;border-left:solid 1px #000;
	background:#FFF;position:absolute;top:30px;right:0;z-index:999;}
.itemList.favorite .column .check label,
.itemList.favorite .column .check input[type='checkbox'] {cursor: pointer;}
.itemList.favorite .column .check label {display:block;width:100%;height:100%;
	padding:7px 0 0;}

	/* 価格・タイプ */
	.itemList.favorite .block .column .caption {padding:30px 10px 10px;}


	
	/*===============================================
	  FRAME
	===============================================*/
	/* ブランドリスト ----------------------------*/
	#frame #brandList {padding:0 0 30px;margin:0 0 40px;}
	
	#frame #brandList .block .column {
		margin:0 0 25px;display:block;min-height:inherit;}

	#frame #brandList .block .column p.photo {
		float:left;width:50%;margin:0 15px 10px 0; z-index: 99;}
	#frame #brandList .block .column p.photo span {max-width:260px;max-height:190px;}
  #frame #brandList .block .column p.photo span img {max-height:130px;}


	#frame #brandList .block .column .cntRht {font-size:12px;font-size:1.2rem;
		min-height:inherit;width:100%;}
	
	#frame #brandList .block .column .cntRht h3 {word-break: break-all;
		font-size:14px;font-size:1.4rem;line-height:1.1;height:auto;
		display:inline-block;padding:10px 0 0;margin:0 0 10px;max-width:120px;width:30%;}
	#frame #brandList .block .column .cntRht h3:before {height:3px;}

	/* btn - Line Up */
	#frame #brandList .block .column .cntRht .btn.lineup {
		font-size:12px;font-size:1.2rem;width:100px;}
	#frame #brandList .block .column .cntRht .btn.lineup a:after {width:20%;}
  
  
  /* BTN - フレームトップぺへ戻る */
  #frame .contents .btn.contact {width:100%;max-width:600px;height:70px;
	  font-size:20px;font-size:2.0rem;}
  #frame .contents .btn.contact a {width:100%;height:100%;
	  padding:0 0 0 15%;}
  
  #frame .contents .btn.contact a:before {
	  top:12px;left:8.0%;}
	
	/*===============================================
	  MAKER
	===============================================*/
	/*----------------------------------------
	　メーカー一覧
	----------------------------------------*/
	/* メーカー検索 ----------------------*/
	#makerSearch {padding:0 15px;margin:0 0 40px;}
	#makerSearch h2 {font-size:28px;font-size:2.8rem;
		padding:0 0 0 25px;margin:0 0 10px;}
	#makerSearch h2 span {font-size:12px;font-size:1.2rem;margin:0 0 0 15px;}
	#makerSearch h2:before {top:3px;font-size:20px;font-size:2.0rem;}
	
	/* 検索結果 */
	#maker p.result {font-size:26px;font-size:2.6rem;margin:0 0 20px;}
	
	
	
	/*----------------------------------------
	　メーカー情報
	----------------------------------------*/
	#maker #makerInfo {margin:0 0 60px;}
	#maker #makerInfo dl {display:block;}
	#maker #makerInfo dl+dl {margin:40px 0 0;}

	#maker #makerInfo dt {width:100%;padding:0 0 10px 15px;
		border-right:0;border-bottom:solid 1px #ddd;}
	#maker #makerInfo dd {width:100%;padding:10px 0 10px 30px;}
	
	/* 会社概要 */
	#maker #makerInfo dd > dl dt {width:28%;}
	#maker #makerInfo dd > dl dd {width:72%;padding:0 0 10px;}

	/* 主要取扱品目 */
	#maker #makerInfo dd > ul li {padding:0 20px 0 0;margin:0 5px 0 0;}
	#maker #makerInfo dd > ul li:after {font-size:14px;font-size:1.4rem;}
	#maker #makerInfo dd .text {font-size:12px;font-size:1.2rem;}
	
	/* LINE UP --------------------------*/
	#maker h3 {font-size:34px;font-size:3.4rem;}
	#maker .h3sup {font-size:12px;font-size:1.2rem;}
	
	/*===============================================
	  SEARCH
	===============================================*/
	#search .searchBox {padding:0 3% 30px;margin:0 0 30px;}
	
	#search .result {font-size:14px;font-size:1.4rem;margin:0 0 15px;}
	#search .result .sup {font-size:24px;font-size:2.4rem;}

	#search div.option {font-size:10px;font-size:1.0rem;margin:0 10px 50px;}
	#search .brandItem {margin:0 0 40px;}
  
  #search div.option p.noimg_result {font-size:14px;font-size:1.4rem; margin-top: 10px;}
	
	#search .itemList h3 {font-size:36px;font-size:3.6rem;}
	
	/*===============================================
	  My Favorite
	===============================================*/
	#favorite #subNav {width:100%;height:45px;margin:0 0 40px;
		font-size:12px;font-size:1.2rem;}
	#favorite #subNav .row {height:45px;}
	#favorite #subNav .result .sup {font-size:20px;font-size:2.0rem;}
	
	#favorite #subNav ul.spNon {font-size:12px;font-size:1.2rem;}
	#favorite #subNav ul.spNon li+li {margin:0 0 0 15px;}
	
	#favorite #subNav ul.spNon li a {
		padding:0 12px 2px 20px;border-bottom:solid 3px #6767a8;}
	#favorite #subNav ul.spNon li a:before {top:2px;left:0;
		font-size:14px;font-size:1.4rem;}
	#favorite #subNav ul.spNon li a:after {top:4px;right:0;
		font-size:10px;transform:scale(0.8);}
	
	/* リストどうする？-------------------------*/
	#favorite .action h3 {font-size:36px !important;font-size:3.6rem !important;
		padding:50px 0 0;margin:0 0 20px;background-size:80px auto;}
	#favorite .action .sup {font-size:12px;font-size:1.2rem;margin:0 0 40px;}

	#favorite .action .block .column {padding:35px 0 5px;
		background-size:30px auto;}
	#favorite .action .block .column .text {height:50px;
		font-size:18px;font-size:1.8rem;line-height:1.2;}

	/* BTN - GO! */
	#favorite .action .block .column .btn {height:35px;}

	/* Style */
	#favorite .action .block .column:nth-child(2) {background-size:30px auto;}
	#favorite .action .block .column:nth-child(3) {background-size:30px auto;}
	
	/* 自分にメール - アドレス入力(LightBox表示) */
	#mailBox {padding:10px;}
	#mailBox .spec h3 {font-size:16px;font-size:1.6rem;margin:0 0 5px;}
	#mailBox .spec dl {display:block;
		border-top:solid 1px #b1b1b1;border-bottom:solid 1px #b1b1b1;}
	#mailBox .spec dl dt,
	#mailBox .spec dl dd {}
	#mailBox .spec dl dt {width:100%;min-width:inherit;padding:10px;
		border-right:none;background:#F6F6F6;border-bottom:dotted 1px #999;}
	#mailBox .spec dl dd {padding:10px 10px 10px 25px;}

	/* 送信ボタン */
	#mailBox .spec .btn_submit {width:80%;height:35px;}
	#mailBox div .btn_submit:after {width:15%;}
	
	#mailBox div .btn_submit input {width:80%;height:35px;}

	
	
	/*===============================================
	 よくある質問
	===============================================*/
	#faq section+section {margin:60px 0 0;}
	
	#faq h3 {font-size:24px;font-size:2.4rem;
		border-top:solid 5px #000;padding:20px 0 0;margin:0 0 30px;}
	#faq h3 span {font-size:12px;font-size:1.2rem;}
	
	#faq .block {margin:0 0 15px;}
	#faq .block .title {height:50px;padding:0 0 0 60px;}
	#faq .block .title:before {width:50px;height:50px;}
	#faq .block .title:after {top:10px;left:15px;
		font-size:26px;font-size:2.6rem;}

	#faq .block .title h4 {font-size:14px;font-size:1.4rem;}
	#faq .block .title .btn {width:115px;min-width:inherit;height:25px;margin:0 0 0 20px;
	font-family:'Metropolis-Regular',Meiryo,"メイリオ", Osaka, sans-serif;}
	
	#faq .block .column {padding:20px 0 25px 60px;}
	#faq .block .column:before {top:10px;left:25px;
		font-size:26px;font-size:2.6;}
	
	#faq .block .column p {margin:0 0 10px;}
	
	
	
	/*===============================================
	  お知らせ
	===============================================*/
	#news {padding:45px 0 0;}
	#news .contents {display:block;}
	
	/* 記事 -------------------------------*/
	#news #mainCnt {padding:40px 0 0;margin:0;}
	#news #mainCnt section {margin:0 0 40px;}
	#news #mainCnt section .column .head {padding:15px 10px;margin:0 0 4%;}
	
	#news #mainCnt section .column h3 {font-size:18px;font-size:1.8rem;margin:0 10px 4%;}
	#news #mainCnt section .column div.text {padding:0 10px 5%;}
	
	/*----------------------------------------
	　タブ ⇔ アコーディオン
	----------------------------------------*/
	#news #mainCnt section .column div.text .responsive-tabs-wrapper {margin:0 3%;}
	#news #mainCnt section .column div.text .responsive-tabs {margin:0 0 20px;}
	#news #mainCnt section .column div.text .responsive-tabs .responsive-tabs__panel {
		padding:15px 10px;}
	
	#news #mainCnt section .column div.text .responsive-tabs .responsive-tabs__heading {
		font-size:14px;font-size:1.4rem;color:#FFF;background:#666;border: 1px solid #000; padding-left: 10px;}
	#news #mainCnt section .column div.text .responsive-tabs .responsive-tabs__heading:after {
		border-top:solid 6px #999;}
	#news #mainCnt section .column div.text .responsive-tabs .responsive-tabs__heading--active,
	#news #mainCnt section .column div.text .responsive-tabs .responsive-tabs__heading--active:hover {
		color:#000;background:#FFF;}
	
	/* 一覧用 -------------------------------*/
	#news #mainCnt section .block .column .inner .btn {width:120px;}
	#news #mainCnt section .block .column .inner .btn a {width:120px;}
	#news #mainCnt section .block .column .inner .btn  a:after {
		width:25%;height:1px;}
	
	/*----------------------------------------
	　サイドバー
	----------------------------------------*/
	#news #sidebar {width:100%;padding:30px 3% 60px;margin:0;
		border:none;border-top:dotted 1px #ddd;}
	#news #sidebar .archive+.archive {margin:40px 0 0;}
	#news #sidebar .archive p.title {font-size:16px;font-size:1.6rem;margin:0 0 10px;}
	#news #sidebar .archive ul {margin:0 0 0 15px;}
	#news #sidebar .archive ul li+li {margin:8px 0 0;}
	
}

/*===============================================================
  画面の横幅が640pxまで (スマホサイズ)
===============================================================*/
@media screen and (max-width:640px){

	/*===============================================
	 フレーム・メーカー共通
	===============================================*/
	/* フレーム・メーカー紹介(導入部）---------*/
	#intro {padding:0 0 30px;margin:0 0 50px;}
	
	#intro .info {display:block;}
	#intro .info p.photo {
		float:left;width:30%;margin:0 15px 15px 0;}
	
	#intro .info .cntRht {margin:0;}
	#intro .info .cntRht h2 {font-size:18px;font-size:1.8rem;}
	
	/*----------------------------------------
	　アイテム（フレーム・メーカー）
	----------------------------------------*/
	.itemList+.itemList {margin:40px 0 0;}
	
	.itemList h4 {font-size:22px;font-size:2.2rem;
		border-top:solid 4px #000;padding:12px 0 0;margin:0 0 20px;}
	.itemList h4 span {font-size:10px;font-size:1.0rem;margin:0 7px 0 0;}

	/* Text */
	.itemList .block .column .inBox p.text {
		font-size:16px;font-size:1.6rem;padding:0 10px 0 0;}
	.itemList .block .column .inBox p.text:after {
		font-size:10px;font-size:1.0rem;top:0.15em;right:0;}
	
	/* 価格・タイプ */
	.itemList .block .column .caption p span.price {font-size:16px;font-size:1.6rem;}
	.itemList .block .column .caption p {font-size:10px;font-size:1.0rem;}
	
	/* MORE */
	.itemList .btn {width:120px;height:30px;}
	
	/* お気に入り ------------------------*/
	.itemList.favorite .column .delete {width:60px;height:25px;
		font-size:10px;font-size:1.0rem;}
	.itemList.favorite .column .delete a {padding:7px 0 0 12px;}
	.itemList.favorite .column .delete a:before {left:10px;transform: scale(0.8);}
  
  
   /* BTN - フレームトップぺへ戻る */
   #frame .contents .btn.contact {width:90%;max-width:600px;height:50px;
	   font-size:16px;font-size:1.6rem;}
   #frame .contents .btn.contact a {width:100%;height:100%;
	   padding:0 0 0 15%;}
  
   #frame .contents .btn.contact a:before {
	   top:7px;left:5.0%;font-size:25px;font-size:2.5rem;}
  
   #frame #brandList .block .column p.photo span img {max-height:100px;}
	
	/*===============================================
	  MAKER
	===============================================*/
	/*----------------------------------------
	　メーカー一覧
	----------------------------------------*/
	/* メーカー検索 ----------------------*/
	#makerSearch {padding:0;margin:0 0 40px;}
	#makerSearch h2 {font-size:24px;font-size:2.4rem;
		padding:0 0 0 25px;margin:0 0 10px;}
	#makerSearch h2 span {font-size:10px;font-size:1.0rem;margin:0 0 0 10px;}
	#makerSearch h2:before {top:0;font-size:20px;font-size:2.0rem;}
	
	/* 検索 */
	#makerSearch .flex {display:block;}
	#makerSearch .flex .flex {width:100%;margin:0 auto 0 0;
		display:-webkit-flex;display:-ms-flexbox;display: flex;
		-webkit-align-items:center;-ms-align-items:center;align-items:center;
		-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;}

	#makerSearch .flex p.name {min-width:9em;margin:0 5px 0 0;
		font-size:12px;font-size:1.2rem;}
	
	/* 送信ボタン */
	#makerSearch .flex .btn_submit {width:120px;height:35px;margin:10px auto;}
	#makerSearch .flex .btn_submit input {height:35px;}
	
	/* 一覧表示 ------------------------*/
	#maker #makerList table.bt tbody td:before {
		font-size:12px;font-size:1.2rem;
		width:100px;text-align:left;
		background:#000;color:#FFF;font-weight:normal;
		margin-right:5px;padding:7px 10px;}
	#maker #makerList table.bt tr {border:solid 1px #000;}
	#maker #makerList table.bt tr:nth-child(even) {background:#F0F0F0;}
	#maker #makerList table.bt td {border:none;border-bottom:solid 1px #ccc;
		text-align:left;vertical-align:middle;
		width:100% !important;padding:0 !important;}
	
	#maker #makerList table.bt td:last-child {border:none;}
	#maker #makerList table.bt td:last-child:before {border-bottom:solid 1px #FFF;}
	
	
	#maker #makerList table.bt td .bt-content {padding:7px 5px;width:100%}

	#maker #makerList table td .flex {display:block;}
	#maker #makerList table td  p.btn_web {margin:5px 0 0;}
	
	/*----------------------------------------
	　メーカー情報
	----------------------------------------*/
	#maker #makerInfo {padding:0 0 40px;margin:0 0 40px;}
	#maker #makerInfo dl+dl {margin:20px 0 0;}

	#maker #makerInfo dd {padding:10px 0 10px 20px;}
	
	/* 会社概要 */
	#maker #makerInfo dd > dl {display:block;}
	#maker #makerInfo dd > dl dt {width:100%;
		padding:0 0 2px;border-bottom:dotted 1px #CCC;}
	#maker #makerInfo dd > dl dd {width:100%;padding:10px 0 15px;}
	
	/* 主要取扱品目 */
	
	/* LINE UP --------------------------*/
	#maker h3 {font-size:26px;font-size:2.6rem;}
	#maker .h3sup {text-align:left;}
	
	/*===============================================
	  SEARCH
	===============================================*/
	#search .itemList h3 {font-size:28px;font-size:2.8rem;margin:0 auto 10px;}
	
	/*===============================================
	  My Favorite
	===============================================*/
	#favorite #subNav {width:100%;height:45px;margin:0 0 40px;
		font-size:12px;font-size:1.2rem;}
	#favorite #subNav .row {height:45px;}
	#favorite #subNav .result .sup {font-size:20px;font-size:2.0rem;}
	
	#favorite #subNav ul.spNon {display:none;}
	
	#favorite #subNav ul.spAct {font-size:18px;font-size:1.8rem;padding:5px 0 0;
		display:-webkit-flex;display:-ms-flexbox;display:flex;
		-webkit-align-items:center;-ms-align-items:center;align-items:center;}
	#favorite #subNav ul.spAct li a {text-decoration:none;}
	#favorite #subNav ul.spAct li+li {margin:0 0 0 15px;}
	
	#favorite #subNav ul.spAct i.icon-mail {color:#6767a8;}
	#favorite #subNav ul.spAct i.icon-tryatGG291 {color:#6b9d9e;}
	#favorite #subNav ul.spAct i.icon-stockchecking {color:#b88e4c;}
	
	/* リストどうする？-------------------------*/
	#favorite .action h3 {font-size:26px !important;font-size:2.6rem !important;
		padding:40px 0 0;background-size:64px auto;}
	#favorite .action .sup {text-align:left;margin:0 10px 40px;}
	
	#favorite .action .block {display:none;}
	
	#favorite .action .spAct p.btn {font-size:16px;font-size:1.6rem;line-height:1.2;
		width:90%;height:70px;margin:0 auto 10px;}
	#favorite .action .spAct p.btn a {background:#6767a8;padding:0 12% 0 65px;}
	#favorite .action .spAct p.btn a:before {
		font-family: 'icomoon';
		content: "\e902";
		position:absolute;top:16px;left:20px;
		font-size:30px;font-size:3.0rem;}
	#favorite .action .spAct p.btn a:after {width:10%;}
	
	/* Style */
	#favorite .action .spAct p.btn:nth-child(2) a {background:#6b9d9e;}
	#favorite .action .spAct p.btn:nth-child(2) a:before {content:"\e905";}
	#favorite .action .spAct p.btn:nth-child(3) a {background:#b88e4c;}
	#favorite .action .spAct p.btn:nth-child(3) a:before {content:"\e904";}
	
	/* 自分にメール - アドレス入力(LightBox表示) */
	#mailBox .spec h3 {font-size:14px;font-size:1.4rem;}
	#mailBox .spec dl dt {width:100%;min-width:inherit;padding:5px 10px;}
	#mailBox .spec dl dd {padding:10px 5px 10px 10px;}

	
	
	/*===============================================
	 よくある質問
	===============================================*/
	#faq section+section {margin:40px 0 0;}
	
	#faq h3 {font-size:18px;font-size:1.8rem;
		border-top:solid 3px #000;padding:10px 0 0;margin:0 0 20px;}
	#faq h3 span {font-size:10px;font-size:1.0rem;margin:0 7px 0 0;}
	
	#faq .block .title {padding:0 0 0 45px;}
	#faq .block .title:before {width:35px;}
	#faq .block .title:after {top:10px;left:8px;
		font-size:22px;font-size:2.2rem;}

	#faq .block .title .btn {flex:1 0 65px;width:65px;max-width:65px;
		letter-spacing:0;margin:0 0 0 10px;}
	#faq .block .title .btn a {padding:0 0 0 10px;}
	#faq .block .title .btn a:after {width:10px;}
	
	#faq .block .column {padding:15px 0 25px 50px;}
	#faq .block .column:before {top:10px;left:18px;
		font-size:22px;font-size:2.2;}
	
	#faq .block .column p {margin:0 0 10px;}

  #faq .block .column dl dd {margin-left: 0;}
	
	/*----------------------------------------
	　タブ ⇔ アコーディオン
	----------------------------------------*/
	#faq .block .column .responsive-tabs-wrapper {margin-right:3%;}
	#faq .block .column .responsive-tabs {margin:0px;}
	#faq .block .column .responsive-tabs .responsive-tabs__panel { padding:15px 10px;}
	
	#faq .block .column .responsive-tabs .responsive-tabs__heading {
    font-size:14px;font-size:1.4rem;color:#FFF;background:#666;border: 1px solid #000;}
	#faq .block .column .responsive-tabs .responsive-tabs__heading:after {
		border-top:solid 6px #999;}
	#faq .block .column .responsive-tabs .responsive-tabs__heading--active,
	#faq .block .column .responsive-tabs .responsive-tabs__heading--active:hover {
		color:#000;background:#FFF;}
  
  
	/*===============================================
	  お知らせ
	===============================================*/
	/* 記事 -------------------------------*/
	#news #mainCnt {padding:30px 0 0;}
	#news #mainCnt section {margin:0 0 30px;}
	#news #mainCnt section .column .head {padding:10px;margin:0 0 15px;}
	
	#news #mainCnt section .column h3 {font-size:16px;font-size:1.6rem;margin:0 10px 20px;}

	
	/* 一覧用 -------------------------------*/
	#news #mainCnt section .block .column .inner{display:block;}
	#news #mainCnt section .block .column .inner .btn {height:30px;margin:10px 0 0 auto;}
	#news #mainCnt section .block .column .inner .btn a {height:30px;}
	
	/* パブリシティ
  ---------------------------------------------------------------------*/
  #news #mainCnt #publicity {display:block;}
  #news #mainCnt #publicity section {width:100%;margin-right:0;line-height:1.1;margin-bottom: 30px;}
  #news #mainCnt #publicity section .block .column { margin: 0 10px 0 0;}
  
  
	/*===============================================
	  ページャー　WPページャー共通 
	===============================================*/
	.pager,
	.PageNavi{font-size:12px;font-size:1.2rem;}
	.wp-pagenavi{padding:0 0 20px;}
	.pager a.page-numbers,
	.wp-pagenavi a, .wp-pagenavi span {padding:3px 8px;margin:2px;}
	.pager a.page-numbers:hover,
	.pager span.current,
	.wp-pagenavi span.current {padding:3px 8px;margin:2px;}
	
}

/*===============================================================
  画面の横幅が480pxまで
===============================================================*/
@media screen and (max-width:479px){
	
	/*===============================================
	 フレーム・メーカー共通
	===============================================*/
	/*----------------------------------------
	　アイテム（フレーム・メーカー）
	----------------------------------------*/
	.itemList .block .column {width:50%;margin:0 0 2%;}
	
	/*===============================================
	  FRAME
	===============================================*/
	/* ブランドリスト ----------------------------*/
	#frame #brandList .block {display:block;}
	#frame #brandList .block .column {width:100%;padding:0;margin:0 0 20px;}
	#frame #brandList .block .column p.photo {width:40%;}
	#frame #brandList .block .column .cntRht h3 {max-width:200px;width:50%;}
	
   #intro .info p.photo span img {/*max-width:260px;*/max-height:90px;}
  
}


/*===============================================================
  画面の横幅が325pxまで 小さいサイズ用処理
===============================================================*/
@media screen and (max-width:325px){

    #intro .info p.photo span img {/*max-width:260px;*/max-height:70px;}

}