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

/*==============================================================================
　　Contents Common
  	各ページ共通CSS。 タイトルやボタンなどの共通のものを入れている。
==============================================================================*/

/* 見出し
-------------------------------------------------------------------------*/
 h2 {font-family:'Metropolis-Medium',Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;}

#heading  {width:100%;border-bottom:solid 1px #ddd;
	padding:50px 0 90px 0;margin:0 0 90px;}
#heading  .row {display:-webkit-flex;display:-ms-flexbox;display: flex;}

#heading .title {max-width:380px;margin:0 auto 0 0;padding:10px 0 0;}
#heading .title h2 {font-size:52px;font-size:5.2rem;font-weight:normal;
	line-height:1.0;letter-spacing:0.05em;margin:0 0 5px;
	font-family:'Metropolis-Medium',Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;}
#heading  .title h2 span {font-size:22px;font-size:2.2rem;letter-spacing:0;
	vertical-align:baseline;margin:0 0 0 10px;}
#heading  .title .h2sup {font-size:12px;font-size:1.2rem;font-weight:bold;padding:0 0 0 2px;}
#heading  .txtBox {width:100%;max-width:695px;margin:0 0 0 20px;
	font-size:14px;font-size:1.4rem;line-height:1.7;}

/* Safari Only */
_::-webkit-full-page-media, _:future, :root #heading .title {
    flex:1 0 35%;
}

/* メイン画像（index以外）
-------------------------------------------------------------------------*/
#mainImg {width:100%;max-height:340px;text-align:center;overflow:hidden;}
#mainImg img {width: 100vw;}


/* 枠
-------------------------------------------------------------------------*/
.contents {width:100%;max-width:1100px;margin-right:auto;margin-left:auto;}
.frame {margin-right:20px;margin-left:20px;}


/* btn Base
-------------------------------------------------------------------------*/
.btn {min-width:235px;height:50px;font-size:14px;font-size:1.4rem;letter-spacing:0.05em;
	font-family:'Metropolis-SemiBold',Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;}
.btn a {width: 100%;height:100%;padding:0 0 0 15px;
	color:#FFF;text-decoration:none;background:#000;position:relative;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
.btn a:hover {background:#885645;}

.btn a:after {
	content:"";position:absolute;top:47%;right:0;
	width:25%;height:2px;background:#FFF;}

/* btn - Line Up */
.btn.lineup {width:135px;min-width:inherit;height:25px;
	font-family:'Metropolis-Regular',Meiryo,"メイリオ", Osaka, sans-serif;}
.btn.lineup a:after {top:45%;height:1px;}

/* btn - more */
.btn.more {width:115px;min-width:inherit;height:25px;
	font-family:'Metropolis-Regular',Meiryo,"メイリオ", Osaka, sans-serif;}
.btn.more a {width:115px;min-width:inherit;height:25px;}
.btn.more a:after {top:45%;height:1px;}

/* btn - website */
.btn_web {width:85px;height:20px;
	font-size:14px;font-size:1.4rem;text-align:center;line-height:1.0;
	font-family:'Metropolis-Regular',Meiryo,"メイリオ", Osaka, sans-serif;
	border:solid 1px #000;}
.btn_web a {width:100%;height:100%;display:block;
	color:#000;text-decoration:none !important;padding:2px 0 0 6px;
	background:#FFF;position:relative;}
.btn_web a:before {
	font-family: 'icomoon';
	content: "\e909";
	position:absolute;top:4.5px;left:5px;
	font-size:10px;font-size:1.0rem;transition:none;}
.btn_web a:hover {
	color:#FFF !important;text-decoration:none;background:#000;}

/* フレーム検索
-------------------------------------------------------------------------*/
.searchBox {width:100%;max-width:1100px;padding:28px;background:#FFF;border:solid 1px #cecece;}
main .searchBox {border:none;}

.searchBox 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 30px;}
.searchBox h2 span {
	font-size:14px;font-size:1.4rem;vertical-align: middle;margin:0 0 0 15px;}
.searchBox h2:before {
	font-family: 'icomoon';
	content: "\e906";position:absolute;top:3px;left:0;
	font-size:28px;font-size:2.8rem;}

/* アコーディオンタイプ -------------------------------------*/
.searchBox .title {margin:0 0 20px;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;cursor:pointer;}
.searchBox .title h2 {margin:0 auto 0 0;}

.searchBox .title ul {font-size:14px;font-size:1.4rem;height:40px;
	border:solid 1px #000;padding:0 5px 0 40px;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
.searchBox .title ul li:first-child {margin:0 40px 0 0;}

.searchBox .title ul li.plusIcon,
.searchBox .title ul li.plusIcon span {
	display: block;
	transition: all .4s;}
.searchBox .title ul li.plusIcon {
	position: relative;width: 55px;height:40px;padding:0 20px;
	border-left:solid 1px #000;}
.searchBox .title ul li.plusIcon span {
	position: absolute;left:20px;width:15px;height: 1px;background:#000;}
.searchBox .title ul li.plusIcon span:nth-of-type(1) {
    top:20px;transform: rotate(0deg);}
.searchBox .title ul li.plusIcon span:nth-of-type(2) {
    top:20px;transform: rotate(90deg);}

/*＋、×切り替え*/
.searchBox .title ul li.plusIcon.active span:nth-of-type(1) {
	top:20px;transform: rotate(45deg);}
.searchBox .title ul li.plusIcon.active span:nth-of-type(2) {
	top:20px;transform: rotate(135deg);}

/* アコーディオンタイプ  ここまで-------------------------*/

.searchArea {display:none;}
.searchArea .block {display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
.searchArea .column {font-size:14px;font-size:1.4rem;margin:0 0 15px;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
.searchArea .column p.name {width:140px;font-size:12px;font-size:1.2rem;font-weight:bold;}

.searchArea .column p.searchGo {width:100%;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}


.searchArea .column ul {max-width:900px;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.searchArea .column ul li {
	width:145px;background:#f8f8f8;padding:5px 8px;margin:0 5px 5px 0;}
.searchArea .column ul li label {width:100%;}

.searchArea .column.class {margin:0 0 15px 40px;}
.searchArea .column.class p.name {width:100px;}

.searchArea .column.shape ul li,
.searchArea .column.structure ul li {width:220px;}

.searchArea .column.shape ul li img,
.searchArea .column.structure ul li img {vertical-align:middle;margin:0 10px 0 0;}

.searchArea .column input.brand_name {width:100%;}

.searchArea .bt_search {margin:15px 0 0;
	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;
	-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}

.searchArea input#brand_name,
.searchArea input#brand_name_s {width:60%;}

/* 検索ボタン */
.searchArea .bt_search p:first-child {margin:0 30px 0 0;}
.searchArea .bt_search p.btn {width:340px;letter-spacing:0.1em;
	font-family:'Metropolis-Bold',Meiryo,"メイリオ",sans-serif;}
.searchArea .bt_search p.btn a {padding:0 0 0 25px;}
.searchArea .bt_search p.btn a:hover {color:#FFF;background:#c50000;}
.searchArea .bt_search p.btn a:after {width:38%;}

.searchArea .bt_search p.btn.clear {width:160px;min-width:inherit;}
.searchArea .bt_search p.btn.clear a {width:160px;min-width:inherit;color:#464646;background:#dadada;}
.searchArea .bt_search p.btn.clear a:hover {color:#FFF;background:#777;}
.searchArea .bt_search p.btn.clear a:after {width:25%;}


/* 検索ボタン 上*/
.searchArea .searchGo .submit_search,
.searchArea .searchGo .submit_search_s {width:150px;height:35px;padding:0 0 0 15px !important;
	font-size:14px;font-size:1.4rem;color:#FFF;letter-spacing:0.05em;
	text-decoration:none;background:#000;position:relative;margin:0 0 0 10px;
	font-family:'Metropolis-SemiBold',Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
.searchArea .searchGo .submit_search:hover,
.searchArea .searchGo .submit_search_s:hover {
	width:150px;height:35px;background:#c50000;border:none !important;}

.searchArea .searchGo .submit_search:after,
.searchArea .searchGo .submit_search_s:after {
	content:"";position:absolute;top:47%;right:0;
	width:25%;height:2px;background:#FFF;}

/* カテゴリ、サブナビ
-------------------------------------------------------------------------*/
ul.innerLink {max-width:1120px;margin:0 -10px 100px;
	display:-webkit-flex;display:-ms-flexbox;display: flex;}
ul.innerLink li {font-size:18px;font-size:1.8rem;color:#FFF;line-height:1.1;
	width:25%;max-width:280px;min-height:70px;padding:0 10px;margin:0 0 15px;
	word-break:break-all;}
ul.innerLink li a {width:100%;height:100%;padding:0 25% 0 7.7%;
	color:#FFF;text-decoration:none;background:#000;position:relative;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
ul.innerLink li a:hover {background:#885645;}
ul.innerLink li a:after {
	content:"";position:absolute;top:47%;right:0;
	width:19%;height:2px;background:#FFF;}

/*Saafari only*/
_::-webkit-full-page-media, _:future, :root ul.innerLink li {
    height:70px;
}

/* Page Navi
-------------------------------------------------------------------------*/
.pageNav {font-size:14px;font-size:1.4rem;line-height:1.0;
	border-bottom:solid 1px #ddd;margin:0 0 90px;}
.pageNav .innerNav {}

@media screen and (min-width:769px) {

.pageNav .innerNav > ul {height:55px;position:relative;
	display:-webkit-flex;display:-ms-flexbox;display: flex;}
.pageNav .innerNav > ul li {height:55px;margin:0 4% 0 0;}
.pageNav .innerNav > ul li a {color:#000;text-decoration:none;height:55px;
	display:inline-block;padding:20px 0 0;position:relative;}
.pageNav .innerNav > ul li a:after {
	content:"";position:absolute;bottom:0;left:0;
	width:0;height:2px;background:#000;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	transform:none;}
.pageNav .innerNav > ul li a:hover:after {width: 100%;}

.pageNav .innerNav > ul li ul {position:absolute;top:55px;width:auto;
    background:#FFF;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	visibility: hidden;
    opacity:0;z-index:1;}

.pageNav .innerNav > ul li:hover ul {
    top:55px;visibility:visible;opacity:1;}

.pageNav .innerNav > ul li:hover ul li {height:45px;margin:0;}
.pageNav .innerNav > ul li:hover ul li a {height:45px;padding:17px 20px 0 35px;}
.pageNav .innerNav > ul li:hover ul li a:after {bottom:0;left:0;
	width:0;height:1px;background:#666;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	transform:none;}
.pageNav .innerNav > ul li:hover ul li a:hover:after {width: 100%;}

.pageNav .innerNav > ul li:hover ul li a:before {
	content:"";position:absolute;top:17px;left:15px;
	width:7px;height:7px;
	border-bottom:solid 1px #999;border-left:solid 1px #999;}
}
@media screen and (min-width:1020px) {
.pageNav .innerNav > ul li {margin:0 6% 0 0;}
}

/* SP時アコーディオン */
#navToggle {display: none;}



/* ページ内リンク
-------------------------------------------------------------------------*/
ul.anchorLink {
	font-size:12px;font-size:1.2rem;line-height:1.0;
	height:50px;padding:0 15px;margin:0 0 30px;
	border-top:solid 1px #000;border-bottom:solid 1px #ddd;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
ul.anchorLink li {
	position:relative;padding:0 0 0 18px;margin:0 4% 0 0;}
ul.anchorLink li:before {
	content:"";position:absolute;top:1px;left:0;
	width:9px;height:9px;background:#FFF;
	border:solid 3px #999;}
ul.anchorLink li a {
	color:#000;text-decoration:none;}
ul.anchorLink li a:hover {
	text-decoration:underline;}




/*==========================================================================
　　CONTACT　　#contact　　在庫問い合わせ、来店試着予約、通常お問い合わせ　　　
==========================================================================*/
#contact section+section {margin:100px 0 0;}

/* #heading内 ボタン有（通常お問合せ・修理依頼フォーム) */
#heading  .txtBox p.layout {color:#666;margin:10px 0 0;
	display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
#heading  .txtBox .btn {width:140px;min-width:inherit;height:20px;
	font-size:12px;font-size:1.2rem;letter-spacing:0;
	margin:0 0 0 15px;}
#heading  .txtBox .btn a {width:140px;min-width:inherit;height:20px;
	color:#666;background:#FFF;border:solid 1px #b1b1b1;padding:0 10px 0 0;
	-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;}
#heading  .txtBox .btn a:hover {color:#FFF;background:#000;border-color:#000;}
#heading  .txtBox .btn a:after {
	font-family: 'icomoon';
	content: "\e900";position:absolute;top:2px;right:15px;
	font-size:10px;font-size:1.0rem;
	width:0;height:0;background:none;transition:none;}
#heading  .txtBox .btn a:hover:after {color:#FFF;}


/* Title
-------------------------------------------------------------------------*/
#contact h3 {font-size:38px;font-size:3.8rem;font-weight:normal;line-height:1.0;
	position:relative;padding:0 10px 15px 60px;margin:0 0 25px;
	border-bottom:solid 2px #000;}
#contact h3:before {
	font-family: 'icomoon';
	content: "\e902";
	position:absolute;top:-3px;left:10px;}

#contact .h3title {line-height:1.0;padding:0 10px 15px;margin:0 0 25px;
	border-bottom:solid 2px #000;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
#contact .h3title h3 {padding:0 0 0 50px;margin:0;border:none;}
#contact .h3title h3:before {left:0;}

#contact .h3title .choice {font-size:12px;font-size:1.2rem;font-weight:bold;
	padding:5px 10px;margin:0 0 0 15px;
	background:#FFF;border:solid 1px #000;position: relative;}
#contact .h3title .choice:before,
#contact .h3title .choice:after {
	content:"";position:absolute;top:50%;right:100%;
	width:0;height:0;}
#contact .h3title .choice:after{margin-top: -5px;
	border-top:solid 4px transparent;
	border-right:solid 8px #FFF;
	border-bottom:solid 4px transparent;}
#contact .h3title .choice:before{margin-top: -6px;
	border-top:solid 5px transparent;
	border-right:solid 9px #000;
	border-bottom:solid 5px transparent;}

#contact .h3title .choice span {position:relative;padding:0 0 0 26px;}
#contact .h3title .choice span:before {
	font-family: 'icomoon';
	content: "\e903";
	position:absolute;top:-3px;left:0;
	font-size:22px;font-size:2.2rem;}

#contact .frame .link {font-size:12px;font-size:1.2rem;vertical-align:baseline;}
#contact a {color:#000;}
#contact a:hover {color:#0187FB;}

/* フォーム説明 */
#contact ul.caution {margin:20px 20px 50px;}
#contact ul.caution li {position:relative;padding:0 0 0 16px;}
#contact ul.caution li:before {
	content:"";position:absolute;top:7px;left:0;
	width:8px;height:8px;background:#000;}


/* フォーム
---------------------------------------------------------------------*/
#contact .form {margin:0 0 80px;}
#contact .form dl {border-top:solid 1px #b1b1b1;margin:0 0 30px;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#contact .form dl dt,
#contact .form dl dd {border-bottom:solid 1px #b1b1b1;}
#contact .form dl dt {width:18%;border-right:solid 1px #b1b1b1;padding:25px 20px;}
#contact .form dl dd {width:82%;padding:25px 35px;}

	/* 修理依頼フォーム */
	#contact .form.request dl dt {width:22%;}
	#contact .form.request dl dd {width:78%;}

#contact .form dl dd p+p {margin:10px 0 0;}

#contact .form dl dd p.choice {
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#contact .form dl dd p.choice label {width:250px;margin:0 10px 5px 0;}

#contact .form dl dd input[type="text"] {width:60%;}
#contact .form dl dd input[type="email"] {width:60%;}
#contact .form dl dd input.zip {width:15%;}
#contact .form dl dd input.date {width:20%;}
#contact .form dl dd label {display:inline-block;margin:0 20px 0 0;}
#contact .form dl dd textarea {width:100%;height:100px;padding:5px;}

/* フォーム周り */
#contact .att {color:#e70000;font-weight:bold;}
#contact .form .sup {font-size:12px;font-size:1.2rem;color:#b4b4b4;vertical-align:middle;}

#contact .form .agree {text-align:center;margin:0 0 50px;}

#contact .mw_wp_form .horizontal-item + .horizontal-item {margin-left: 0px;}

/* 各種ボタン ------------------------------------------------*/
#contact .btn_submit input,
#submitback input {cursor:pointer;}

/*確認画面へ進むボタン用*/
#contact .btn_submit {width:72%;height:90px;
	background:#9f0000;position:relative;margin:0 auto;}
#contact .btn_submit:before {
	font-family: 'icomoon';
	content: "\e902";
	position:absolute;top:22px;left:10%;
	font-size:28px;font-size:2.8rem;color:#FFF;}
#contact .btn_submit:after {
	content:"";position:absolute;top:47%;right:0;
	width:25%;height:2px;background:#FFF;}
#contact .btn_submit:hover {background:#c50000;}

#contact .btn_submit input {color:#FFF;text-align:left;padding:0 0 0 16%;
	width:100%;height:100%;font-size:24px;font-size:2.4rem;font-weight:bold;
	border:none;background:none;cursor:pointer;}

/*戻るボタン用*/
#submitback {width:40%;height:50px;
	background:#515151;position:relative;margin:20px auto 0;}
#submitback:after {
	content:"";position:absolute;top:47%;right:0;
	width:25%;height:2px;background:#FFF;}
#submitback:hover {background:#434343;}
#submitback input {color:#FFF;text-align:left;padding:0 0 0 16%;
	width:100%;height:50px;font-size:18px;font-size:1.8rem;font-weight:bold;
	border:none;background:none;cursor:pointer;}

#contact .mw_wp_form_input #submitback {display: none;}
#contact .mw_wp_form_confirm .sup {display:none;}
#contact .mw_wp_form_confirm .agree {display:none;}


/* Privacy Policy
---------------------------------------------------------------------*/
#contact #privacy {font-size:14px;font-size:1.4rem;
	border:solid 2px #ddd;padding:40px 30px 10px;}
#contact #privacy h4 {font-size:18px;font-size:1.8rem;margin:0 0 35px;}
#contact #privacy h5 {font-size:14px;font-size:1.4rem;margin:0 0 5px;}

#contact #privacy ul {margin:0 0 20px;}
#contact #privacy ul li { margin-left: 1.6em; text-indent: -1.6em; }
#contact #privacy ul li+li {margin-top:5px;}

#contact #privacy p {margin:0 0 20px;}
#contact #privacy p.inquiry {margin:0 0 20px 20px;}

#contact #privacy .frame {margin-bottom:40px;}

/* 電話で
---------------------------------------------------------------------*/
#contact section.tel h3 {padding:0 10px 15px 45px;}
#contact section.tel h3:before {content:"\e907";top:0px;font-size:34px;font-size:3.4rem;}
#contact section.tel p.telNum {font-size:38px;font-size:3.8rem;color:#000;
	line-height:1.0;margin:20px 0 15px;
	font-family:'Metropolis-Regular',Meiryo,"メイリオ", Osaka, sans-serif;}
#contact section.tel p.telNum a {color:#000;}

#contact section.tel p.telNum span {font-size:50px;font-size:5.0rem;vertical-align:baseline;}


/* 在庫問い合せ・来店試着予約　アイテム選択
---------------------------------------------------------------------*/
#contact .itemList.favorite {
	border:solid 1px #b1b1b1;margin:30px 0;padding:39px 39px 27px;}

#contact .itemList.favorite .title {padding:0 5px 5px;margin:0 0 25px;
	border-bottom:solid 1px #b1b1b1;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
#contact .itemList.favorite .title .result {margin:0 0 0 auto;}
#contact .itemList.favorite .title .result .sup {
	font-size:24px;font-size:2.4rem;margin:0 5px;vertical-align:baseline;}

#contact .itemList.favorite .block {max-width:1020px;margin:0 -5px 0 0;}

#contact .itemList.favorite .column {width:16.66%;max-width:170px;margin:0 0 10px;
  position: relative;overflow: hidden;}
#contact .itemList.favorite .column .inBox {max-width:160px;margin:0 5px;}
#contact .itemList.favorite .column .inBox p.photo {width:100%;max-width:160px;height:auto;}
#contact .itemList.favorite .column .inBox p.photo span {border:none;}
#contact .itemList.favorite .column .inBox p.photo span img {
	max-height:79px;}

#contact .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:0;right:0;z-index:999;}

#contact .itemList.favorite .column .check label,
#contact .itemList.favorite .column .check input[type='checkbox'] {cursor: pointer;}

#contact .itemList.favorite .column .check label {display:block;width:100%;height:100%;
	padding:7px 0 0;}

#contact .itemList.favorite .column p.new {margin:0 10px 5px;}
#contact .itemList.favorite .column p.text {font-size:14px;font-size:1.4rem;
	margin:0 10px;padding:0 15px 0 0;}
#contact .itemList.favorite .column p.text:after {
	font-size:10px;font-size:1.0rem;top:0.3em;right:0;}

/* 在庫確認 --------------------------------------------------*/
#contact section.stock .h3title h3:before {content:"\e904";}
#contact section.stock .btn_submit:before {content:"\e904";}
/* 来店試着予約 --------------------------------------------------*/
#contact section.reserve .h3title h3:before {content:"\e905";}
#contact section.reserve .btn_submit:before {content:"\e905";}


/*==========================================================================
　　流れ　　.flow　　　　　修理の流れ、オーダーメイドの流れ
==========================================================================*/

.flow .block {display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flow .block .step {flex:1 0 125px;width:125px;position:relative;}
.flow .block .step img {position:absolute;z-index:5;}
.flow .block .step:after {
	content:"";position:absolute;bottom:0;left:50%;
	width:1px;height:100%;background:#000;z-index:inherit;}
.flow .block.end .step:after {display:none;}

.flow .block .cntRht {width:100%;max-width:975px;padding:0 0 30px;}
.flow .block .cntRht h4 {font-size:24px;font-size:2.4rem;line-height:1.2;
	font-weight:normal;background:#ebebeb;height:80px;
	padding:0 40px;margin:0 0 25px;
	display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}

.flow .block .cntRht .column {padding:0 40px;}



/* □が頭につく　p & li 共通 */
.flow .point {position:relative;padding:0 0 0 25px;}
.flow .point:before {
	content:"";position:absolute;top:2.5px;left:0;
	width:15px;height:15px;background:#ebebeb;border:solid 5px #000;}

.flow p.point {margin:0 0 10px;}

.flow .sup {
	font-size:14px;font-size:1.4rem;color:#666;vertical-align:middle;}
.flow .sup.mLft {margin:0 0 8px 55px;text-indent:-1em;}
.flow .sup.mLft.mBtm {margin:0 0 25px 55px;}

/* BTN - お問い合わせ */
.flow .block .btn.contact {width:295px;min-width:inherit;height:45px;margin:20px 0 0 auto;}
.flow .block .btn.contact a {padding:0 0 0 60px;}
.flow .block .btn.contact a:hover {background:#c50000;}

.flow .block .btn.contact a:before {
	font-family:'icomoon';
	content: "\e902";
	position:absolute;top:8px;left:30px;
	font-size:18px;font-size:1.8rem;transition:none;}

/* 写真配置あり */
.flow .block .cntRht .column.flex {
	display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flow .block .cntRht .column.flex .txtBox {
	max-width:580px;margin:0 auto 0 0;}
.flow .block .cntRht .column.flex .txtBox .sup.mLft {margin:0 0 8px 30px;}
.flow .block .cntRht .column.flex .txtBox .sup.mLft.mBtm {margin:0 0 25px 30px;}

.flow .block .cntRht .column.flex p.photo {margin:0 0 0 25px;}


/*-------------------------------------------------------------------------
　ページ下部　お問合せ（眼鏡アイコン付き）
-------------------------------------------------------------------------*/
.action h3 {font-size:36px !important;font-size:3.6rem !important;
	line-height:1.0;font-weight:normal;text-align:center;
	padding:70px 0 0;margin:0 0 30px !important;
	background:url(../images/common/megane.svg) no-repeat center top;
	background-size:100px auto;
	font-family:Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;}
.action .sup {font-size:14px;font-size:1.4rem;line-height:1.8;
	text-align:center;margin:0 0 60px;}

/* BTN - お問い合わせ */
.action .btn.contact {width:100%;max-width:790px;height:90px;
	font-size:24px;font-size:2.4rem;margin:0 auto 20px;
	font-family:Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;}
.action .btn.contact a {width:100%;height:100%;
	padding:0 0 0 18%;}
.action .btn.contact a:hover {background:#c50000;}

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

/* BTN - 流れ */
.action .btn.other {width:280px;height:45px;margin:0 auto;}
.action .btn.other a {width:100%x;height:100%;padding:0 0 0 15px;
	border:solid 2px #000;background:#FFF;color:#000;}
.action .btn.other a:after {background:#000;}

.action .btn.other a:hover {
	color:#FFF;background:#885645;border-color:#885645;}
.action .btn.other a:hover:after {background:#FFF;}

.action p.text {font-size:14px;font-size:1.4rem;text-align:center;}


/* WP プラグイン
-------------------------------------------------------------------------*/
.pager {text-align:center;}


/* Google翻訳 */
#glt-translate-trigger {background:#949494 !important;font-weight:normal !important;
	font-family:'Metropolis-Medium',Meiryo,"メイリオ", Osaka !important;
	text-shadow:none !important; font-size: 12px; font-size: 1.2rem !important;
  padding: 6px 15px !important; line-height: 1 !important;}

.gtt #glt-translate-trigger {display:none !important;}

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





	/* 枠 -------------------------------------*/ 
	.contents {padding-right:2%;padding-left:2%;}


	/*===============================================
	  C流れ　-　修理の流れ、オーダーメイドの流れ
	===============================================*/
	.flow .block .step {flex:1 0 110px;width:110px;}

}

/*===============================================================
  画面の横幅が769pxまで (タブレットサイズ)
===============================================================*/
@media screen and (max-width:769px) {
	/*===============================================
	  Contents Common
	===============================================*/
	/* 見出し ----------------------------------*/
	#heading  {padding:20px 0 40px;margin:0 0 50px;}

	#heading .title {max-width:380px;margin:0 auto 0 0;padding:0;}
	#heading .title h2 {font-size:44px;font-size:4.4rem;}
	#heading .title h2 span {font-size:18px;font-size:1.8rem;}
	
	#heading .txtBox {font-size:12px;font-size:1.2rem;}
	
	/* 枠 -------------------------------------*/ 
	.frame {margin-right:3%;margin-left:3%;}

	/*----------------------------------------
	　フレーム検索
	----------------------------------------*/
	.searchBox {padding:3%;margin:0 0 30px;}
	
	.searchBox h2 {font-size:24px;font-size:2.4rem;padding:0 0 0 30px;margin:0 0 30px;}
	.searchBox h2:before {top:2px;font-size:20px;font-size:2.0rem;}
	.searchBox h2 span {font-size:10px;font-size:1.0rem;margin:0 0 0 10px;}

	/* アコーディオンタイプ */
	.searchBox .title {height:55px;padding:0 0 0 15px;margin:0;border:solid 1px #CCC;}

	.searchBox .title ul {height:25px;border:none;background:none;padding:0;}
	.searchBox .title ul li:first-child {display:none;}
	
	.searchBox .title ul li.plusIcon {width:40px;height:30px;padding:0 20px;}
	.searchBox .title ul li.plusIcon span {left:12px;width:15px;}
	.searchBox .title ul li.plusIcon span:nth-of-type(1) {top:14px;}
	.searchBox .title ul li.plusIcon span:nth-of-type(2) {top:14px;}

	/*＋、×切り替え*/
	.searchBox .title ul li.plusIcon.active span:nth-of-type(1) {top:14px;}
	.searchBox .title ul li.plusIcon.active span:nth-of-type(2) {top:14px;}

	/* フレーム検索 -----------------*/
	.searchArea {border:solid 1px #CCC;border-top:none;padding:20px 5px;}
	.searchArea .block {display:block;}
	.searchArea .column {display:block;padding:10px 5px;margin:0 0 5px;}
	.searchArea .column p.name {width:100%;margin:0 0 5px;}

	.searchArea .column ul li {width:32%;}

	.searchArea .column.class {margin:0 0 5px;}
	.searchArea .column.class p.name {width:100%;}

	.searchArea .column.shape ul li,
	.searchArea .column.structure ul li {width:32%;}
	
	/* 検索ボタン */
	.searchArea .bt_search {display:block;}
	.searchArea .bt_search p {margin:0 auto;}
	.searchArea .bt_search p.btn {width:80%;margin:0 auto 10px;}
	
	.searchArea .bt_search p.btn.clear {height:35px;}
	
	
	/*----------------------------------------
	　カテゴリ、サブナビ 
	----------------------------------------*/
	ul.innerLink {margin:0 -5px 50px;
		-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
	ul.innerLink li {font-size:16px;font-size:1.6rem;
		width:50%;max-width:none;height:50px;min-height:50px;margin:0 0 10px;padding:0 5px;}
	
	/*----------------------------------------
	　Page Navi 
	----------------------------------------*/
	.pageNav {border:none;line-height:1.2;margin:0 3% 80px;}
	.pageNav .innerNav {display:none;}
	.pageNav .innerNav ul.row {padding:0;background:#f6f6f6;
		border-right:solid 1px #ccc;border-left:solid 1px #ccc;}
	.pageNav .innerNav ul li {width:100%;border-bottom:solid 1px #ccc;}
	.pageNav .innerNav ul li a {color:#000;text-decoration:none;
		display:block;padding:10px 10px 10px 35px;position:relative;}
	.pageNav .innerNav ul li a:hover {background:#eee;}
	.pageNav .innerNav ul li a:before {
		content:"";position:absolute;top:15px;left:20px;
		width:8px;height:2px;background:#000;}
	
	.pageNav .innerNav ul li ul {border-top:solid 1px #ccc;}
	.pageNav .innerNav ul li ul li:last-child {border:none;}
	.pageNav .innerNav ul li ul li a {padding:10px 10px 10px 50px;}
	.pageNav .innerNav ul li ul li a:before {top:12px;left:35px;
		width:8px;height:8px;background:none;
		border-left:solid 2px #666;border-bottom:solid 2px #666;}

	/* SP時アコーディオン */
	#navToggle {
		display:block;width:100%;height:45px;position:relative;background:#FFF;}
	#navToggle a {display: block;position:relative;padding:12px 0;
		color:#000;text-decoration:none;background:#FFF;text-align:center;
		border:solid 2px #dbdbdb;height:45px;}
	#navToggle:before {display:block;content:"";position:absolute;top:13px;left:14px;
		width:24px;height:20px;background:#555;z-index: 1;}
	#navToggle a:before,#navToggle a:after {
		content:"";position:absolute;top:50%;left:12px;
		width:24px;height:4px;background: #FFF;z-index: 2;}
	#navToggle a:before {margin-top:-6px;}
	#navToggle a:after {margin-top: 2px;}
	
	/*----------------------------------------
	　ページ内リンク
	----------------------------------------*/
	ul.anchorLink {height:40px;padding:0 10px;margin:0 0 20px;}
	ul.anchorLink li {padding:0 0 0 14px;margin:0 4% 0 0;}
	
	
	/*===============================================
	  CONTACT - 在庫問い合わせ、来店試着予約、通常お問い合わせ
	===============================================*/
	#contact section+section {margin:60px 0 0;}
	
	/* #heading内 ボタン有（通常お問合せ・修理依頼フォーム) */
	#heading  .txtBox .btn {width:110px;font-size:10px;font-size:1.0rem;}
	#heading  .txtBox .btn a {width:110px;height:20px;}
	#heading  .txtBox .btn a:after {top:2px;right:15px;
		font-size:10px;transform: scale(0.8);}
	
	/*----------------------------------------
	　Title
	----------------------------------------*/
	#contact h3 {font-size:28px;font-size:2.8rem;
		padding:0 10px 15px 45px;margin:0 0 20px;}
	#contact h3:before {top:-2px;left:10px;}

	#contact .h3title {margin:0 0 20px;}
	#contact .h3title h3 {padding:0 0 0 40px;}

	/* フォーム説明 */
	#contact ul.caution {margin:15px 10px 40px;}
	#contact ul.caution li {padding:0 0 0 12px;}
	#contact ul.caution li:before {top:7px;width:6px;height:6px;}
	
	/*----------------------------------------
	　フォーム
	----------------------------------------*/
	#contact .form {margin:0 0 60px;}
	#contact .form dl dt {width:20%;padding:15px;}
	#contact .form dl dd {width:80%;padding:15px 20px;}
	#contact .form dl dd .spAct {display:block;}
	
	/* 修理依頼フォーム */
	#contact .form.request dl dt {width:22%;}
	#contact .form.request dl dd {width:78%;}
  
  #contact .form dl dd input[type="text"] {width:80%;}
  #contact .form dl dd input[type="email"] {width:80%;}
  #contact .form dl dd input.zip {width:30%;}

#contact .form dl dd p.choice {
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#contact .form dl dd p.choice label {width:250px;margin:0 10px 5px 0;}

	#contact .form .agree {margin:0 0 40px;}
	
	/* 各種ボタン ---------------------*/
	/*確認画面へ進むボタン用*/
	#contact .btn_submit {width:72%;height:70px;}
	#contact .btn_submit:before {top:18px;left:10%;
		font-size:24px;font-size:2.4rem;}
	#contact .btn_submit:after {width:22%;}
	
	#contact .btn_submit input {padding:0 0 0 18%;font-size:20px;font-size:2.0rem;}

	/*戻るボタン用*/
	#submitback {height:40px;margin:15px auto 0;}
	#submitback:after {width:22%;}
	#submitback input {height:40px;font-size:14px;font-size:1.4rem;}

	/*----------------------------------------
	　Privacy Policy
	----------------------------------------*/
	#contact #privacy {font-size:12px;font-size:1.2rem;padding:20px 20px 10px;}
	#contact #privacy h4 {font-size:16px;font-size:1.6rem;margin:0 0 20px;}
	#contact #privacy h5 {font-size:12px;font-size:1.2rem;margin:0 0 5px;}

	#contact #privacy ul {margin:0 0 15px;}
	#contact #privacy p {margin:0 0 15px;}
	#contact #privacy p.inquiry {margin:0 0 15px 15px;}
	
	#contact #privacy .frame {margin-bottom:25px;}
	
	/*----------------------------------------
	　電話で
	----------------------------------------*/
	#contact section.tel h3 {padding:0 10px 15px 38px;}
	#contact section.tel h3:before {font-size:28px;font-size:2.8rem;}

	/*----------------------------------------
	　在庫問い合せ・来店試着予約　アイテム選択
	----------------------------------------*/
	#contact .itemList.favorite {margin:30px 0;padding:14px 19px 12px;}

	#contact .itemList.favorite .title {padding:0 5px 3px;margin:0 0 20px;}
	#contact .itemList.favorite .title .result {font-size:12px;font-size:1.2rem;}
	#contact .itemList.favorite .title .result .sup {font-size:18px;font-size:1.8rem;}

	#contact .itemList.favorite .column {width:20%;}

	/*===============================================
	  流れ　-　修理の流れ、オーダーメイドの流れ
	===============================================*/
	.flow .block .step {flex:1 0 90px;width:90px;}
	
	.flow .block .cntRht {padding:0 0 20px;}
	.flow .block .cntRht h4 {font-size:20px;font-size:2.0rem;height:60px;
		padding:0 20px;margin:0 0 20px;}
	.flow .block .cntRht .column {padding:0 20px;}
	
	/* □が頭につく　p & li 共通 */
	.flow .point {padding:0 0 0 20px;}
	.flow .point:before {top:4px;width:12px;height:12px;border:solid 4px #000;}
	
	.flow .sup {font-size:12px;font-size:1.2rem;}
	.flow .sup.mLft {margin:0 0 8px 35px;text-indent:-1em;}
	.flow .sup.mLft.mBtm {margin:0 0 25px 35px;}

	/* 写真配置あり */
	.flow .block .cntRht .column.flex .txtBox .sup.mLft {margin:0 0 8px 10px;}
	.flow .block .cntRht .column.flex .txtBox .sup.mLft.mBtm {margin:0 0 25px 10px;}

	.flow .block .cntRht .column.flex p.photo {flex:1 0 180px;margin:0 0 0 15px;}
	
	/*===============================================
	  ページ下部　お問合せ（眼鏡アイコン付き）
	===============================================*/
	.action h3 {font-size:28px !important;font-size:2.8rem !important;
		padding:50px 0 0;margin:0 0 20px !important;
		background-size:70px auto;}
	.action .sup {font-size:12px;font-size:1.2rem;line-height:1.6;margin:0 0 40px;}

	/* BTN - お問い合わせ */
	.action .btn.contact {width:90%;max-width:none;height:70px;
		font-size:20px;font-size:2.0rem;margin:0 auto 20px;}
	.action .btn.contact a {padding:0 0 0 18%;}
	
	.action .btn.contact a:before {top:16px;left:10%;
		font-size:26px;font-size:2.6rem;}
	.action .btn.contact  a:after {top:47%;width:20%;}

	.action p.text {font-size:12px;font-size:1.2rem;text-align:left;
		width:90%;margin:0 auto;}
	
	
}

/*===============================================================
  画面の横幅が640pxまで (スマホサイズ)
===============================================================*/
@media screen and (max-width:640px){
	/*===============================================
	  Contents Common
	===============================================*/	
	/* 見出し ----------------------------------*/
	#heading  {padding:20px 0 30px;margin:0 0 40px;}
	#heading .row {display:block;}
	#heading .title {max-width:inherit;padding:0;margin:0 0 10px;}
	
	#heading .title h2 {font-size:38px;font-size:3.8rem;margin:0;}
	#heading .title h2 span {font-size:16px;font-size:1.6rem;}
	
	#heading .txtBox {max-width:none;margin:0;
		font-size:12px;font-size:1.2rem;}
	
	/*----------------------------------------
	　フレーム検索
	----------------------------------------*/
	/* フレーム検索 -----------------*/
	.searchArea .column.shape ul li,
	.searchArea .column.structure ul li {width:48%;}
	
	/* 検索ボタン 上*/
	.searchArea .searchGo .submit_search,
	.searchArea .searchGo .submit_search_s {width:100px;height:30px;padding:0 0 0 15px;
		font-size:12px;font-size:1.2rem;letter-spacing:0;}
	.searchArea .searchGo .submit_search:after
	.searchArea .searchGo .submit_search_s:after {top:47%;width:20%;}
	/*----------------------------------------
	　カテゴリ、サブナビ 
	----------------------------------------*/
	ul.innerLink {margin:0 -8px 30px;}
	
	/*----------------------------------------
	　Page Navi
	----------------------------------------*/
	.pageNav {margin:0 3% 40px;}
	
	/*----------------------------------------
	　ページ内リンク
	----------------------------------------*/
	ul.anchorLink {height:35px;}
	ul.anchorLink li {padding:0 0 0 13px;}
	
	/*===============================================
	  CONTACT - 在庫問い合わせ、来店試着予約、通常お問い合わせ
	===============================================*/
	/*----------------------------------------
	　Title
	----------------------------------------*/
	#contact .h3title {margin:0 0 20px;padding:0 10px 10px;}
	#contact .h3title h3 {padding:0 0 0 30px;}
	#contact .h3title .choice {display:none;}
	
	/* フォーム説明 */
	#contact ul.caution {margin:15px 10px 40px;}
	#contact ul.caution li {padding:0 0 0 12px;}
	#contact ul.caution li:before {top:7px;width:6px;height:6px;}
	
	/*----------------------------------------
	　在庫問い合せ・来店試着予約　アイテム選択
	----------------------------------------*/
	#contact .itemList.favorite {margin:30px 0;padding:9px 9px 10px;}

	#contact .itemList.favorite .title {margin:0 0 15px;display:block;}
	
	#contact .itemList.favorite .column {width:33.3%;}

	
	/*===============================================
	  流れ　-　修理の流れ、オーダーメイドの流れ
	===============================================*/
	.flow .block .step {flex:1 0 60px;width:60px;}
	
	.flow .block .cntRht {padding:0 0 10px;}
	.flow .block .cntRht h4 {font-size:16px;font-size:1.6rem;line-height:1.1;
		height:40px;padding:0 10px;margin:0 0 20px;}
	.flow .block .cntRht .column {padding:0 5px;}
	
	/* □が頭につく　p & li 共通 */
	.flow .point {padding:0 0 0 16px;}

	.flow .sup.mLft {margin:0 0 5px 28px;text-indent:-1em;}
	.flow .sup.mLft.mBtm {margin:0 0 15px 28px;}

	/* BTN - お問い合わせ */
	.flow .block .btn.contact {width:200px;height:35px;margin:15px 0 0 auto;}
	.flow .block .btn.contact a {padding:0 0 0 40px;}
	.flow .block .btn.contact a:before {top:7px;left:20px;
		font-size:14px;font-size:1.4rem;}
	.flow .block .btn.contact a:after {width:30px;}
	
	/* 写真配置あり */
	.flow .block .cntRht .column.flex {display:block;}
	.flow .block .cntRht .column.flex .txtBox {max-width:none;margin:0;}
	.flow .block .cntRht .column.flex .txtBox .sup.mLft {margin:0 0 8px 10px;}
	.flow .block .cntRht .column.flex .txtBox .sup.mLft.mBtm {margin:0 0 25px 10px;}

	.flow .block .cntRht .column.flex p.photo {flex: none;width:80%;margin:10px auto 0;}
	
	/*===============================================
	  CONTACT - 在庫問い合わせ、来店試着予約、通常お問い合わせ
	===============================================*/
	#contact section+section {margin:40px 0 0;}
	
	/*----------------------------------------
	　Title
	----------------------------------------*/
	#contact h3 {font-size:20px;font-size:2.0rem;padding:0 5px 10px 35px;}
	
	/* フォーム説明 */
	#contact ul.caution {margin:10px 10px 30px;}
	
	/*----------------------------------------
	　フォーム
	----------------------------------------*/
	#contact .form {margin:0 0 40px;}
	#contact .form dl {display:block;}
	
	#contact .form dl dt {
		width:100%;padding:5px 10px;border-right:none;background:#F6F6F6}
	#contact .form dl dd {width:100%;padding:20px 15px;}
	#contact .form dl dd .spAct {display:block;}
	
	/* 修理依頼フォーム */
	#contact .form.request dl dt {width:100%;}
	#contact .form.request dl dd {width:100%;}
  
  #contact .form dl dd input[type="text"] {width:100%;}
  #contact .form dl dd input[type="email"] {width:100%;}
  #contact .form dl dd input.zip {width:50%;}
  #repair #contact .form dl dd label {width:250px;margin:0 10px 5px 0;}
  
  #contact .form dl dd p.choice {
	  display:-webkit-flex;display:-ms-flexbox;display: flex;
	  -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
  #contact .form dl dd p.choice label {width:250px;margin:0 10px 5px 0;}

	#contact .form .agree {margin:0 0 30px;}
	
	/* 各種ボタン ---------------------*/
	/*確認画面へ進むボタン用*/
	#contact .btn_submit {width:85%;height:60px;}
	#contact .btn_submit:before {top:12px;left:25px;
		font-size:22px;font-size:2.4rem;}
	#contact .btn_submit:after {width:20%;}
	
	#contact .btn_submit input {padding:0 0 0 60px;font-size:18px;font-size:1.8rem;}

	/*戻るボタン用*/
	#submitback {height:35px;}
	#submitback input {height:35px;font-size:12px;font-size:1.2rem;}

	/*----------------------------------------
	　Privacy Policy
	----------------------------------------*/
	#contact #privacy {padding:15px 15px 10px;}

	/*----------------------------------------
	　電話で
	----------------------------------------*/
	#contact section.tel h3 {padding:0 5px 10px 35px;}
	#contact section.tel h3:before {font-size:22px;font-size:2.2rem;top:-2px;}
	
	#contact section.tel p.telNum {font-size:20px;font-size:2.0rem;margin:20px 0 15px;}
	#contact section.tel p.telNum span {font-size:36px;font-size:3.6rem;}
	
	/*===============================================
	  ページ下部　お問合せ（眼鏡アイコン付き）
	===============================================*/
	.action h3 {font-size:20px !important;font-size:2.0rem !important;
		padding:30px 0 0;margin:0 0 20px !important;
		background-size:50px auto;}
	.action .sup {font-size:10px;font-size:1.0rem;line-height:1.4;margin:0 0 30px;}

	/* BTN - お問い合わせ */
	.action .btn.contact {height:50px;font-size:16px;font-size:1.6rem;margin-bottom:15px;}
	.action .btn.contact a {padding:0 0 0 15%;}
	
	.action .btn.contact a:before {top:8px;left:5%;
		font-size:22px;font-size:2.2rem;}
	.action .btn.contact  a:after {width:15%;}

	/* BTN - 流れ */
	.action .btn.other {width:240px;height:35px;margin:0 auto;}
	.action .btn.other a:after {width:15%;}

	.action p.text {font-size:10px;font-size:1.0rem;}
	
	
	
}

/*===============================================================
  画面の横幅が480pxまで
===============================================================*/
@media screen and (max-width:479px){
	
	/*----------------------------------------
	　フレーム検索
	----------------------------------------*/
	.searchBox h2 {font-size:20px;font-size:2.0rem;letter-spacing:0;
		padding:0 0 0 20px;margin:0 0 30px;}
	.searchBox h2:before {top:2px;font-size:16px;font-size:1.6rem;}
	
	/* フレーム検索 -----------------*/
	.searchArea .column ul li {width:48%;}
	.searchArea .column.shape ul li,
	.searchArea .column.structure ul li {width:100%;}
	
	/*----------------------------------------
	　カテゴリ、サブナビ
	----------------------------------------*/
	ul.innerLink li {font-size:14px;font-size:1.4rem;min-height:40px}
	ul.innerLink li a {padding:0 15% 0 7%;}
	ul.innerLink li a:after {width:15%;}
	
	/*----------------------------------------
	　ページ内リンク
	----------------------------------------*/
	ul.anchorLink {font-size:10px;font-size:1.0rem;}
	ul.anchorLink li {padding:0 0 0 10px;margin:0 3% 0 0;}
	ul.anchorLink li:before {
		top:1px;width:7px;height:7px;border:solid 2.4px #999;}

	/*===============================================
	  CONTACT - 在庫問い合わせ、来店試着予約、通常お問い合わせ
	===============================================*/
	#heading  .txtBox p.layout {display:block;}
	#heading  .txtBox .btn {display:block;margin:5px 0 0;}
	/* 各種ボタン ---------------------*/
	/*確認画面へ進むボタン用*/
	#contact .btn_submit {width:85%;height:50px;}
	#contact .btn_submit:before {top:10px;left:25px;
		font-size:18px;font-size:1.8rem;}
	#contact .btn_submit:after {width:16%;}
	#contact .btn_submit input {font-size:16px;font-size:1.6rem;padding:0 0 0 50px;}

	/*----------------------------------------
	　在庫問い合せ・来店試着予約　アイテム選択
	----------------------------------------*/
	#contact .itemList.favorite {margin:20px 0;}	
	#contact .itemList.favorite .column {width:50%;}
	#contact .itemList.favorite span.att {font-size:10px;font-size:1.0rem;}

}


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


}