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

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

　　福井・鯖江、GG291、プライバシーポリシー、サイトポリシー、サイトマップ

---------------------------------------------------------------------------*/
#gg291 #heading, #about #heading {margin:0;}

/*==========================================================================
　　
  めがねの産地　福井・鯖江　#about
  
==========================================================================*/

/* 見出し
-------------------------------------------------------------------------*/
#about h3 {
	font-size:52px;font-size:5.2rem;font-weight:normal;text-align:center;
	line-height:1.0;letter-spacing:0.05em;margin:0 0 10px;
	font-family:'Metropolis-SemiBold',Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;}
#about .h3sup {font-size:14px;font-size:1.4rem;line-height:1.5;
	text-align:center;margin:0 0 50px;}


#about section+section {margin:90px 0 0;}

#about #cnt01 .contents {text-align:center;}
#about #cnt01 .photo {margin:0 0 60px;
	width:100%;max-height:340px;text-align:center;overflow:hidden;}
#about #cnt01 .photo img {width: 100vw;}

/* OUR STORY
-------------------------------------------------------------------------*/
#about #cnt02 h3 {margin:0 0 40px;}

#about #cnt02 .block {
	display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#about #cnt02 .block .column {width:31%;max-width:340px;margin:0 1.1% 40px;
	position:relative;padding:0 0 0px;}
#about #cnt02 .block .column .movie_box {margin:0 0 10px;}
#about #cnt02 .block .column h4 {font-size:16px;font-size:1.6rem;
	margin:0 0 10px;}

/* BTN 動画を見る */
#about #cnt02 .block .column .btn {display:inline-block;float:right;
	min-width:155px;height:25px;
	font-size:12px;font-size:1.2rem;letter-spacing:0;}
#about #cnt02 .block .column .btn a {min-width:155px;height:25px;}


/*==========================================================================
　　
  GG291について　#gg291
  
==========================================================================*/
#gg291 section+section {margin:90px 0 0;}

/* 見出し
-------------------------------------------------------------------------*/
#gg291 h3,
#gg291 .h3sup {font-weight:normal;
	font-family:'Metropolis-SemiBold',Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;}

#gg291 h3 {font-size:52px;font-size:5.2rem;text-align:center;
	line-height:1.0;letter-spacing:0.05em;margin:0 0 50px;}
#gg291 .h3sup {text-align:center;
	font-size:22px;font-size:2.2rem;line-height:1.3;margin:0 0 50px;}

#gg291 h4:not(.nonCom) {
	font-size:30px;font-size:3.0rem;font-weight:normal;line-height:1.0;
	padding:40px 0 45px 40px;margin:0 0 60px;position:relative;
	font-family:'Metropolis-Regular',Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;
	border-top:solid 7px #000;border-bottom:solid 1px #ddd;}
#gg291 h4:not(.nonCom):before {
	content:"";position:absolute;top:50px;left:3px;
	width:22px;height:3px;background:#000;}
#gg291 h4:not(.nonCom) .sup {
	font-size:18px;font-size:1.8rem;color:#666;vertical-align:middle;}

@media screen and (min-width:770px){
/* Page Navi
-------------------------------------------------------------------------*/
#gg291 .pageNav > ul li a, #about .pageNav > ul li a {color:#999;}
#gg291 .pageNav > ul li a:hover, #about .pageNav > ul li a:hover {color:#000;}

#gg291 #top .pageNav > ul li:nth-child(1) a,
#gg291 #aboutUs .pageNav > ul li:nth-child(2) a,
#gg291 #trade .pageNav > ul li:nth-child(3) a,
#gg291 #oem .pageNav > ul li:nth-child(4) a,
#gg291 #museum .pageNav > ul li:nth-child(5) a {color:#000;}

#gg291 #top .pageNav > ul li:nth-child(1) a:before,
#gg291 #aboutUs .pageNav > ul li:nth-child(2) a:before,
#gg291 #trade .pageNav > ul li:nth-child(3) a:before,
#gg291 #oem .pageNav > ul li:nth-child(4) a:before,
#gg291 #museum .pageNav > ul li:nth-child(5) a:before {
	content:"";position:absolute;top:0;left:0;
	width:30px;height:4px;background:#000;}

#gg291 #top .pageNav > ul li:nth-child(1) a:after,
#gg291 #aboutUs .pageNav > ul li:nth-child(2) a:after,
#gg291 #trade .pageNav > ul li:nth-child(3) a:after,
#gg291 #oem .pageNav > ul li:nth-child(4) a:after,
#gg291 #museum .pageNav > ul li:nth-child(5) a:after {display:none;} 

/* 下部配置用 */
#gg291 .pageNav.btm, #about .pageNav.btm {border-top:solid 1px #ddd; margin-bottom: 0;}

}


/* 導入
-------------------------------------------------------------------------*/
#gg291 .intro {margin:0 0 100px;text-align:center;}
#gg291 .intro p.photo {margin:0 0 40px;}

/* ページ下部　お問合せ（眼鏡アイコン付き）
-------------------------------------------------------------------------*/
#gg291 #top .action .contents {padding-bottom: 0;}
#gg291 .action .btn.other, #about .action .btn.other {margin-bottom:45px;}
#gg291 .action .look, #about .action .look {font-size:24px;font-size:2.4rem;line-height:1.0;
	font-weight:normal;text-align:center;padding:95px 0 0;margin:0 0 30px;
	background:url(../images/common/arrow02.svg) no-repeat center top;
	background-size:70px auto;}
#gg291 .action .look span, #about .action .look span {position:relative;padding:0 0 0 50px;}
#gg291 .action .look span:before, #about .action .look span:before {
	font-family:'icomoon';
	content: "\e90b";
	position:absolute;top:0;left:0;
	font-size:30px;font-size:3.0rem;transition:none;}


/*======================================================================
　　トップ
======================================================================*/
#gg291 #top h3 {font-size:80px;font-size:8.0rem;margin:0 0 10px;}
#gg291 #top h4 {
	font-size:52px;font-size:5.2rem;line-height:1.1;text-align:center;font-weight:normal;
	font-family:'Metropolis-SemiBold',Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;}

#gg291 #top .contents {text-align:center;padding:0 0 50px;}
#gg291 #top .imgPhoto {
	width:100%;max-height:340px;text-align:center;overflow:hidden;}
#gg291 #top .imgPhoto img {width: 100vw;}
#gg291 #top #cnt01 .imgPhoto {margin:0 0 60px;}

/* アクセスはこちら */
#gg291 #top .btn.access {width:70%;height:70px;margin:0 auto;
	font-size:22px;font-size:2.2rem;line-height:1.1;
	font-family:Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;}
#gg291 #top .btn.access a {padding:0 24% 0 15%;}
#gg291 #top .btn.access a:after {width:20%;}

#gg291 #top .btn.access a:hover {background:#c50000;}


/* ギャラリー
------------------------------------------------------------------*/
#gg291 #top #cnt01 .gallery {margin:50px 0 100px;}
#gg291 #top #cnt01 .gallery h5 {font-size:24px;font-size:2.4rem;
	color:#999;line-height:1.0;margin:0 0 20px;}

#gg291 #top #cnt01 .gallery ul {width:100%;
	display:-webkit-flex;display:-ms-flexbox;display:flex;}
#gg291 #top #cnt01 .gallery ul li {width:25%;}

	@media all and (-ms-high-contrast:none){
		#gg291 #top #cnt01 .gallery ul {
			width:100%;display:block;}
		#gg291 #top #cnt01 .gallery ul li {float:left;width:25%;}
	}

/* 基本方針
------------------------------------------------------------------*/
#gg291 #top #cnt02 .contents {text-align:left;padding:0 0 50px;}

#gg291 #top #cnt02 h4 {
	font-size:24px;font-size:2.4rem;color:#666;margin:0 0 35px;text-align: left;}

#gg291 #top #cnt02 p.text {
	position:relative;display:inline-block;padding:0 0 0 17px; margin-left: 40px;}
#gg291 #top #cnt02 p.text:before {
	content:"";position:absolute;top:5px;left:0;
	width:10px;height:10px;background:#000;}
#gg291 #top #cnt02 p.text+p.text {margin:10px 10px 10px 40px;}

#gg291 #top #cnt02 .profile {font-size:14px;font-size:1.4rem;text-align:left;
	padding:0 6% 0 12%;margin:70px 0 0;
	display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
#gg291 #top #cnt02 .profile .cntLft {
	width:100%;max-width:480px;margin:0 3% 0 0;}

#gg291 #top #cnt02 .profile p {text-indent:-0.5em;margin:0 0 15px;}

#gg291 #top #cnt02 .profile ul {font-size:12px;font-size:1.2rem;color:#666;}
#gg291 #top #cnt02 .profile ul li {position:relative;padding:0 0 0 10px;}
#gg291 #top #cnt02 .profile ul li:before {
	content:"";position:absolute;top:5px;left:0;
	width:2px;height:2px;background:#666;}


/*======================================================================
　　About Us & Megane Museum 　共通
======================================================================*/

#gg291 #common .frame {margin:0 45px;}
#gg291 #common .frame dl dt {position:relative;line-height:1.2;
	font-size:20px;font-size:2.0rem;padding:0 0 0 40px;margin:0 0 20px;}
#gg291 #common .frame dl dt:before {
	content:"";position:absolute;top:2px;left:0;
	width:18px;height:18px;background:#ebebeb;border:solid 6px #000;}

#gg291 #common .frame dl dd {padding:0 0 0 40px;margin:0 0 40px;}

/* 頭にグレーの □ がつく -------------------------------*/
#gg291 #common .frame dl dd .point {position:relative;padding:0 0 0 12px;}
#gg291 #common .frame dl dd .point:before {
	content:"";position:absolute;top:8px;left:0;
	width:6px;height:6px;background:#666;}

/* 主に所在地に利用 -------------------------------------*/
#gg291 #common .frame p.name {font-weight:bold;margin:0 0 8px;}
#gg291 #common .frame p.address {margin:0 0 10px 10px;}

#gg291 #common .frame p.address .access {
	position:relative;padding:0 15px 0 0;}
#gg291 #common .frame p.address .access:after {
	font-family: 'icomoon';
	content: "\e900";position:absolute;top:2px;right:0;
	font-size:12px;font-size:1.2rem;transition:none;}

/* Megame Museum 所在地（右に写真アリ） */
#gg291 #common .frame dl dd .flex {
	display:-webkit-flex;display:-ms-flexbox;display:flex;}
#gg291 #common .frame dl dd .flex p.photo {margin:0 0 0 auto;}


#gg291 #common .frame p.btn_contact+p.name {margin-top:30px;}

/* BTN - Contact -------------------------------------*/
#gg291 #common .frame .btn_contact {width:100px;height:20px;
	font-size:12px;font-size:1.2rem;
	font-family:'Metropolis-Regular',Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;}
#gg291 #common .frame .btn_contact a {width:100px;height:20px;
	color:#666;text-decoration:none;background:#FFF;
	border:solid 1px #b1b1b1;padding:0 8px 0 0;margin:0 0 0 10px;
	position:relative;
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;}
#gg291 #common .frame .btn_contact a:hover {
	color:#FFF;background:#000;border:solid 1px #000;}

#gg291 #common .frame .btn_contact a:after {
	font-family: 'icomoon';
	content: "\e900";position:absolute;top:1px;right:8px;
	font-size:10px;font-size:1.0rem;transition:none;}

#gg291 #common .frame p.photo {margin:0 0 50px;}

/* Google Map */
#gg291 #common .map {position:relative;
	padding-bottom: 44.9%;/*縦横比 MAX 980x440*/
	height: 0;overflow:hidden;}
#gg291 #common .map iframe,
#gg291 #common .map object,
#gg291 #common .map embed {position:absolute;top:0;left:0;
	width:100% !important;height:100% !important;}

/*----------------------------------------------------------------------
　　About Us - 沿革
----------------------------------------------------------------------*/

#gg291 #aboutUs #common .btn a {width: 450px;  margin: 30px 0 0 auto;}

/* Table*/
#gg291 #aboutUs #history table {width:100%; margin-bottom: 0;}
#gg291 #aboutUs #history section+section {margin:60px 0 0;}

#gg291 #aboutUs #history table th {
	font-size:14px;font-size:1.4rem;color:#FFF;line-height:1.0;
	background:#000;padding:10px 20px 10px 32px;position:relative;}
#gg291 #aboutUs #history table th:before {
	content:"";position:absolute;top:11px;left:12px;
	width:9px;height:9px;background:#FFF;border:solid 3px #999;}

#gg291 #aboutUs #history table td {
	max-width:740px;padding:15px 2% 15px 3.2%;vertical-align:middle;
	border:solid 1px #b1b1b1;border-right:none;}
#gg291 #aboutUs #history table td:first-child {
	width:24.5%;max-width:240px;padding:15px 3%;
	border:solid 1px #b1b1b1;border-left:none;}

#gg291 #aboutUs #history table td .sup {
	font-size:12px;font-size:1.2rem;color:#666;vertical-align:middle;}

#gg291 #aboutUs #history table tr:nth-child(odd) {background:#F6F6F6;}

#gg291 #aboutUs #history table td .flex {
	display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
#gg291 #aboutUs #history table td .flex .btn_contact {margin:0 0 0 20px;}

#gg291 #aboutUs #common .frame #history03 .btn_contact a:not(:first-of-type) {display: none;}


/*======================================================================
　　眼鏡小売店様対象製品紹介事業
======================================================================*/
#gg291 #trade #common .intro {text-align:left;margin:0 0 60px;}
#gg291 #trade #common .intro p.sup {font-size:12px;font-size:1.2rem;color:#666;}

#gg291 #trade .action {margin:30px 0 0;}

/*-----------------------------------------------------------------
　ご紹介の流れ
-----------------------------------------------------------------*/
#gg291 #trade #flow p.intro {margin:0 45px 60px;}

#gg291 #trade #flow .responsive-tabs-wrapper {margin-bottom: 0;}
#gg291 #trade #flow .responsive-tabs {margin:0 0 0px;}

#gg291 #trade #flow .responsive-tabs ul.responsive-tabs__list {
  margin:0;padding:0;line-height:1.0;}

#gg291 #trade #flow .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;}
#gg291 #trade #flow .responsive-tabs ul.responsive-tabs__list li:last-child {
	border-right:solid 1px #070102;}

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

#gg291 #trade #flow .responsive-tabs .responsive-tabs__panel {padding:60px 35px 35px;
  background:#FFF;border:solid 1px #070102;}

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

/* Flow -------------------------------------------*/
#gg291 #trade #flow section+section {margin:40px 0 0;}
#gg291 #trade #flow .flow .block .step img {position:absolute;z-index:99;}
#gg291 #trade #flow .flow .block .cntRht h5 {
	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;}

#gg291 #trade #flow .flow .block .cntRht .inner {
	border:solid 2px #ddd;padding:20px 30px;}
#gg291 #trade #flow .flow .block .cntRht .inner p.title {
	font-size:14px;font-size:1.4rem;
	line-height:1.0;padding:0 0 5px;margin:0 0 15px;
	border-bottom:solid 1px #ddd;}

#gg291 #trade #flow .flow .block .cntRht .inner p.name {
	font-weight:bold;margin:0 0 8px;}

#gg291 #trade #flow .flow .block .cntRht .inner .btn.contact {
	margin:15px 0 0 !important;}

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

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


/* 出展メーカー -------------------------------------------*/
#gg291 #trade #flow #tablist1-panel2 h5 {font-size:18px;font-size:1.8rem;font-weight:normal;
	line-height:1.2;padding:5px 10px 10px 25px;margin:0 0 25px;
	border-bottom:solid 1px #000;border-left:solid 5px #000;}
#gg291 #trade #flow #tablist1-panel2 h5 .sup {
	font-size:14px;font-size:1.4rem;vertical-align:middle;margin:0 0 0 5px;}

/* □が頭につく */
#gg291 #trade #flow #tablist1-panel2 .point {position:relative;padding:0 0 0 25px;}
#gg291 #trade #flow #tablist1-panel2 .point:before {
	content:"";position:absolute;top:2.5px;left:0;
	width:15px;height:15px;background:#ebebeb;border:solid 5px #000;}

/* BTN - お問い合わせ */
#gg291 #trade #flow #tablist1-panel2 .action {margin:30px auto 60px;}
#gg291 #trade #flow #tablist1-panel2 .action .btn.contact {max-width:600px;height:50px;
	margin:0 auto;line-height:1.0;
	font-family:Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;}
#gg291 #trade #flow #tablist1-panel2 .action .btn.contact a {max-width:600px;height:50px;}

#gg291 #trade #flow #tablist1-panel2 .action .btn.contact a:before {top:8px;}

/* Table
-------------------------------------------------------------------------*/
#gg291 #trade #flow #tablist1-panel2 table {width:100%;margin:20px 0 0;}
#gg291 #trade #flow #tablist1-panel2 table th,
#gg291 #trade #flow #tablist1-panel2 table td {border:solid 1px #000;}
#gg291 #trade #flow #tablist1-panel2 table th {font-size:14px;font-size:1.4rem;color:#FFF;
	text-align:center;line-height:1.0;background:#000;padding:10px;}
#gg291 #trade #flow #tablist1-panel2 table td {width:50%;text-align:left;
	padding:15px 5%;vertical-align:middle;}
#gg291 #trade #flow #tablist1-panel2 table tr:nth-child(odd) {background:#F6F6F6;}

#gg291 #trade #flow #tablist1-panel2 table td ul li {position:relative;padding:0 0 0 10px;}
#gg291 #trade #flow #tablist1-panel2 table td ul li:before {
	content:"";position:absolute;top:9px;left:0;
	width:3px;height:3px;background:#666;}


/*======================================================================
　　OEM生産の受注
======================================================================*/
#gg291 #oem h3 {font-weight:normal;
	font-family:Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;}

#gg291 #oem h4 {
	font-size:16px;font-size:1.6rem;font-weight:normal;line-height:1.0;
	font-family:'Metropolis-Regular',Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;
	height:40px;padding:11px 0 0 30px;margin:0 0 25px;position:relative;
	border-top:solid 2px #000;border-bottom:solid 1px #000;}
#gg291 #oem h4:before {
	content:"";position:absolute;top:17px;left:3px;
	width:15px;height:3px;background:#000;}
#gg291 #oem h4 .sup {
	font-size:10px;font-size:1.0rem;color:#666;vertical-align:middle;}

/* Flow */
#gg291 #oem section+section {margin:50px 0 0;}
#gg291 #oem .flow .block .cntRht h5 {
	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;}

#gg291 #oem .flow .block .cntRht .column {min-height:100px;}

#gg291 #oem .flow .block .cntRht .column.flex div.photo {margin:0 0 0 25px;}
#gg291 #oem .flow .block .cntRht .column.flex div.photo p+p {margin:10px 0 0;}

/* 頭にグレーの □ がつく -------------------------------*/
#gg291 #oem .point {position:relative;padding:0 0 0 25px;margin:0 0 5px;}
#gg291 #oem .point:before {
	content:"";position:absolute;top:3px;left:0;
	width:15px;height:15px;background:#ebebeb;border:solid 5px #000;}

/* Table
-------------------------------------------------------------------------*/
#gg291 #oem table {width:100%;margin:20px 0 0;}
#gg291 #oem table th,#gg291 #oem table td {border:solid 1px #000;}
#gg291 #oem table th {font-size:14px;font-size:1.4rem;color:#FFF;
	text-align:center;line-height:1.0;background:#000;padding:8px 10px;}
#gg291 #oem table td {text-align:center;
	padding:25px 5%;vertical-align:middle;}
#gg291 #oem table td:first-child {text-align:left;padding:25px 2% 25px 3%;}
#gg291 #oem table tr:nth-child(odd) {background:#F6F6F6;}


/* 制作事例
--------------------------------------------------------------------------*/
#gg291 #oem #case p.intro {margin:0 0 30px;text-align:left;}
#gg291 #oem #case p.intro .sup {
	font-size:12px;font-size:1.2rem;color:#666;vertical-align:middle;margin:0 0 0 10px;}

#gg291 #oem #case .block {
	display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}

#gg291 #oem #case .block .column {width:50%;max-width:550px;
	padding:0 10px 0 0;margin:0 0 20px;
	display:-webkit-flex;display:-ms-flexbox;display:flex;}
#gg291 #oem #case .block .column:nth-child(2n) {padding:0 0 0 10px;}
#gg291 #oem #case .block .column .entry {width:50%;max-width:260px;
	border:solid 1px #ddd}
#gg291 #oem #case .block .column .entry:first-child {margin:0 20px 0 0;}

#gg291 #oem #case .block .column .entry p.photo {margin:9px;}
#gg291 #oem #case .block .column .entry p.name {
	font-size:14px;font-size:1.4rem;
	line-height:1.2;text-align:center;background:#ebebeb;padding:10px;}

/* ページ下部　お問合せ（眼鏡アイコン付き） */
#gg291 #oem .action h3 {font-size:32px !important;font-size:3.2rem !important;
	letter-spacing:0 !important;padding:70px 0 0;margin:90px 0 30px !important;}

/*----------------------------------------------------------------------
　　museum - めがねミュージアム
----------------------------------------------------------------------*/

#gg291 #museum h3 {margin:0 0 10px;}
#gg291 #museum #cnt01 h4 {
	font-size:52px;font-size:5.2rem;text-align:center;font-weight:normal;
	font-family:'Metropolis-SemiBold',Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;}

#gg291 #museum #cnt01 .contents {text-align:center;padding:0 0 50px;}
#gg291 #museum #cnt01 .imgPhoto {
	width:100%;max-height:340px;text-align:center;overflow:hidden;}
#gg291 #museum #cnt01 .imgPhoto img {width: 100vw;}
#gg291 #museum #cnt01 .imgPhoto {margin:0 0 60px;}

#gg291 #museum section.action {margin-top:60px;}

/* ギャラリー
------------------------------------------------------------------*/
#gg291 #museum #cnt01 .gallery {margin:50px 0 100px;}
#gg291 #museum #cnt01 .gallery h5 {font-size:24px;font-size:2.4rem;
	color:#999;line-height:1.0;margin:0 0 20px;}

#gg291 #museum #cnt01 .gallery ul {
	display:-webkit-flex;display:-ms-flexbox;display:flex;}
	
	@media all and (-ms-high-contrast:none){
		#gg291 #museum #cnt01 .gallery ul {
			width:100%;display:block;}
		#gg291 #museum #cnt01 .gallery ul li {float:left;width:25%;}
	}

/*======================================================================
　　アクセス
======================================================================*/
#gg291 #access .access_nav {
	display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#gg291 #access .access_nav li {font-size:12px;font-size:1.2rem;
	width:25.8%;max-width:250px;position:relative;margin:0 7.2% 30px 0;}
#gg291 #access .access_nav li:after {
	content:"";position:absolute; top:30%;right:-20%;
	border:solid 10px transparent;border-left:solid 15px #c12748; }
#gg291 #access .access_nav li:last-child:after {display: none;}

/*#gg291 #access .access_nav li .column {width:250px;margin:0 auto 0 0;}*/

#gg291 #access .access_nav li .photo {margin:0 0 10px !important;}

/*==========================================================================
　　
 プライバシーポリシー、サイトポリシー　#other
  
==========================================================================*/
#other #heading .title {max-width:inherit;margin:0;}


/*======================================================================
　　プライバシーポリシー
======================================================================*/
#other #privacy p.mBtm {margin:0 0 20px;}


/*======================================================================
　　サイトポリシー
======================================================================*/
#other #site p.intro {margin:0 0 40px;}
#other #site section+section {margin:50px 0 0;}
#other #site section section {margin:0 0 30px;}

#other #site h3 {font-size:18px;font-size:1.8rem;
	font-weight:normal;line-height:1.2;
	border-top:solid 2px #000;border-bottom:solid 1px #000;
	padding:10px 10px 10px 35px;margin:0 0 25px;position:relative;}
#other #site h3:before {
	content:"";position:absolute;top:17px;left:3px;
	width:14px;height:3px;background:#000;}
#other #site h4 {font-size:16px;font-size:1.6rem;font-weight:normal;
	line-height:1.0;padding:4px 10px 7px 15px;margin:0 0 25px;
	border-bottom:solid 1px #000;border-left:solid 5px #000;}


#other #site .frame {margin:0 35px;}
#other #site .frame .frame {margin:0 15px;}

#other #site .frame .mBtm {margin:0 0 30px;}

#other #site .frame ul {margin:0 0 20px 10px;}
#other #site .frame ul li {position:relative;padding:0 0 0 15px;}
#other #site .frame ul li:before {
	content:"";position:absolute;top:8px;left:0px;
	border:solid 3px transparent;
	border-left:solid 5px #666;}

#other #site .frame .att {margin-left:1em;text-indent:-1em;}

#other #site .frame .address {margin:0 15px;}
#other #site .frame .address .name {font-weight:bold;margin:0 0 5px;}

/*======================================================================
　　サイトマップ
======================================================================*/
#other #sitemap .block {font-size:14px;font-size:1.4rem;
	padding:0 5.45%;
	display:-webkit-flex;display:-ms-flexbox;display:flex;}
#other #sitemap .block .column:nth-child(1) {width:60%;}
#other #sitemap .block .column:nth-child(2) {width:40%;padding:50px 0 0;}

#other #sitemap .block .column p.home {
	position:relative;padding:0 0 0 35px;margin:0 0 10px;}
#other #sitemap .block .column p.home:before {
	font-family: 'icomoon';
	content: "\e903";position:absolute;top:-11px;left:0;
	font-size:28px;font-size:2.8rem;}

#other #sitemap .block .column > ul {margin:0 0 0 8%;}

#other #sitemap .block .column ul li ul {
  margin-top: .5em;
  margin-bottom: .5em;
  margin-left: 40px;
}
 
#other #sitemap .block .column ul li ul li {
  margin-bottom: .25em;
  position: relative;
}
 
#other #sitemap .block .column ul li ul li::before {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -16px;
  width: 10px;
  height: calc(100% + .75em);
  border-left: 1px solid #3972b2;
}
 
#other #sitemap .block .column ul li ul li:last-child::before {
  height: calc(1em + .25em);
}
 
#other #sitemap .block .column ul li ul li::after {
  content: "";
  position: absolute;
  top: .75em;
  left: -16px;
  width: 10px;
  border-bottom: 1px solid #3972b2;
}

/*=========================================================================
  Tablet & SP 
=========================================================================*/
/*===============================================================
  見やすさ設定
===============================================================*/
@media screen and (max-width:1100px) {
	
	/*===============================================
	  トップ
	===============================================*/
	#gg291 #top .contents {padding:0 10px 50px;}
	#gg291 #top #cnt02 .contents {padding:0 10px 50px;}
	
	/*===============================================
	  プライバシーポリシー
	===============================================*/
	#other #privacy .contents {padding:0 5%;}
	
	/*===============================================
	  museum - めがねミュージアム
	===============================================*/
	#gg291 #museum #cnt01 .contents {padding:0 10px 50px;}
	
}

/*===============================================================
  画面の横幅が769pxまで (タブレットサイズ)
===============================================================*/
@media screen and (max-width:769px) {

	#gg291 #heading,
	#about #heading {margin:0 0 20px;}
  
  #gg291 .pageNav.btm {margin-bottom: 0;}
	
	/*===============================================
	  めがねの産地　福井・鯖江
	===============================================*/
	/* 見出し ----------------------------------*/	
	#about h3 {font-size:34px;font-size:3.4rem;margin:0 0 10px;}
	#about .h3sup {margin:0 0 40px;}
	
	#about section+section {margin:60px 0 0;}
	
	#about #cnt01 .contents {text-align:center;}
	#about #cnt01 .photo {margin:0 0 40px;}
	
	/*===============================================
	  GG291について 共通
	===============================================*/
	#gg291 section+section {margin:60px 0 0;}
	
	/* 見出し ----------------------------------*/	
	#gg291 h3 {font-size:38px;font-size:3.8rem;margin:0 0 30px;}
	#gg291 .h3sup {font-size:18px;font-size:1.8rem;margin:0 0 30px;}

	#gg291 h4:not(.nonCom) {font-size:24px;font-size:2.4rem;
		padding:20px 0 20px 35px;margin:0 0 30px;border-top:solid 5px #000;}
	#gg291 h4:not(.nonCom):before {top:28px;width:18px;height:3px;}
	#gg291 h4:not(.nonCom) .sup {font-size:16px;font-size:1.6rem;}
	
	/*----------------------------------------
	　導入
	----------------------------------------*/
	#gg291 .intro {margin:0 0 80px;}
	#gg291 .intro p.photo {margin:0 0 30px;}
	
	/*----------------------------------------
	　ページ下部　お問合せ（眼鏡アイコン付き）
	----------------------------------------*/
	#gg291 .action .btn.other,
	#about .action .btn.other {margin-bottom:25px;}
	#gg291 .action .look,
	#about .action .look {font-size:20px;font-size:2.0rem;
		padding:65px 0 0;margin:0 0 20px;
		background:url(../images/common/arrow02.svg) no-repeat center top;
		background-size:50px auto;}
	#gg291 .action .look span, #about .action .look span {padding:0 0 0 35px;}
	#gg291 .action .look span:before,
	#about .action .look span:before {top:2px;font-size:22px;font-size:2.2rem;}
	
	/*===============================================
	  トップ
	===============================================*/
	#gg291 #top h3 {font-size:56px;font-size:5.6rem;margin:0 0 10px;}
	#gg291 #top h4 {font-size:34px;font-size:3.4rem;}

	#gg291 #top #cnt01 .imgPhoto {margin:0 0 50px;}
	
	/* アクセスはこちら */
	#gg291 #top .btn.access {width:70%;height:60px;
		font-size:18px;font-size:1.8rem;}
	#gg291 #top .btn.access a {padding:0 24% 0 12%;}
	#gg291 #top .btn.access a:after {width:20%;}

	/*----------------------------------------
	　ギャラリー
	----------------------------------------*/
	#gg291 #top #cnt01 .gallery {margin:40px 0 50px;}
	#gg291 #top #cnt01 .gallery h5 {
		font-size:22px;font-size:2.2rem;margin:0 0 15px;}
	/*----------------------------------------
	　基本方針
	----------------------------------------*/
	#gg291 #top #cnt02 h4 {font-size:20px;font-size:2.0rem;margin:0 0 25px;}
	
	#gg291 #top #cnt02 p.text {padding:0 0 0 15px;margin:0 10px 0 20px;}
	#gg291 #top #cnt02 p.text:before {top:5px;width:8px;height:8px;}
	#gg291 #top #cnt02 p.text+p.text {margin:10px 10px 10px 20px;}

	#gg291 #top #cnt02 .profile {font-size:12px;font-size:1.2rem;
		padding:0 6%;margin:50px 0 0;
		-webkit-align-items:flex-start;-ms-align-items:flex-start;align-items:flex-start;}
	#gg291 #top #cnt02 .profile .cntLft {width:100%;max-width:480px;margin:0 3% 0 0;}

	#gg291 #top #cnt02 .profile ul li {padding:0 0 0 8px;}
	#gg291 #top #cnt02 .profile ul li:before {top:7px;}
	
	/*===============================================
	  About Us & Megane Museum 　共通
	===============================================*/
	#gg291 #common .frame {margin:0 15px;}
	#gg291 #common .frame dl dt {font-size:18px;font-size:1.8rem;
		padding:0 0 0 25px;margin:0 0 10px;}
	#gg291 #common .frame dl dt:before {top:2px;width:14px;height:14px;border:solid 4px #000;}
	#gg291 #common .frame dl dd {padding:0 0 0 25px;margin:0 0 30px;}
	
	/* 頭にグレーの □ がつく --------------------*/
	#gg291 #common .frame dl dd .point:before {top:7px;width:4px;height:4px;}
	
	#gg291 #common .frame p.photo {margin:0 0 40px;}
	
	/* Megame Museum 所在地（右に写真アリ） */
	#gg291 #common .frame dl dd .flex p.photo {margin:0 0 0 10px;}

	/*----------------------------------------
	　About Us - 沿革
	----------------------------------------*/
	/* Table*/
	#gg291 #aboutUs #history section+section {margin:40px 0 0;}
	
	#gg291 #aboutUs #history table th {
		font-size:12px;font-size:1.2rem;padding:10px 20px 10px 28px;}
	#gg291 #aboutUs #history table td {padding:10px;}
	#gg291 #aboutUs #history table td:first-child {
		max-width:none;min-width:130px;padding:10px;}

	#gg291 #aboutUs #history table td .sup {font-size:10px;font-size:1.0rem;}
	
	#gg291 #aboutUs #history table td .flex {display:block;}
	#gg291 #aboutUs #history table td .flex .btn_contact {margin:8px 0 0 auto;}
	
	
	/*===============================================
	  眼鏡小売店様対象製品紹介事業
	===============================================*/
	#gg291 #trade #common .intro {text-align:left;margin:0 0 40px;}
		
	/*----------------------------------------
	　ご紹介の流れ
	----------------------------------------*/
	#gg291 #trade #flow p.intro {text-align:left;margin:0 15px 40px;}
	
	/* タブ ⇔ アコーディオン --------------*/
	#gg291 #trade #flow .responsive-tabs-wrapper {margin:0 3%;}
	#gg291 #trade #flow .responsive-tabs {margin:0;}
	#gg291 #trade #flow .responsive-tabs .responsive-tabs__panel {padding:20px 15px;}
	
	#gg291 #trade #flow .responsive-tabs .responsive-tabs__heading {
		font-size:14px;font-size:1.4rem;color:#FFF;background:#666;}
	#gg291 #trade #flow .responsive-tabs .responsive-tabs__heading:after {
		border-top:solid 6px #999;}
	#gg291 #trade #flow .responsive-tabs .responsive-tabs__heading--active,
	#gg291 #trade #flow .responsive-tabs .responsive-tabs__heading--active:hover {
		color:#000;background:#FFF;}
	
	/* Flow -------------------------------------------*/
	#gg291 #trade #flow section+section {margin:40px 0 0;}
	#gg291 #trade #flow .flow .block .cntRht h5 {
		font-size:20px;font-size:2.0rem;height:60px;
		padding:0 20px;margin:0 0 20px;}
	
	#gg291 #trade #flow .flow .block .cntRht .inner {
	border:solid 2px #ddd;padding:10px 15px;}
	#gg291 #trade #flow .flow .block .cntRht .inner p.title {
		font-size:12px;font-size:1.2rem;margin:0 0 15px;}
	#repair #flow .flow .block .cntRht .inner ul {margin:0 15px 10px;}
	#repair #flow .flow .block .cntRht .inner .spAct {display:block;}

	/* 写真配置あり STEP02参考配置 */
	#gg291 #trade #flow .flow .block .cntRht .column .flex p.photo {margin:0 0 0 15px;}


	/* 出展メーカー ------------------------------------*/
	#gg291 #trade #flow #tablist1-panel2 h5 {font-size:16px;font-size:1.6rem;
		padding:5px 10px;margin:0 0 20px;}
	#gg291 #trade #flow #tablist1-panel2 h5 .sup {font-size:12px;font-size:1.2rem;}
	
	/* □が頭につく */
	#gg291 #trade #flow #tablist1-panel2 .point {padding:0 0 0 18px;}
	#gg291 #trade #flow #tablist1-panel2 .point:before {
		top:4px;width:11px;height:12px;border:solid 4px #000;}

	/* BTN - お問い合わせ */
	#gg291 #trade #flow #tablist1-panel2 .action .btn.contact {width:80%;}
	#gg291 #trade #flow #tablist1-panel2 .action .btn.contact a:before {top:12px;}
	
	/* Table */
	#gg291 #trade #flow #tablist1-panel2 table th {font-size:12px;font-size:1.2rem;padding:5px;}
	#gg291 #trade #flow #tablist1-panel2 table td {padding:10px 15px;}
	
	/*===============================================
	  OEM生産の受注
	===============================================*/
	#gg291 #oem h4 {font-size:14px;font-size:1.4rem;
		height:40px;padding:11px 0 0 30px;margin:0 0 20px;}
	
	/* Flow */
	#gg291 #oem section+section {margin:40px 0 0;}
	#gg291 #oem .flow .block .cntRht h5 {
		font-size:20px;font-size:2.0rem;height:60px;
		padding:0 20px;margin:0 0 20px;}
	
	#gg291 #oem .flow .block .cntRht .column.flex div.photo {margin:0 0 0 15px;}
	
	/* 頭にグレーの □ がつく */
	#gg291 #oem .point {padding:0 0 0 17px;}
	#gg291 #oem .point:before {top:4px;width:11px;height:11px;border:solid 4px #000;}
	
	/* Table */
	
	/*----------------------------------------
	　制作事例
	----------------------------------------*/
	#gg291 #oem #case p.intro {margin:0 0 20px;}
	#gg291 #oem #case p.intro .sup {font-size:10px;font-size:1.0rem;}
	
	#gg291 #oem #case .block .column .entry p.name {
		font-size:12px;font-size:1.2rem;padding:5px;min-height:40px;}

	/* ページ下部　お問合せ（眼鏡アイコン付き） */
	#gg291 #oem .action h3 {font-size:26px !important;font-size:2.6rem !important;
	letter-spacing:0 !important;padding:50px 0 0;margin:50px 0 30px !important;}
	
	/*===============================================
	  museum - めがねミュージアム
	===============================================*/
	#gg291 #museum #cnt01 h4 {font-size:40px;font-size:4.0rem;}
	
	/* ギャラリー ------------------------*/
	#gg291 #museum #cnt01 .gallery {margin:30px 0 60px;}
	
	/*===============================================
	 アクセス
	===============================================*/
	#gg291 #access .access_nav li:after {top:20%;right:-20%;
		border:solid 8px transparent;border-left:solid 13px #c12748; }
	#gg291 #access .access_nav li .photo {width:100% !important;margin:0 0 10px !important;}

	/*===============================================
	  プライバシーポリシー、サイトポリシー、サイトマップ
	===============================================*/
	#other .contents {font-size:12px;font-size:1.2rem;}
	
	/*----------------------------------------
	　サイトポリシー
	----------------------------------------*/
	#other #site p.intro {margin:0 0 25px;}
	
	#other #site section+section {margin:30px 0 0;}
	#other #site section section {margin:0 0 25px;}
	
	#other #site h3 {font-size:14px;font-size:1.4rem;
		padding:5px 5px 5px 20px;margin:0 0 15px;}
	#other #site h3:before {top:10px;width:10px;height:3px;}
	#other #site h4 {font-size:12px;font-size:1.2rem;
		padding:2px 5px 5px 10px;margin:0 0 15px;border-left:solid 4px #000;}

	#other #site .frame {margin:0 10px;}
	#other #site .frame .frame {margin:0 15px;}
	
	#other #site .frame .mBtm {margin:0 0 20px;}

	#other #site .frame ul {margin:0 0 15px 10px;}
	#other #site .frame ul li {padding:0 0 0 12px;}
	#other #site .frame ul li:before {top:6px;}

	/*----------------------------------------
	　サイトポリシー
	----------------------------------------*/
	#other #sitemap .block {font-size:12px;font-size:1.2rem;padding:0 20px;}

	#other #sitemap .block .column p.home {padding:0 0 0 32px;}
	#other #sitemap .block .column p.home:before {top:-11px;font-size:28px;font-size:2.8rem;}

	
}

/*===============================================================
  画面の横幅が640pxまで (スマホサイズ)
===============================================================*/
@media screen and (max-width:640px){
	
	/*===============================================
	  めがねの産地　福井・鯖江
	===============================================*/
	/* 見出し ----------------------------------*/	
	#about h3 {font-size:28px;font-size:2.8rem;}
	#about .h3sup {margin:0 0 30px;text-align:left;}
	
	#about section+section {margin:40px 0 0;}
	
	#about #cnt01 .contents {text-align:left;}
	#about #cnt01 .photo {margin:0 0 30px;}
	
	/*----------------------------------------
	　OUR STORY
	----------------------------------------*/
	#about #cnt02 h3 {margin:0 0 20px;}
	#about #cnt02 .block .column {width:46%;margin:0 1% 30px;}
	#about #cnt02 .block .column .movie_box {margin:0 0 5px;}
	#about #cnt02 .block .column h4 {font-size:14px;font-size:1.4rem;}

	/* BTN 動画を見る */
	#about #cnt02 .block .column .btn {min-width:110px;}
	#about #cnt02 .block .column .btn a {min-width:110px;height:25px;}
	
	/*===============================================
	  GG291について
	===============================================*/
	#gg291 section+section {margin:40px 0 0;}
	
	/* 見出し ----------------------------------*/	
	#gg291 h3 {font-size:26px;font-size:2.6rem;margin:0 0 30px;}
	#gg291 .h3sup {font-size:16px;font-size:1.6rem;}

	#gg291 h4:not(.nonCom) {font-size:16px;font-size:1.6rem;
		padding:12px 0 12px 20px;margin:0 0 15px;border-top:solid 3px #000;}
	#gg291 h4:not(.nonCom):before {top:18px;width:10px;height:2px;}
	#gg291 h4:not(.nonCom) .sup {font-size:14px;font-size:1.4rem;}
	
	/*----------------------------------------
	　導入
	----------------------------------------*/
	#gg291 .intro {margin:0 0 30px;}
	#gg291 .intro p.photo {margin:0 0 20px;}
	
	/*----------------------------------------
	　ページ下部　お問合せ（眼鏡アイコン付き）
	----------------------------------------*/
	#gg291 .action .btn.other,
	#about .action .btn.other {margin-bottom:15px;}
	#gg291 .action .look,
	#about .action .look {font-size:16px;font-size:1.6rem;
		padding:40px 0 0;
		background:url(../images/common/arrow02.svg) no-repeat center top;
		background-size:30px auto;}
	#gg291 .action .look span, #about .action .look span {padding:0 0 0 25px;}
	#gg291 .action .look span:before,
	#about .action .look span:before {top:3px;font-size:16px;font-size:1.6rem;}
	
	/*===============================================
	  トップ
	===============================================*/
	#gg291 #top h3 {font-size:32px;font-size:3.2rem;}
	#gg291 #top h4 {font-size:24px;font-size:2.4rem;}

	#gg291 #top .contents {padding:0 2% 40px;text-align:left;}
	#gg291 #top #cnt01 .imgPhoto {margin:0 0 30px;}

	/* アクセスはこちら */
	#gg291 #top .btn.access {width:80%;height:50px;
		font-size:16px;font-size:1.6rem;}
	#gg291 #top .btn.access a {padding:0 20% 0 12%;}
	#gg291 #top .btn.access a:after {width:16%;}

	/*----------------------------------------
	　ギャラリー
	----------------------------------------*/
	#gg291 #top #cnt01 .gallery {margin:30px 0 40px;}
	#gg291 #top #cnt01 .gallery h5 {
		font-size:18px;font-size:1.8rem;text-align:center;margin:0 0 10px;}
	#gg291 #top #cnt01 .gallery ul {
		-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
	#gg291 #top #cnt01 .gallery ul li {width:50%;}
	
	/*----------------------------------------
	　基本方針
	----------------------------------------*/
	#gg291 #top #cnt02 .contents {padding:0 2% 30px;}
	#gg291 #top #cnt02 h4 {font-size:16px;font-size:1.6rem;margin:0 0 15px;}
	
	#gg291 #top #cnt02 p.text {padding:0 0 0 15px;margin:0 10px 0 10px;}
	#gg291 #top #cnt02 p.text:before {top:5px;}
	#gg291 #top #cnt02 p.text+p.text {margin:8px 10px;}

	#gg291 #top #cnt02 .profile {font-size:10px;font-size:1.0rem;
		padding:0 6%;margin:30px 0 0;display:block;}
	#gg291 #top #cnt02 .profile .cntLft {width:100%;max-width:480px;margin:0;}

	#gg291 #top #cnt02 .profile p.photo {width:80%;margin:10px auto 0;}
	
	/*===============================================
	  About Us & Megane Museum 　共通
	===============================================*/
	#gg291 #common .frame {margin:0 10px;}
	#gg291 #common .frame dl dt {font-size:16px;font-size:1.6rem;padding:0 0 0 18px;}
	#gg291 #common .frame dl dt:before {top:2px;width:12px;height:12px;border:solid 4px #000;}
	#gg291 #common .frame dl dd {padding:0 0 0 20px;margin:0 0 20px;}
	
	#gg291 #common .frame p.photo {margin:0 0 20px;}
	
	/* Megame Museum 所在地（右に写真アリ） */
	#gg291 #common .frame dl dd .flex {display:block;word-break:break-all;}
	#gg291 #common .frame dl dd .flex p.photo {width:80%;margin:10px auto 0;}
	
	/* Google Map */
	#gg291 #common .map {padding-bottom: 75%;}
	
	/*----------------------------------------
	　About Us - 沿革
	----------------------------------------*/
	#gg291 #aboutUs #common .btn {
		font-size:12px;font-size:1.2rem;line-height:1.2;}
	#gg291 #aboutUs #common .btn a {
		width:80%;margin:30px auto 0;padding:0 30px 0 15px;}
	#gg291 #aboutUs #common .btn a:after {width:10%;}
	
  #gg291 #aboutUs #common .frame dl dd.history_table { padding-left: 0px;}
	
	/* Table*/
	#gg291 #aboutUs #history section+section {margin:30px 0 0;}
	
	#gg291 #aboutUs #history table th {padding:8px 5px 8px 28px;}
	#gg291 #aboutUs #history table th:before {top:8px;}
	#gg291 #aboutUs #history table td {
		max-width:none;width:100%;display:block;border:none;
		padding:5px 10px 10px;border-bottom:solid 1px #999;}
	#gg291 #aboutUs #history table td:first-child {
		min-width:inherit;width:100%;padding:3px 10px;
		border:none;border-bottom:dotted 1px #ccc;}

	#gg291 #aboutUs #history table td .flex .btn_contact {margin:3px 0 0 auto;}
	
	/*===============================================
	  眼鏡小売店様対象製品紹介事業
	===============================================*/
	#gg291 #trade #common .intro {margin:0 0 30px;}
  
  #gg291 #common .frame p.address {margin-left: 0;}
		
	/*----------------------------------------
	　ご紹介の流れ
	----------------------------------------*/
	#gg291 #trade #flow p.intro {text-align:left;margin:0 10px 20px;}
	
	/* タブ ⇔ アコーディオン --------------*/
	#gg291 #trade #flow .responsive-tabs {margin:0;}
	#gg291 #trade #flow .responsive-tabs .responsive-tabs__panel {padding:15px 10px;}
	
	/* Flow -------------------------------------------*/
	#gg291 #trade #flow section+section {margin:30px 0 0;}
	#gg291 #trade #flow .flow .block .cntRht h5 {
		font-size:16px;font-size:1.6rem;line-height:1.1;
		height:40px;padding:0 10px;margin:0 0 20px;}
	#gg291 #trade #flow .flow .block .cntRht .inner {padding:10px 15px;}
	#gg291 #trade #flow .flow .block .cntRht .inner ul {margin:0 10px 10px;}
	#gg291 #trade #flow .flow .block .cntRht .inner .spAct {display:block;}

	/* 写真配置あり STEP02参考配置 */
	#gg291 #trade #flow .flow .block .cntRht .column .flex {display:block;}
	#gg291 #trade #flow .flow .block .cntRht .column .flex p.photo {margin:10px 0 0;}

	/* Table */
	#gg291 #trade #flow #tablist1-panel2 table th {padding:5px;}
	#gg291 #trade #flow #tablist1-panel2 table td {
		font-size:12px;font-size:1.2rem;padding:5px 10px;}
	
	/*===============================================
	  OEM生産の受注
	===============================================*/
	#gg291 #oem h4 {font-size:14px;font-size:1.4rem;
		height:40px;padding:11px 0 0 30px;margin:0 0 20px;}
	
  #gg291 #oem .intro {text-align:left;margin:0 10px 20px;}
  
	/* Flow */
	#gg291 #oem section+section {margin:40px 0 0;}
	#gg291 #oem .flow .block .cntRht h5 {
		font-size:20px;font-size:2.0rem;height:60px;
		padding:0 20px;margin:0 0 20px;}
	
	#gg291 #oem .flow .block .cntRht .column.flex div.photo {margin:0 0 0 15px;}
	
	/* 頭にグレーの □ がつく */
	#gg291 #oem .point {padding:0 0 0 17px;}
	#gg291 #oem .point:before {top:4px;width:11px;height:11px;border:solid 4px #000;}
	
	/* Table */
	#gg291 #oem table tr:nth-child(odd) {background:none}
	
	#gg291 #oem table {font-size:12px;font-size:1.2rem;}
	#gg291 #oem table.bt tbody td:before {width:100px;text-align:left;
		background:#000;color:#FFF;font-weight:normal;
		margin-right:5px;padding:7px 10px;}
	#gg291 #oem table.bt tr {border:solid 1px #000;}
	#gg291 #oem table.bt tr:nth-child(even) {background:#F0F0F0;}
	#gg291 #oem table.bt td {border:none;vertical-align:middle;}
	#gg291 #oem table.bt td {border:none;border-bottom:solid 1px #ccc;
		text-align:left;vertical-align:middle;
		width:100% !important;padding:0 !important;}
	#gg291 #oem table.bt td:first-child {padding:0;}
	#gg291 #oem table.bt td:last-child {border:none;}
	#gg291 #oem table.bt td:last-child:before {border-bottom:solid 1px #FFF;}
	#gg291 #oem table.bt td .bt-content {padding:10px;}
	
	/*----------------------------------------
	　制作事例
	----------------------------------------*/
	#gg291 #oem #case p.intro {margin:0 0 20px;}
	#gg291 #oem #case p.intro .sup {font-size:10px;font-size:1.0rem;}
	
	#gg291 #oem #case .block {display:block;}
	#gg291 #oem #case .block .column {width:100%;
		padding:0;margin:0 auto 15px;}
	#gg291 #oem #case .block .column:nth-child(2n) {padding:0;}
	
	#gg291 #oem #case .block .column .entry p.name {min-height:inherit;}
	
	/* ページ下部　お問合せ（眼鏡アイコン付き） */
	#gg291 #oem .action h3 {font-size:20px !important;font-size:2.0rem !important;
	letter-spacing:0 !important;padding:35px 0 0;margin:50px 0 30px !important;}
	
	/*===============================================
	  museum - めがねミュージアム
	===============================================*/
	#gg291 #museum #cnt01 h4 {font-size:30px;font-size:3.0rem;line-height:1.2;}
	#gg291 #museum #cnt01 .h3sup {margin:0 0 15px;}
	#gg291 #museum #cnt01 .contents {text-align:left;padding:0 2% 30px;}
	
	/* ギャラリー ------------------------*/
	#gg291 #museum #cnt01 .gallery {margin:20px 0 30px;}
	#gg291 #museum #cnt01 .gallery ul {
		-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
	#gg291 #museum #cnt01 .gallery ul li {width:50%;}
	
	/*===============================================
	 アクセス
	===============================================*/
	
  #gg291 #common #access .frame dl dd .flex.access_nav {display: -webkit-flex;display: -ms-flexbox;display: flex;}
  #gg291 #access .access_nav li {width:39%;margin:0 8% 20px 0;}
	#gg291 #access .access_nav li:after {top:30%;right:-15%;
		border:solid 7px transparent;border-left:solid 12px #c12748; }
	#gg291 #access .access_nav li .photo {width:100% !important;margin:0 0 10px !important;}
	
	/*===============================================
	  プライバシーポリシー、サイトポリシー、サイトマップ
	===============================================*/
	/*----------------------------------------
	　サイトポリシー
	----------------------------------------*/
	#other #sitemap .block {display:block;}

	#other #sitemap .block .column:nth-child(1),
	#other #sitemap .block .column:nth-child(2) {width:100%;padding:0;}
	
	
	
}

/*===============================================================
  画面の横幅が480pxまで
===============================================================*/
@media screen and (max-width:479px){
	
	/*===============================================
	  めがねの産地　福井・鯖江
	===============================================*/
	/*----------------------------------------
	　OUR STORY
	----------------------------------------*/
	/* BTN 動画を見る */
	#about #cnt02 .block .column .btn {font-size:10px;font-size:1.0rem;}
	
	/*===============================================
	 トップ
	===============================================*/
	/* btn - アクセスはこちら */
	#gg291 #top section.action .btn.conatct {font-size:14px;font-size:1.4rem;}
	#gg291 #top section.action .btn.conatct 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%;}
	/*===============================================
	 アクセス
	===============================================*/
	#gg291 #access .access_nav li:after {top:18%;right:-18%;
		border:solid 5px transparent;border-left:solid 10px #c12748; }
  
}


/*===============================================================
  画面の横幅が325pxまで 小さいサイズ用処理
===============================================================*/
@media screen and (max-width:325px){
	
    #gg291 #trade .action .btn.contact {width: 100%;}
  #gg291 #trade #flow .flow .block .cntRht .inner .btn.contact {width: 100%;}

}