/*
通常ページのみに読ませるcss
*/

*{
	position:relative;
	font-size:17px;
}
.w1440, .w991, .w850, .w770, .w500, .w330{
	display:none;
}
html {
    overflow-x: hidden;
}
i, em{font-style:normal;}
.entry-content a {
	color: unset;
}
.line_y{
    background: linear-gradient(transparent 70%, #ff0 0%);
}
.line_w{
    background: linear-gradient(transparent 70%, rgba(255,255,255,0.5) 0%);
}
.wline {
	background: url(https://megane21-ok.jp/wp-content/uploads/wline.gif) repeat-x bottom;
	padding: 0 0.5em;
	display: inline-block;
	background-size: 25%;
}
.back_l1 {
	background: url(https://megane21-ok.jp/wp-content/uploads/back_l1.jpg);
	background-size: 120px;
}
.red{
    color: red;
}
.blu{
    color:blue;
}
.p-body .big {
    display: block;
    font-size: 2em;
    font-weight: 900;
    line-height: 1.5em;
    word-break: keep-all;
}
.tc{
	text-align:center;
}
.tl{
	text-align:left;
}
.tr{
	text-align:right;
}
.dbl{
	display:block;
}
.dib{
	display:inline-block;
}

.rou{border-radius:100%;}
.rou7{border-radius:7px;}


#anybot {
    bottom: 4.5em !important;
    right: 1em !important;
    /*filter: hue-rotate(279deg) saturate(1.2) brightness(1.3) !important;*/
    display: none !important;
}
/*↓ヘッダー関連*/

#js-header{
    z-index: 9;
}
.l-header {
    position: absolute;
    /* width: 100%; */
    overflow: hidden;
}
body:not(.home) .l-header{
	width:100%;
}

.page-template-page__lp .l-header {
    position: absolute !important;
}

body:not(.home) .l-header:not(.is-header-fixed) {
    /* min-height: 14em; */
    height: 16em;
}


body::before {
    content: "";
    position: absolute;
    background: #157c5c;
    height: 7px;
    width: 100%;
    z-index: 2;
}
.l-header__bar {
    z-index: 2;
    /* width: 0%; */
    content:"こいつを幅100%にしたら、画像スライドのボタンが反応しなくなる。なので幅0％にして「p-header__upper-search」とショップメニューの位置を調整";
}
.single:not(.single-frames) .l-header {
    /* position: relative; */
}
.single-product .l-header {
    position: relative !important;
    background: linear-gradient(180deg, transparent 20%, white),url(https://megane21-ok.jp/wp-content/uploads/toppic_3.jpg);
    /* min-height: 25em !important; */
    background-size: cover;
    background-position: center, center -12em;
}

.l-inner {
	max-width: 1500px;
}
.l-main-lp-page .l-2columns .p-lp-page.l-primary{}
.l-main-lp-page .l-2columns .p-lp-page.l-primary::before{
	content:"";
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	background: url(https://megane21-ok.jp/wp-content/uploads/dot_lgreen.gif);
	/* opacity: 0.3; */
	filter: hue-rotate(337deg) brightness(1);
	opacity: 0.5;
}
.p-header__upper-inner.l-inner {
    max-width: unset;
    width: 100%;
}

.product-template-default .l-header {
	position: relative;
}
.p-header__upper-inner {
    min-height: unset;
    height: 7px;
}
#js-header .p-header__upper{
    background: #157c5c;
}
.p-header-description, .p-header-description::before, .p-header-description::after{
	background: url(https://megane21-ok.jp/wp-content/uploads/back_l1.jpg);
}
.p-header-description {
    font-weight: bold;
    font-size: 0.9em !important;
    color: #157c5c;
    padding: 1em;
    line-height: 1.5em;
    margin: 0.4em 0 0;
    font-size: 1.5vh !important;
}
.p-header-description::before, .p-header-description::after {
    content: "";
    width: 2px;
    height: 1em;
    display: inline-block;
    position: absolute;
    top: -0.6em;
}
.p-header-description::after {
    right: 1em;
}

.p-header__upper-search {
	margin-right: -2px;
	padding: 22px 0 0;
	right: 1.1em;
	/* right: calc(-100vw + 37px); */
	position: absolute;
	font-size: 1.3vh;
	display: block;
	z-index: 99;
}


/* firefoxのみ */
@-moz-document url-prefix() {
	.p-header__upper-search {
	/*right: calc(-100vw + 32px);*/
}

}

.p-header__upper-search::before, .p-header__upper-search::after {
	content: "";
	display: inline-block;
	width: 2px;
	height: 50px;
	left: 1em;
	position: absolute;
	top: -18px;
	z-index: 2;
}


.p-header__upper-search::after {
    left: unset;
    right: 1em;
}

#custom_html-8 .textwidget{
    margin-right: -2.6em;
}
#upper_menu {
    z-index: 2;
    padding: 0 0 0.5em;
}
.p-header__upper-search.down{
    position: fixed;
    width: 28em;
    bottom: 0;
    right: 3.3em;
    padding: 0 0 0.4em;
    font-size: 1em;
}
.p-header__upper-search.down address{
    display: none;
}
.p-header__upper-search.down address a{
	background:none;
}
.p-header__upper-search.down::before, .p-header__upper-search.down::after, .down #upper_menu::before{
	content:none;
}
.down #custom_html-8{
    display: inline-block;
}
.down #custom_html-8 .textwidget{
	margin:unset;
}
.down #upper_menu{
    padding: 0;
}
.down #upper_menu li a{
	width: 12em;
}
.p-header__upper-search.down #js-header__search{
    font-size: 1em;
    position: relative;
    display: inline-block;
    top: 0.05em;
    right: 0;
    height: auto;
    padding: 1.15em 0.5em;
}

#upper_menu::before {
    content: "";
    height: 2px;
    width: 32em;
    position: absolute;
    top: 1.5em;
}
#upper_menu li {
    display: inline-block;
    padding-right: 0.2em;
}
#upper_menu li a, button.c-icon-button, .p-header__upper-search::before, .p-header__upper-search::after, #upper_menu::before{
	background: url(https://megane21-ok.jp/wp-content/uploads/back_l45.gif);
}
#upper_menu li a {
    color: #fff;
    display: block;
    padding: 1.15em 1.5em;
    font-weight: 700;
    font-size: 1em;
    width: 15.25em;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    z-index: 3;
}
.p-header__upper-search__form {
	position: absolute;
	z-index: 2;
	right: 1.5em;
}
.down .p-header__upper-search__form {
    top: -3.6em;
}


address.p_top {
    width: 34em;
    padding: 1.5em 1.5em 0.6em;
    background: rgba(255,255,255,0.7);
    text-align: center;
    font-style: normal;
    display: block;
}

.p-header__lower address.p_top {
	display: none;
}

address.p_top *{
    color: #157c5c;
    text-shadow: 0 0 1px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white;
    display: block;
    margin: 0 0 0.3em;
}

address.p_top>b {}


address.p_top b i{
	font-weight:bold;
	display:none;
}
address.p_top a {
    background: url(https://megane21-ok.jp/wp-content/uploads/top_tel2.gif) no-repeat center;
    display: block;
    height: 8.1em;
    background-size: contain;
}
address.p_top a:nth-of-type(2), .is-header-fixed .fix_bnr.phone, .footer_address span a.renewal{
    background: none;
    background-size: contain;
    height: 3.2em;
    /* top: -0.3em; */
    background: linear-gradient(175deg, #07b53b, #157c5c);
    display: table;
    /* width: 100%; */
    border-radius: 5px;
    border: 1px dotted #157c5c;
}
#custom_html-10 address.p_top a:nth-of-type(2){
    width: 100%;
}

a.phone {}


address.p_top a span {
    width: 100%;
    display:block;
    opacity:0;
}

address.p_top a.phone span, .fix_bnr.phone span{
    opacity: unset;
    vertical-align: middle;
    font-size: 1.5em;
    height: 100%;
    margin: 0;
    display: table-cell;
    color: #fff;
    text-shadow: 1px 2px 2px #0c553e;
    font-weight: 600;
    font-style: italic;
}


body:not(.home) .p-header__upper-search.up{
	width: 100%;
	max-width: 1500px;
	left: 0;
	right: 0;
	margin: auto;
}
body:not(.home) .up #custom_html-8{
    display: none;
}

body:not(.home)  .p-header__upper-search::before, body:not(.home) .p-header__upper-search::after, body:not(.home) .l-header:not(.is-header-fixed) .p-header__upper-search::after{
	content:none;
}
body:not(.home)  #js-header__search{
	display: none;
}
body:not(.home)  address.p_top{
	font-size: 0.75em;
	background: rgba(255,255,255,0.5);
	border-radius: 0.6em;
	background: url(https://megane21-ok.jp/wp-content/uploads/back_l1.jpg);
	top: 6rem;
	margin: 0 1rem 0 auto;
}
body:not(.home)  address.p_top b{
	color: #7b6041;
    mix-blend-mode: luminosity;
}
body:not(.home) address.p_top a{
	filter: hue-rotate(246deg);
    mix-blend-mode: luminosity;
}



body:not(.home) #custom_html-10 .custom-html-widget{
	height:0;
}

.p-header__upper-search__form, button.c-icon-button {
}

button.c-icon-button {
    color: #fff;
    padding: 1em 0.5em;
    border: 0px solid;
    font-weight: bold;
    width: 2.3em;
    z-index: 3;
    height: 2.95em;
    font-size: 1.42vh;
    position: absolute;
    top: 22px;
    right: 0;
}

#js-header .p-header__lower {
    background: transparent;
    height: calc(100vh - 157px);
    width: 23em;
    max-height: 1500px;
    text-align: center;
    padding: 1em;
}

.p-header__lower::before{
	border:none;
}
.p-header__lower-inner {
    display: block;
    width: 100%;
}

.p-header__logo, .p-drawer, .p-header__membermenu {
    display: block;
}

.p-header__logo {
    margin: auto;
    width: 100%;
    display: block;
    padding: 0.4em;
    height: 12em;
    text-align: center;
    background: #157c5c;
    font-size: 1.3vh;
}
.fix_bnr{
    display: none;
}
.is-header-fixed  .fix_bnr{
    display: block;
    height: 0;
}
.fix_bnr span{font-size: 0;}

.fix_bnr.phone span{font-size: unset;}

.p-drawer {
    flex: unset;
}
nav.p-global-nav__container {
}
.p-header__logo a {
    display: block;
    height: 100%;
    border: 1px solid #fff;
    padding: 1.4em;
}
.p-header__logo a > * {
    display: inline;
    height: 100%;
}
.p-header__logo a b {
	padding: 0.2em 0;
	font-size: 1.1em;
}
.p-header__logo a:hover > *{
	color:#000;
}
.p-header__logo img {
	z-index: 4;
}
.p-header__logo span {
	font-size: 0.7em;

	text-align: center;
	padding: 0.5em 0 0;
}
.p-header__logo a:hover span{
	color:#000;
}


.p-global-nav {
    text-align: center;
    display: block;
    border-top: 1px dotted #888;
    margin: 1.5em 0 0;
}
.p-global-nav > li {
    display: block;
    flex: unset;
    border-bottom: 1px dotted #888;
    font-size: 1.4vh;
    height: 4.9em;
}
.p-global-nav > li:nth-child(1){
	display:none;
}


.p-global-nav > li > a {
    border: none;
    overflow: unset;
    font-weight: bold;
    text-shadow: 0 0 0.4vw #fff;
    font-size: 1.3em;
    padding: 0.9em 45px 0;
    color: #846C59 !important;
    display: block;
    text-align: left;
    height: 100%;
    margin-left: 1em;
}
.p-global-nav > li > a::before {
    content: "";
    background-repeat: no-repeat;
    background-position: center top;
    display: inline-block;
    width: 3.2em;
    height: 2.9em;
    background-size: contain;
    vertical-align: middle;
    filter: drop-shadow(0 0 0.2vw #fff);
    margin-right: 0em;
}
.p-global-nav > li a b {
    line-height: 1.4em;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 3.6em);
    text-align: center;
    padding: 0em 0 0;
    word-break: keep-all;
}
.p-global-nav > li a b:after {
    display: block;
    font-size: 0.65em;
    font-family: 'Homemade Apple', cursive;
}
.p-global-nav > li > a:hover, .p-global-nav > li.current-menu-item > a {
    background-color: transparent;
    border-color: #006657;
    filter: hue-rotate(104deg) brightness(0.7) drop-shadow(0 0 3px #fff) drop-shadow(0 0 5px #fff) contrast(1.3);
    color: #00af2d !important;
    text-shadow: none;
}


a.line_bnr{
    display: block;
    height: 6em;
    margin: 2.1em 0 0;
    border-radius: 1em;
    /* filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5)); */
    font-size: 1.3vh;
    width: 100%;
}
body:not(.home) a.line_bnr, .is-header-fixed .top_links{
    display: none;
}
body:not(.home) aside a.line_bnr{
    display: block;
    margin: 0 0 1.5em;
}

a.line_bnr b{
    position: absolute;
    color: white;
    font-size: 1.4rem;
    width: 10em;
    font-weight: 900;
    z-index: 3;
    display: block;
    margin: auto;
    right: 2em;
    filter: drop-shadow(1px 1px 0px #055e43);
    /* text-shadow: 0 0 4px #055e43; */
    top: 0;
    bottom: 0;
    height: 2.8em;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 2vh;
    left: 0;
}
aside a.line_bnr b{
    font-size: 1.2rem;
    right: 0.2em;
}
a.line_bnr b span{
    font-weight: bold;
    display: block;
    font-size: 0.6em;
    z-index: 3;
    padding: 0 0 0.2em;
}
a.line_bnr b span::before{
	content:"";
	background: url(https://megane21-ok.jp/wp-content/uploads/line_logo_w.svg) no-repeat;
	display: inline-block;
	width: 2em;
	height: 1.8em;
	vertical-align: middle;
	background-size: contain;
}
a.line_bnr::before, a.line_bnr::after{
	content:"";
	width: 100%;
	display: block;
	position: absolute;
	bottom: 0;
	border-radius: 0.4em;
}
a.line_bnr::before{
	height: calc(100% - 0em);
	left: 0;
	/* background: linear-gradient(40deg, #07B53B 50%, #04de45); */
	background: #07B53B;
	border: 1px solid #FFF;
}
a.line_bnr::after{
	content:"";
	background: url(https://megane21-ok.jp/wp-content/uploads/line_bnr2.gif) no-repeat right bottom;
	height: 116%;
	bottom: 1px;
	left: 1px;
	background-size: contain;
}
#js-drawer .p-global-nav > li > a:hover{
	color:#888 !important;
}

.p-header__membermenu {
    line-height: 1em;
    margin: auto;
    border: none;
    margin-right: 1em;
    position: fixed;
    text-align: center;
    right: 0.5em;
    writing-mode: vertical-rl;
    top: -5em;
    bottom: 0;
    color: #157c5c;
    font-size: 1.3vh;
    z-index: 99;
    height: 30em;
}

body:not(.home) .p-header__membermenu{
	right:-3em;
	transition:0.7s ease;
}
body:not(.home) .is-header-fixed .p-header__membermenu{
    right: 0.5em;
}
.p-header-memberbox {
    position: fixed;
    right: 4em;
    top: 34.5vh;
}


.snsmenu {
    z-index: 99;
    font-size: 1.4vh;
    writing-mode: vertical-rl;
    width: auto;
    height: 20em;
    position: fixed;
    margin: auto;
    top: -3em;
    bottom: 0;
    left: 1.1em;
    filter: saturate(1.2) brightness(0.9);
    text-align:center;
}

body:not(.home) .snsmenu {
	left:-2em;
	transition:0.7s ease;
}
body:not(.home) .snsmenu {
    width: 2em;
}
body:not(.home) .is-header-fixed .snsmenu {
    left: 1.1em;
}

.snsmenu > * {
    display: inline-block;
    height: auto;
    vertical-align: middle;
    line-height: 2.4em;
}
.snsmenu::before, .snsmenu::after {
    content: "SNS MENU";
    padding: 0.6em 0;
    font-size: 0.9em;
    /* left: 0.35em; */
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    width: 1em;
}
.snsmenu::before{
	top: -15em;
	bottom: 0;
}

.snsmenu::after{
	content:"Follow Me!";
}

.snsmenu a {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 2em !important;
    padding: 0em 0em;
    height: 2em;
}

.snsmenu .line{
	background-image: url(https://megane21-ok.jp/wp-content/uploads/bt_line.png);
}
.snsmenu .fb{
	background-image: url(https://megane21-ok.jp/wp-content/uploads/bt_facebook.png);
}
.snsmenu .insta{
	background-image: url(https://megane21-ok.jp/wp-content/uploads/bt_instagram.png);
}
.snsmenu .youtube{
	background-image: url(https://megane21-ok.jp/wp-content/uploads/bt_youtube.png);
}
.snsmenu::before, .snsmenu::after, #t_catch span i {
	color: transparent;
    -webkit-background-clip: text;
    background-image: url(https://megane21-ok.jp/wp-content/uploads/back_l1.jpg);
    background-repeat: repeat;
    filter: hue-rotate(4deg) brightness(0.9) saturate(1.4);
}

.snsmenu::before, .p-header__membermenu::before{
    font-weight: 900;
}





.p-header__membermenu::before, .p-header__membermenu::after {
    left: 0.3em;
    position: relative;
    padding: 0.6em 0;
    font-size: 0.9em;
}
/* firefoxのみ */
@-moz-document url-prefix() {
.p-header__membermenu::before, .p-header__membermenu::after {
	left: -0.1em !important;
}
.snsmenu::before, .snsmenu::after {
    left: 0.1em;
}
}

/* Edgeのみ */
@supports (-ms-ime-align: auto) {
.snsmenu {
    top: -13em;
}
.p-header__membermenu {
    top: -14em;
}
}

.p-header__membermenu::before {
    content: "SHOP MENU";
    font-weight: bold;
    left: 0.2em;
}
.p-header__membermenu::after{
	content:"Welcome In!";
}

.p-header__membermenu > * {
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
	padding-right: 4px;
}
.p-header__membermenu a{
	padding:0;
}
.p-header__membermenu .p-header__membermenu-cart a {
	color: #00bcbc;
	display:unset;
}


.p-header__membermenu-mypage{
}
.p-header__membermenu-cart{
}
.p-header__membermenu-cart__badge {
	vertical-align: middle;
}
.p-global-nav > .menu-item:nth-child(1) a::before{
	background-image:url(https://megane21-ok.jp/wp-content/uploads/m_top.png);
}
.p-global-nav > .menu-item:nth-child(1) a b:after{
	content:"Top"
}

.p-global-nav > .menu-item:nth-child(2) a::before {
    background-image: url(https://megane21-ok.jp/wp-content/uploads/m_about.png);
}
.p-global-nav > .menu-item:nth-child(2) a b:after{
	content:"About"
}

.p-global-nav > .menu-item:nth-child(3) a::before, .p-global-nav > .menu-item:nth-child(7) a::before{
	background-image:url(https://megane21-ok.jp/wp-content/uploads/m_lens.png);
}
.p-global-nav > .menu-item:nth-child(3) a b:after{
	content:"Lens"
}

.p-global-nav > .menu-item:nth-child(4) a::before{
	background-image:url(https://megane21-ok.jp/wp-content/uploads/m_shop.png);
}
.p-global-nav > .menu-item:nth-child(4) a b:after{
	content:"Parts Shop"
}

.p-global-nav > .menu-item:nth-child(5) a::before{
	background-image:url(https://megane21-ok.jp/wp-content/uploads/m_product.png);
}
.p-global-nav > .menu-item:nth-child(5) a b:after{
	content:"Products"
}

.p-global-nav > .menu-item:nth-child(6) a::before{
	background-image:url(https://megane21-ok.jp/wp-content/uploads/m_news.png);
}
.p-global-nav > .menu-item:nth-child(6) a b:after{
	content:"News"
}

.p-global-nav .sub-menu a {
    background-image: none !important;
    text-align: center;
}

.p-global-nav > .menu-item:nth-child(n+1)  > a:hover, .p-global-nav > li.current-menu-item > a {
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 4.5em;
}



.p-header__membermenu > li{
	
}



#js-header .p-header__membermenu a, #js-header .p-header__membermenu .p-header__membermenu-cart a {
    color: #157c5c !important;
    font-size: 16px;
    font-size: 1.3vh;
}
#js-header .p-header__membermenu a:hover, #js-header .p-header__membermenu .p-header__membermenu-cart a:hover {
    color: #3364bf !important;
}

.p-header__membermenu .p-header__membermenu-wishlist a::after{
	font-size:1.5em;
}
.p-header__membermenu-login a::before, .p-header__membermenu-mypage a::before {
	font-size: 2em;
	left: -0.03em;
	position: relative;
}
.p-header__membermenu-cart a::before {
    font-size: 1.9em;
    position: relative;
    left: 0.05em;
    padding: 0.1em 0 0;
}
#js-header .p-header__membermenu-cart__badge {
	background-color: #006657;
}



/*↓可変ヘッダー*/

.is-header-fixed#js-header .p-header__upper, body:not(.home) .is-header-fixed#js-header .p-header__upper{
    height: 7px;
}
body:not(.home) #js-header .p-header__upper{
	height: 1.8em;
}

.is-header-fixed .p-header__upper-inner, body:not(.home) .p-header__upper-inner{
    min-height: unset;
    height: 0;
}
.is-header-fixed#js-header .p-header__lower, body:not(.home) #js-header .p-header__lower{
    width: 100%;
    height: auto;
    padding: 0em 1em;
    z-index: 99;
}
.is-header-fixed .p-header__lower::before, body:not(.home) .p-header__lower::before{
    background: rgba(255,255,255,0.6);
    background: url(https://megane21-ok.jp/wp-content/uploads/back_l1.jpg);
    height: 4.6em;
    filter: hue-rotate(0deg) saturate(0.1) brightness(1.1);
    opacity: 0.9;
}
.is-header-fixed .p-header__lower-inner, body:not(.home) .p-header__lower-inner{
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: center;
}
.is-header-fixed .p-header__logo, body:not(.home) .p-header__logo{
    font-size: 0.5em;
    width: 16em;
    top: 0px;
    padding: 6px;
    margin: 0 0em 0 0;
}
body:not(.home) .p-header-description{
    position: absolute;
    margin: 0;
    background: transparent;
    color: #fff;
    line-height: 1em;
    padding: 0 1em;
    font-size: 0.8em !important;
    top: -1.4rem;
    /* left: 0; */
}
body:not(.home) .p-header-description b.catch_p{-webkit-text-stroke: unset;}


body:not(.home) .p-header-description::before, body:not(.home) .p-header-description::after{
	content:none;
}

.is-header-fixed .p-header-description{
    margin: 0em 0 0;
    display: none;
}

.is-header-fixed .p-drawer, body:not(.home) .p-drawer{
    flex: unset;
    width: 100%;
}
.is-header-fixed .p-header__logo a, body:not(.home) .p-global-nav{
	color:#fff !important;
}
.is-header-fixed .p-global-nav, body:not(.home) .p-global-nav {
    text-align: center;
    display: flex;
    border-top: none;
    margin: 0;
    top: 0.8em;
}
.is-header-fixed .p-global-nav > li, body:not(.home) .p-global-nav > li{
    width: 100%;
    font-size: 1em;
    border-right: 2px dotted #157c5c;
    border-bottom: none;
    height: auto;
}
.is-header-fixed .p-global-nav > li:nth-child(1), body:not(.home) .p-global-nav > li:nth-child(1) {
    /* display: inline-block; */
}
.is-header-fixed .p-global-nav > li > a, body:not(.home)  .p-global-nav > li > a{
    padding: 0em 0 0;
    text-align: center;
    filter: hue-rotate(117deg) saturate(1.8);
    background-color: transparent;
    margin: 0;
}
.is-header-fixed .p-global-nav > li > a::before, body:not(.home) .p-global-nav > li > a::before{
    display: block;
    font-size: 0.8em;
    margin: auto;
    height: 2.2em;
}

.is-header-fixed .p-global-nav > li a b, body:not(.home) .p-global-nav > li a b{
    width: 100%;
    display: block;
    font-size: 0.8em;
}

.is-header-fixed .p-global-nav > li a b:after, body:not(.home) .p-global-nav > li a b:after{
	display:none;
}

.is-header-fixed .p-header__membermenu{
}
.is-header-fixed .snsmenu {
}



.is-header-fixed .p-header__upper-search {
    position: fixed;
    bottom: 0em;
    right: 7em;
    height: 3.7em;
    padding: 0;
    font-size: 1em;
    z-index: 99;
}
.is-header-fixed .p-header__upper-search__form {
    right: -2.3em;
    bottom: 4em;
}
.is-header-fixed #custom_html-8 .textwidget {
    margin-right: unset;
}
.is-header-fixed .p-header__upper-search::before, .is-header-fixed  #upper_menu::before, .is-header-fixed .p-header__upper-search::after, .is-header-fixed address.p_top {
    display: none;
}


.is-header-fixed #js-header #upper_menu li a {
font-size: 1em;
}
#js-header #upper_menu li:nth-child(1) a.exp{
	display:none;
}
.is-header-fixed button.c-icon-button {
    height: 3em;
    font-size: 1.1em;
    margin: 0 0 0 0.2em;
    top: 0;
    right: -2.5em;
}
.p-pagetop {
    bottom: 0.4em;
    right: 0.4em;
}
.p-pagetop a {
    height: 3.3em;
    width: 3.3em;
    line-height: 3.3em;
}
@keyframes fadein_1 {
	0% { opacity: 0; }
	50% { opacity: 0; }
	100% {  opacity: 1;}
}

body.l-header__fix--mobile .is-header-fixed .p-header__upper-search {
    animation: fadein_1 1s ease;
}



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

.is-header-fixed .fix_bnr.phone{
	display:none;
}
	

}


/*↑ヘッダー関連*/




/*↓トップ固定*/

.pic_cont {
    position: absolute;
    padding-left: 21em;
}

.pic_cont > *{}



#custom_html-7 .textwidget{
    height: calc(100vh - 150px);
}
#t_catch {
    position: absolute;
    font-size: 3.3em;
    padding: 0 0 0 1em;
    height: 11.5em;
    margin: auto;
    top: 0;
    bottom: 0;
    z-index: 2;
    font-size: 5.2vh;
    left: 1em;
}
#t_catch strong {
    writing-mode: vertical-rl;
    height: 13em;
    position: absolute;
    display: block;
    color: #157c5c;
    line-height: 1.5em;
    font-weight: 300;
    font-family: 'Shippori Mincho', serif;
    letter-spacing: -0.08em;
    -webkit-text-stroke: 1px;
    left: 0;
}



/* firefoxのみ */
@-moz-document url-prefix() {
  #t_catch strong {
    letter-spacing: unset;
}
}

.Android_s #t_catch strong {
    letter-spacing: 2em;
}

.iPad #t_catch strong {
    letter-spacing: -0.1em;
}

#t_catch strong i{
}
#t_catch span {
    display: block;
    z-index: -1;
    width: 8em;
    font-family: 'Homemade Apple', cursive;
    transform: rotate(-23deg);
    top: 2em;
    left: -1.3em;
    text-indent: 0.7em;
    font-size: 0.9em;
    position: absolute;
}
#t_catch span i {
    line-height: 1.6em;
    padding: 0 0 0 0.3em;
}


.swiper-container::before {
    content: "";
    position: absolute;
    height: calc(100% - 150px);
    width: 49%;
    display: block;
    background: linear-gradient(90deg, rgba(255,255,255,0.7), transparent);
    z-index: 2;
}

.swiper-pagination {
    bottom: 10em !important;
    left: 0 !important;
    right: 0;
    margin: auto;
}

body .swiper-pagination-bullet {
    width: 1.5em;
    height: 1.5em;
    margin: 0  0.5em;
    background: #846C59;
    opacity: 0.6;
    font-size: 1.3vh;
}

body .swiper-pagination-bullet-active {
    background: #846C59;
    opacity: 1;
    border: 1px solid #fff;
}


@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoomUp 12s linear 0s 1 normal both;  
}

/* imgタグだと下に隙間ができるのでblockに。*/


.swiper-slide a {
    display: block;
    position: absolute;
    z-index: 99;
    right: 1.3em;
    bottom: 166px;
    width: 19em;
    height: 19em;
    line-height: 10em;
    text-align: center;
    font-size: 1.35vh;
}



@keyframes slidein_l {
  7% {
    clip-path: inset(0% 100% 0 0);
  }
   15%{
	clip-path: inset(0);
  }

  85%{
	opacity:1;
  }
  100% {
    opacity:0;
    clip-path: inset(0);
  }
}
.swiper-slide a b{
	display: table;
    clip-path: inset(0 100% 0 0);
	width:100%;
	height:100%;
	color:#fff;
	background-repeat:no-repeat;
	background-position:center top;
}
.swiper-slide.swiper-slide-active a b {
	animation: slidein_l 12s linear 1s 1 normal both;
}

.swiper-slide a b em{
	display: table-cell;
    vertical-align: middle;
    font-size: 1.8em;
    font-weight: 900;
	line-height: 1.3em;
	height: 3em;
	left: -0.9em;
    top: 2.3em;
}
.swiper-slide a b em span{
	display:block;
	font-weight: 900;
	font-size: 1.6em;
    line-height: 1.5em;
}

.link_1.swiper-slide a b{
    background-image: url(https://megane21-ok.jp/wp-content/uploads/slide_lens.png);
    background-size: contain;
}
.link_1.swiper-slide a b em {
    
    text-shadow: 0 0 1px #ff5200, 0 0 1px #ff5200, 0 0 1px #ff5200, 0 0 1px #ff5200;
}
.link_2.swiper-slide a b {
    background-image: url(https://megane21-ok.jp/wp-content/uploads/slide_kids.gif) ;
    background-size: contain;
}
.link_2.swiper-slide a b em, .link_3.swiper-slide a b em {
    font-size: 1.4em;
    color: #c1272d;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    top: 3.2em;
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
    left: -1em;
}
.link_2.swiper-slide a b em span {
}
.link_3.swiper-slide a b{
    background-image: url(https://megane21-ok.jp/wp-content/uploads/slide_shop_.gif);
    background-size: contain;
}
.link_3.swiper-slide a b em {
    color: #846C59;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.6em;
    left: -0.1em;
    top: 3em;
}
.link_3.swiper-slide a b em span {
    font-size: 1.2em;
    line-height: 1.2em;
}

@keyframes slidein_r {
  0% {
  	left:0em;
  
  }
  10%{
   	opacity:0;
   	width:5em;
  }
   15%{
  	width:27em;
   	left:-10em;
   	opacity:1;
  }


  85%{
	opacity:1;
  }
  100% {
    opacity:0;
  }
}
@keyframes flash {
  0%, 100% {
  	opacity;1;
  }
  40%{
   	opacity:1;
  }
  41%{
	opacity:0;
  }
  50%{
  	opacity:0;
  }
  51%{
	opacity:1;
  }
}
.swiper-slide a i::before {
    content: "CHECK THIS!!";
    font-size: 1.2em;
}
.swiper-slide.swiper-slide-active a i::before{
	animation: flash 2s linear 2s both infinite;
}

.swiper-slide a i {
    position: absolute;
    bottom: 1.5em;
    display: block;
    height: 3em;
    width: 36em;
    left: -19em;
    text-align: left;
    line-height: 3em;
    color: #fff;
    z-index: 3;
    border-bottom: 2px solid;
    padding-left: 0.8em;
    opacity: 0;
    font-weight: 700;
}


.swiper-slide a i::after{
	content:"";
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	background: #fff;
	left: 0;
	bottom: -4px;
	border-radius: 100%;
}

.swiper-slide.swiper-slide-active a i {
	animation: slidein_r 12s linear 1s 1 normal both;
}

.slide-img img {
    display: block;
    width: 100%;
    height: 100vh;
    object-fit: cover;
}



.p-header-content__image, .slick-active.is-active .p-header-content__image{
	animation: zoomUp 10s  0s 1 normal both;  
}

#under_pic {
    top: -150px;
    z-index: 3;
    margin: 0 0 -150px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 150px;
}
#under_pic > div {
    background: url(https://megane21-ok.jp/wp-content/uploads/dot1_green.gif);
    width: calc(50% - 0.5em);
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    color: #fff;
    padding: 1em;
}
#under_pic > div > div{}
#under_pic > div > .feed {
    flex: 1 0 30%;
    text-align: center;
}
#under_pic > div > :nth-child(2) {
    flex: 1 0 70%;
}

#sb_instagram #sbi_images {
    display: block;
}
#sb_instagram.sbi_col_4 #sbi_images {
    grid-template-columns: unset;
}
#under_pic > div > div h2 {
    font-family: 'はれのそら明朝';
    font-weight: 700;
    font-size: 1.4em;
    color: #fff;
    margin: 0;
}
#under_pic > div > .feed::before {
    color: #58A086;
    font-family: 'Homemade Apple', cursive;
    position: absolute;
    font-size: 3.4em;
    width: 8em;
    left: -0.8em;
    top: -0.1em;
    font-weight: normal;
    transform: rotate(-23deg);
}
#under_pic > .topic > .feed::before{
	content:"Blog Topics";
}
#under_pic > .insta > .feed::before{
	content:"Instagram";
}
#under_pic > div > div a {
    color: #fff;
}
#under_pic > div > .feed a {
    color: #E5DBD3;
    background: rgba(0,0,0,0.3);
    padding: 0.7em;
    margin: 0.7em auto 0;
    display: block;
    width: 12.5em;
    border-radius: 2em;
    font-size: 0.8em;
}
#under_pic > div > .feed a::before {
    content: "";
    background: url(https://megane21-ok.jp/wp-content/uploads/zoom.svg) no-repeat center;
    background-size: contain;
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: -0.2em;
    margin-right: 0.2em;
}

#under_pic > .topic > ul{}
#under_pic > .topic > ul a *{
	color:#fff;
}
#under_pic > .topic > ul li {
    line-height: 1.8em;
    font-size: 0.95em;
}
#under_pic > .topic > ul li time {
    font-weight: 300;
}
#under_pic > .topic > ul li b {
    padding: 0 0.9em;
    font-weight: 500;
}
#under_pic > .topic > ul > li > ul{
	display: inline-block;
}
#under_pic > .topic > ul > li > ul li a {
    color: #157c5c;
    background: url(https://megane21-ok.jp/wp-content/uploads/back_l1.jpg);
    font-size: 0.8em;
    padding: 0.2em 0.4em;
    font-weight: 500;
}
#under_pic > .topic > ul > li > ul li a:nth-child(1){
	display:none;
}

#under_pic #sb_instagram.sbi_col_4 #sbi_images .sbi_item {
    width: calc(25% - 1.1em);
    margin-left: 1em !important;
}
#under_pic #sb_instagram .sbi_photo {
    max-height: 116px;
}


h2 {
    text-align: center;
    color: #846C59;
    margin: 3em auto 1em;
}
.l-2columns .p-body h2 {
	font-size: 1.5em;
	margin: 0em 0 0.6em;
	text-align: left;
	font-weight: 700;
}
.l-2columns .p-body h2.ib {
    display: inline-block;
    padding: 2em;
    background: #ccffe7 url(https://megane21-ok.jp/wp-content/uploads/back_l1.jpg);
    background-blend-mode: luminosity;
}
.l-2columns .p-body #a_fit h2.ib{
    padding: 2em 0.7em;
}

.l-2columns .p-body h2.ib::before, .l-2columns .p-body h2.ib::after{
	content:"";
	position: absolute;
	width: 3em;
	height: 0;
	border-top: 1px solid;
}
.l-2columns .p-body h2.ib::before{
    transform: rotate(-45deg);
    left: -1em;
    top: 0.5em;
}
.l-2columns .p-body h2.ib::after{
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid;
	top: -0.3em;
	left: -0.3em;
}

.l-2columns .p-body h2 > i{
    /* display: block; */
    /* padding: 2em; */
}

.l-2columns .p-body .p-lp-cb__item-body > :nth-of-type(1) h2{
	margin-top: 0;
}
.l-2columns .p-body .p-lp-cb__item-body > *{
    margin: 3em 0 1em;
}


h2 > b {
    font-size: 1.6em;
    font-weight: 900;
}
h2 > b::after {
    content: "";
    display: block;
    background: url(https://megane21-ok.jp/wp-content/uploads/h2_mid.gif) no-repeat center top, url(https://megane21-ok.jp/wp-content/uploads/h2_line.gif) no-repeat left 0.05em, url(https://megane21-ok.jp/wp-content/uploads/h2_line.gif) no-repeat right 0.05em;
    margin: 0.4em auto auto;
    width: 11.3em;
    height: 1.5em;
    background-size: 4.2em, 3.1em, 3.1em;
    font-family: 'Homemade Apple', cursive;
    font-weight: normal;
    font-size: 0.7em;
    padding: 2em 0 0;
    font-style: italic;
}
h2::after {
}

h2#f_gallery b::after{
	content:"Products";
}

.frame_cat {
    margin: 2em 0;
    padding: 2em 0;
    text-align: right;
}
.frame_cat::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60% auto;
    mix-blend-mode: multiply;
    background-size: 46em;
    background-position: center bottom;
}
.frame_cat.kids{
    background-image: url(https://megane21-ok.jp/wp-content/uploads/kid_fl_tx.jpg);
}
.frame_cat.kids::before{
	background-image: url(https://megane21-ok.jp/wp-content/uploads/bg_kid_mdl.jpg);
}
.frame_cat.mens{
    background-image: url(https://megane21-ok.jp/wp-content/uploads/men_fl_tx.jpg);
}
.frame_cat.mens::before{
	background-image: url(https://megane21-ok.jp/wp-content/uploads/bg_men_mdl.jpg);
}

.frame_cat.womens{
    background-image: url(https://megane21-ok.jp/wp-content/uploads/wom_fl_tx.jpg);
}
.frame_cat.womens::before{
	background-image: url(https://megane21-ok.jp/wp-content/uploads/bg_wom_mdl.jpg);
}

.frame_cat section{
    display: flex;
    padding: 0 4rem 2em;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}
.frame_cat section > *{
    flex: 1 0 35%;
}
.frame_cat section h3{
	display: inline-block;
	margin: 0 15% 0 0;
	background: url(https://megane21-ok.jp/wp-content/uploads/h3_w.png) no-repeat center;
	background-size: 100% 100%;
	text-align: center;
	max-width: 17em;
	font-size: 1.6em;
}
.kids section h3{
    color: #844A23;
}
.mens section h3{
    color: #22356B;
}
.womens section h3{
    color: #68234F;
}

.frame_cat section h3 b {
    display: inline-block;
    text-align: center;
    font-family: 'はれのそら明朝';
    /* -webkit-text-stroke: 0.1px; */
    /* max-width: 14em; */
    line-height: 2.5em;
    background-size: contain;
    /* font-size: 1.8vw; */
    opacity: 0.7;
    padding: 0 0 0.2em;
    /* font-size: 1.7em; */
    width: 85%;
    margin: 0 7.5%;
}

b {}
.frame_cat section h3 b::before, .frame_cat section h3 b::after{
	content:"";
	display: block;
	width: 100%;
	height: 0;
	border-top: 2px dotted;
	margin: 0 auto;
	top: 0.2em;
	position: absolute;
}
.frame_cat section h3 b::after{
	top: unset;
	bottom: 0.15em;
}
.frame_cat section p {
    word-break: keep-all;
    padding: 2em 0;
    font-size: 0.8em;
    line-height: 1.6em;
    margin: 0 0 0 15%;
    text-align: center;
    /* text-shadow: 0 0 1px white, 0 0 1px white; */
    font-weight: 500;
}

.frame_cat > ul.slick-slider {
    border: 1px solid #fff;
    padding: 1em 0;
    border-left: none;
    border-right: none;
    background: linear-gradient(180deg, transparent, transparent 1em, rgba(255,255,255,0.6) 1em, rgba(255,255,255,0.6) calc(100% - 1em), transparent calc(100% - 1em) );
}
.frame_cat > ul > div.slick-list {
    background: transparent;
    mix-blend-mode: multiply;
    border: none;
}
.frame_cat > ul::before, .frame_cat > ul::after {
    color: #fff;
    font-family: 'Homemade Apple', cursive;
    display: block;
    position: absolute;
    margin: 0 4rem;
    text-align: center;
    font-style: italic;
}
.frame_cat > ul::before {
    content: "Frame Gallery";
    width: 32%;
    padding-right: 12%;
    margin-right: 0;
    top: -0.75em;
    font-size: 1.2em;
}

.kids > ul::after{
	content:"For Kids";
}
.mens > ul::after{
	content:"For men";
}
.womens > ul::after{
	content:"For Women";
}
.frame_cat > ul::after {
    font-size: 1.75em;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -3.1em;
    display: inline-block;
    width: 9em;
}

.frame_cat > ul > div > .slick-track{
	
}

.frame_cat > ul > div > div > li.slick-slide a{}
.frame_cat > ul > div > div > li.slick-slide a img {
    max-width: 460px;
    max-height: 215px;
    width: 100%;
    height: 100%;
    /* width: 17em; */
}


.frame_cat > ul > ul.slick-dots{}
.frame_cat > ul > ul.slick-dots li{
    width: 1em;
    height: 1em;
}
.frame_cat > ul > ul.slick-dots li button{
    background: #fff;
    width: 100%;
    height: 100%;
}
.frame_cat > ul > ul.slick-dots li.slick-active button {
    border: 1px solid #fff;
}
.kids > ul > ul.slick-dots li.slick-active button, .kids > a.arch{
	 background: #844A23 !important;
}
.mens > ul > ul.slick-dots li.slick-active button, .mens > a.arch{
	 background: #22356B !important;
}
.womens > ul > ul.slick-dots li.slick-active button, .womens > a.arch{
	 background: #68234F !important;
}


.slick-dots li button:before {
    opacity: 0 !important;
}

.frame_cat > a.arch {
	margin: 2em 4em 1em auto;
}

.kids > a.arch{}
.mens > a.arch{}
.womens > a.arch{}

.frame_cat > a.arch span{}
a.link span::before{
	content:"";
	display: inline-block;
	height: 1.2em;
	width: 1.6em;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	top: -0.1em;
	position: relative;
	margin-right: 0.5em;
}
.kids > a.arch span::before{
    background-image: url(https://megane21-ok.jp/wp-content/uploads/kid_fr_icon.svg);
}
.mens > a.arch span::before{
    background-image: url(https://megane21-ok.jp/wp-content/uploads/men_fr_icon.svg);
}
.womens > a.arch span::before{
    background-image: url(https://megane21-ok.jp/wp-content/uploads/wom_fr_icon.svg
    );
}

.p-cb__item {
    padding: 0;
    text-align: center;
    background: transparent;
}
.p-entry__body {
	margin: 0;
}
.l-main .p-body a {
	color: unset;
}

.p-body ul {
    list-style: none;
    margin-left: unset;
}
.p-body h2 {
    font-size: unset;
}
h2 > b > span {
    font-weight: 900;
    font-size: 0.8em;
    display: block;
}


#top_lens{}

#top_lens .intro{
    word-break: keep-all;
}

.p-body .cont {
    padding: 4em;
}
#top_lens
#top_lens::before {
    content: "";
    background: url(https://megane21-ok.jp/wp-content/uploads/dot_bl2.gif);
    background: url(https://megane21-ok.jp/wp-content/uploads/dot2_gray.png);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background-size: 4px; */
    /* opacity: 0.2; */
}

#top_lens h2 b::after{
	content:"Lens　Replacement";
}

h2.pic{
	display: inline-block;
    vertical-align: top;
}

h2.pic > b{
	display:inline-block;
	vertical-align: top;
	word-break: keep-all;
}
h2.pic::before, h2.pic::after{
	content: "";
	width: 7em;
	height: 4em;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 1em;
}

#top_lens h2::before{
	background-image: url(https://megane21-ok.jp/wp-content/uploads/h2_lens_l.gif);
}
#top_lens h2::after{
	background-image: url(https://megane21-ok.jp/wp-content/uploads/h2_lens_r.gif);
}


/* 色指定 */
.brw{
	color:#846C59;
}
.bg_brw{
	background:#846C59;
	color:#fff;
}
.gry{
	color:#888;
}
.bg_gry{
	background:#888;
	color:#fff;
}
.orn{
	color:#ff7d00;
}
.bg_orn{
	background:#ff7d00;
	color:#fff;
}
.grn{
	color:#157c5c;
}
.bg_grn{
	background:#157c5c;
	color:#fff;
}

#top_lens .big.brw{
	background: url(https://megane21-ok.jp/wp-content/uploads/caution_1.gif) no-repeat center;
	background-size: contain;
	padding: 2em 0;
	font-size: 1.5em;
	font-weight: 900;
}

#top_lens .problem{
    margin: 1em auto 2em -4em;
    width: calc(100% + 8em);
    background: url(https://megane21-ok.jp/wp-content/uploads/back_l2.jpg);
    background-size: 120px;
    padding: 2em 4em;
}
#top_lens .problem::before, #top_lens .problem::after{
    mix-blend-mode: multiply;
    width: 33em;
    display: block;
    position: absolute;
    content: "";
    background-size: contain;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0.8vw;
    max-width: 470px;
}
#top_lens .problem::before{
	background-image: url(https://megane21-ok.jp/wp-content/uploads/lens_pic1.png);
	height: 10em;
	transform: rotate(65deg);
	top: 5em;
	left: 0;
}
#top_lens .problem::after{
	background-image: url(https://megane21-ok.jp/wp-content/uploads/lens_pic2.png);
	height: 19em;
	right: 0;
	bottom: -4em;
	transform: rotate(-45deg);
}
#top_lens .problem li{
    max-width: 1500px;
    margin: auto;
    line-height: 3em;
    border-bottom: 2px dotted #fff;
    list-style: none;
    font-size: 1.3em;
    color: #603813;
}
#top_lens .problem li:nth-child(1){
	border-top: 2px dotted #fff;
}
#top_lens .problem li::before, #top_lens .plus li::before, #top_parts .case > div > ul li::before{
	content:"";
	background: url(https://megane21-ok.jp/wp-content/uploads/check_w.svg) no-repeat center;
	display: inline-block;
	width: 1.7em;
	height: 1.3em;
	background-size: contain;
	vertical-align: middle;
}


#top_lens p.orn{
    font-weight: bold;
}
#top_lens p.orn .big{
    font-weight: 900;
}
#top_lens p.orn .big::after{
	content:"▼";
	display: block;
	font-size: 1.4em;
	margin: -0.1em 0 0;
}
#top_lens .yt_c{
    max-width: 1000px;
    margin: auto;
}
#top_lens .flow {
    background: #fff;
    border: 1px solid;
    margin: auto auto 2.2em;
    max-width: 1500px;
}
#top_lens .flow h3{
    color: #000;
    font-weight: 900;
    line-height: 3em;
    margin: 0;
    border-bottom: 1px solid;
    background: #f9be00;
}
#top_lens .flow h3 i{
    background: #fff;
    padding: 0.3em 0.5em 0.4em;
    color: #f9be00;
    display: inline-block;
    line-height: 1em;
    margin-right: 0.5em;
    font-size: 0.8em;
    font-weight: bold;
}

#top_lens .flow ol{
    margin: 0;
    list-style: none;
    display: flex;
}
#top_lens .flow ol li {
    border-left: 1px solid #000;
    text-align: left;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    padding: 0 0 12em;
}
#top_lens .flow ol li:nth-child(1){
	border:none;
}

#top_lens .flow ol li b{
    flex: 1 0 2.4em;
    text-align: center;
    background: #888;
    color: #fff;
    height: 100%;
    padding: 0.5em;
    font-size: 110%;
    display: table-cell;
    vertical-align: middle;
}
#top_lens .flow ol li p{
    margin: 0;
    line-height: 1.4em;
    padding: 0.9em 1.4em;
    /* word-break: keep-all; */
    flex: 1 0 100;
}


#top_lens .flow ol li::after{
	content:"";
	display: block;
	width: 90%;
	height: 10em;
	flex: unset;
	position: absolute;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	bottom: 1.3em;
	left: 0;
	right: 0;
	margin: auto;
}
#top_lens .flow ol li:nth-child(1)::after{
    background-image: url(https://megane21-ok.jp/wp-content/uploads/lens_il1.gif);
}
#top_lens .flow ol li:nth-child(2)::after{
    background-image: url(https://megane21-ok.jp/wp-content/uploads/lens_il2.gif);
}
#top_lens .flow ol li:nth-child(3)::after{
    background-image: url(https://megane21-ok.jp/wp-content/uploads/lens_il3.gif);
}


#top_lens p.orn.big{
    word-break: keep-all;
    margin: 0 0 1em;
}
#top_lens p.hope.orn.big::after{
	content:"";
	background: url(https://megane21-ok.jp/wp-content/uploads/lens_il4.gif) no-repeat center;
	display: block;
	width: 16em;
	height: 10em;
	margin: 0.6em auto 0;
	background-size: contain;
}
#top_lens .plus{
    margin: 0 auto 3em;
    display: inline-block;
    padding: 0 2em;
    list-style: none;
}
#top_lens .plus li{font-size: 1.3em;line-height: 1.4em;padding: 1em 0;word-break: keep-all;}
#top_lens .plus::after{
	content: "▼";
	position: absolute;
	color: #888;
	font-size: 2.5em;
	bottom: -1.4em;
	margin: auto;
	left: 0;
	right: 0;
}
a.link.waku{
    margin: 0 0 2em;
}
a.link.waku::before{
	content:"";
	position: absolute;
	display: block;
	width: calc(100% + 6px);
	height: calc(100% + 6px);
	border: 1px solid #ff7d00;
	margin: auto;
	top: -4px;
	left: -4px;
}
#top_lens a.link span::before{
	background-image: url(https://megane21-ok.jp/wp-content/uploads/lens_icon.png);
	width: 2em;
	height: 1.6em;
}

#top_parts{}
#top_parts > div:first-of-type{
    margin-top: 3em;
}
#top_parts > div{
	background: url(https://megane21-ok.jp/wp-content/uploads/dot_lgreen.gif);
	margin-top: 13em;
}
#top_parts > div::before, #top_parts > div::after{content:"";background: url(https://megane21-ok.jp/wp-content/uploads/wave.png);display: block;width: 100vw;height: 1em;position: absolute;left: 0;background-size: contain;}
#top_parts > div::after{
	transform: rotate(180deg);
	bottom: 0em;
}
.mx_c{
    margin: 1em auto 2em -4em;
    width: calc(100% + 8em);
    padding: 0 4em;
}

.mx1500{
    max-width: 1500px;
    margin: auto;
}

#top_parts h2 > b::after{content: "Web　Shop";}
#top_parts h2.pic::before, #top_parts h2.pic::after{
    width: 6em;
}
#top_parts h2.pic::before{
    background-image: url(https://megane21-ok.jp/wp-content/uploads/h2_parts_l.gif);
    background-position: right center;
}
#top_parts h2.pic::after{
    background-image: url(https://megane21-ok.jp/wp-content/uploads/h2_parts_r.gif);
}

#top_parts > div > .mx1500{
}
#top_parts p.intro{
    word-break: keep-all;
    padding: 0 17em;
}
#top_parts > div > div > section{
}
#top_parts > div > div > section > *{}
#top_parts > div > div > section h3{
    display: inline-block;
    position: absolute;
    left: 0;
    width: 18.3em;
    height: 12.2em;
    top: -5.3em;
    background-size: contain;
}
#top_parts > #nosepad > div > section h3{
    background-image: url(https://megane21-ok.jp/wp-content/uploads/parts_point1.png);
}
#top_parts > #screw > div > section h3{
    background-image: url(https://megane21-ok.jp/wp-content/uploads/parts_point2.png);
}
#top_parts > div > div > section h3 b{
    font-size: 1.7em;
    font-family: 'はれのそら明朝';
    color: #846c59;
    line-height: 6.6em;
    display: inline-block;
    width: 6.6em;
    text-align: center;
    left: -2em;
} 
#top_parts > div > div > section p{
    padding: 4em 0 0 430px;
    padding: 4em 27em 0;
    color: #846c59;
    word-break: keep-all;
    text-align: left;
    text-align: center;
}
#top_parts .case{
    display: flex;
    padding: 2em 0 5em;
}
#top_parts .case > div{
    flex: 1 0 50%;
}
#top_parts .case > div:nth-child(1){
    padding: 0 2em 0 0;
}
#top_parts .case > div > ul{}
#top_parts .case > div > ul li{
    border-bottom: 1px dashed;
    font-weight: bold;
    font-size: 1.1em;
}
#top_parts .case > div > ul li:nth-child(1){
    border-top: 1px dashed;
}
#top_parts .case > div > ul li::before{
    background-image: url(https://megane21-ok.jp/wp-content/uploads/check_s.gif);
    margin-right: 0.1em;
    top: -0.2em;
    position: relative;
}

#top_parts .woocommerce{}
#top_parts .woocommerce .p-archive03__item{
    padding: 0.4em;
    flex: 1 0 auto;
}
#top_parts .woocommerce .p-archive03__item:last-child{
    margin-right: unset;
}
#top_parts .woocommerce .p-archive03__item-meta {
    display: none;
}
#top_parts .woocommerce .p-archive03__item-thumbnail {
    padding-top: 100%;
}
#top_parts .woocommerce .p-archive03__item-title{
	font-size: 1.1em;
	margin: 0 0 0.5em;
}
#top_parts .woocommerce .p-archive03__item-price {
    margin: 0 0 0.7em;
}
.yt_link, .yt, .ytube{
    display: none !important;
}
#top_parts .case > .yt{
    padding: 0 0 0 2em;
}
#top_parts .case > .yt iframe{
    height: 100%;
}
#top_parts .case > div .link{
    width: 48%;
    left: -2%;
    font-size: 1vw;
}
#top_parts .case > div .link span::before{
    background-image: url(https://megane21-ok.jp/wp-content/uploads/cart_w.gif);
}
#top_parts .case > div .link:last-child{
    left: 2%;
}

#top_parts .yt_link{}
#top_parts .yt_link h3{
    font-size: 1.7em;
    font-family: 'はれのそら明朝';
    color: #846c59;
    font-weight: bold;
    padding: 2em 0 0;
    margin: 0 0 -1em;
}
#top_parts .yt_link ul{
    display: flex;
    padding: 3em 0  4em;
}
#top_parts .yt_link ul li{
    /* display: inline-block; */
    width: 100%;
    height: 18rem;
    padding-bottom: unset;
    margin: 0 0.5em;
}

.p-body h2 p {
	margin: 0;
}
.p-body h2 .english {
	background: url(https://megane21-ok.jp/wp-content/uploads/h2_image.png) no-repeat center;
	height: 122px;
	color: #fff;
	font-style: italic;
	z-index: 2;
	margin-bottom: -1.2em;
}
.p-body h2 .english img {
	padding: 21px 0 0;
	display: block;
	margin: auto auto -45px;
}
.p-body h2 .english span {
    font-weight: 400;
    background: url(https://megane21-ok.jp/wp-content/uploads/h2_e_l.png) no-repeat left top, url(https://megane21-ok.jp/wp-content/uploads/h2_e_r.png) no-repeat right top;
    padding: 22px 82px 0;
    font-size: 22px;
    line-height: 22px;
    font-family: 'Roboto Slab', serif;
}
.p-body h2 .title {
	background: #fff;
	max-width: 1500px;
	margin: auto;
	width: 88.8888%;
	padding: 1em;
	border-radius: 1.4em;
}
.p-body h2 .title strong {
	border: 2px dashed #754C24;
	display: block;
	color: #006657;
	font-size: 1.5em;
	padding: 0.5em;
	border-radius: 0.2em;
}
.p-body h2 .title strong span {
	font-size: 1em;
	font-weight: bold;
	background: url(https://megane21-ok.jp/wp-content/uploads/h2_line.jpg) repeat-x bottom;
}
.p-body h2 .title::before {
	content: "";
	width: 170px;
	display: block;
	background: #fff;
	height: 1em;
	margin: auto auto -1em;
	z-index: 1;
	position: relative;
	top: -0.5em;
}

.p-cb__item.no-bg + .p-cb__item.no-bg {
	margin-top: 0;
}
#cb_2 .p-cb__item-headline {
	font-size: 0;
}




.p-page-header__image02 {
	margin-top: 0;
}
.p-page-header__image, .p-lp-header .p-header-content{
	width: 100%;
	max-width: none;
	min-height: 33em;
}
.page-id-55 .p-page-header__image{
	background-position: 0em -22em;
}
.p-page-header__title, .p-page-header__subtitle, .p-lp-header{
	color:#080884 !important;

}
body:not(.home) .p-lp-header{
    background-color: rgb(255 255 255 / 60%);
    background-blend-mode: lighten;
}
.blog.p-lp-header{
	background-image: url(/images/top_pic5.jpg) !important;
}
.ac1.p-lp-header{
	background-image:url(/images/top_pic4.jpg);
}
.p-float-category, .p-page-header__overlay{
	display: none;
}
.p-page-header__image .p-page-header__inner{
	padding: 0;
	top: 21em;
}
.p-lp-header .p-header-content__inner {
	top: 5.5em;
	position: relative;
}
.p-lp-header .p-header-content__inner .p-header-content__catch{
	
}

.p-global-nav > li > a:hover, .p-global-nav > li.current-menu-item > a, .p-global-nav > li.current-product-parent > a, #js-drawer .p-global-nav > li > a:hover {
    color: #846C59 !important;
    filter: hue-rotate(117deg) brightness(0.7) saturate(2) !important;
    transition: 0.7s ease;
}


.p-global-nav > li.current-menu-item::before, .p-global-nav > li.current-product-parent::before{
	content: "▼";
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: -1.4em;
	color: #157c5c;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 1.2em;
	transform: scale(1.6, 1);
	z-index: 1;
}
#js-drawer .p-global-nav > li::after, .p-global-nav > li::after, .p-global-nav > li::after{
	background:transparent;
	transition: 0.7s ease;
	content: "";
}
#js-drawer .p-global-nav > li:hover::after, #js-drawer .p-global-nav > li.current-menu-item::after, .p-global-nav > li.current-product-parent::after{
	background: rgb(255 232 179 / 70%);
	content:"";
	width: calc(100% - 1.1em);
	height: calc(100% + 0.7em);
	position: absolute;
	display: block;
	top: -0.4em;
	left: 0;
	right: 0;
	margin: auto;
	mix-blend-mode: multiply;
	transition: 0.7s ease;
}




.p-header__membermenu .u-hidden-sm{}

.p-page-header__title, .p-page-header__subtitle, .p-header-content__inner h1, .p-lp-header .p-header-content__desc, .p-page-header__desc {
    color: #157c5c !important;
    text-shadow: 0 0 0.1vw #fff, 0 0 0.1vw #fff, 0 0 0.1vw #fff, 0 0 0.1vw #fff, 0 0 0.1vw #fff, 0 0 0.1vw #fff, 0 0 0.1vw #fff;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif !important;
    
}
.p-header-content__inner h1{
	font-weight:900;
	/* display: inline; */
	/* padding: 0 0.6em; */
	/* background: linear-gradient(transparent 70%, white 50%); */
}
body:not(.home) .p-header-content__inner h1{
    /* font-size: 2.7em; */
}
body:not(.home) .p-header-content__desc{
	/* font-size: 1.3em; */
}

.p-lp-header .p-header-content__desc{
	background: linear-gradient(transparent 70%, white 50%);
    display: inline;
}


.p-page-header__subtitle, .p-lp-header .p-header-content__desc{
	font-weight: 700;
	line-height: 1.8em;
}
.p-header-content__overlay{
	background: transparent !important;
}

.p-cb__item-headline + .p-cb__item-desc {
	margin-top: 0;
	padding: 40px 0 0;
}

.p-body p,  .p-cb__item-desc p {
	font-weight: 500;
}

/* ↓当店の案内 */
#about .p-lp-cb__item-body > div{
    min-height: 21em;
    /* padding-right: 30em; */
    text-align: center;
    /* background: #fff7e1; */
}

#about .p-lp-cb__item-body > div::before{
	content:"";
	position: absolute;
	background-size: cover;
	top: 0em;
	left: 2%;
	display: block;
	width: 48%;
	height: 20em;
	/* margin: 0 0 -20em; */
}
#about  h2.ib{
	position: absolute;
	margin: auto;
	left: 0em;
	top: 1em;
}
#about .p-lp-cb__item-body > div > pre{
	padding: 1em 0 0 52%;
	text-align: left;
}
#a_test::before{
	background-image: url(/images/test.jpg);
}
#a_fit::before{
    background-image: url(/images/shop_2.jpg);
}
#a_process::before{
    background-image: url(/images/repair3.jpg);
}
#a_repair::before{
    background-image: url(/images/repair4-1.jpg);
}


/* ↑当店の案内 */

/* ↓ショップ */
.woocommerce-product-details__short-description p {
	font-size: 1.6em;
	line-height: 1.7em;
	font-weight: bold;
}
.wc-tab__inner h2 {
	border-radius: 0.3em;
	text-align: center;
	padding: 1em 0;
	font-size: 1.8em;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 0 0.4vw rgba(89, 16, 16, 0.9);
}

.wc-tab__inner h3 {
	color: #157c5c !important;
	font-weight: bold;
	/* text-decoration: underline; */
	margin: 0 0 0.4em;
}
.wc-tab__inner h3>a{
	font-weight: bold;
	text-decoration: underline;
}
.wc-tab__inner h3 span {
	font-size: 1.4em;
	display: inline-block;
	width: 2em;
	height: 2em;
	background: #ffc6ca;
	text-align: center;
	line-height: 2em;
	border-radius: 100%;
	padding-left: 0.2em;
	top: 0.05em;
	margin-right: 0.2em;
}

.wc-tab__inner h4 {
	color: #ff0054;
	font-weight: 500;
	line-height: 1.3em;
	text-decoration: underline;
	left: 1.7em;
	margin-bottom: 0.5em;
}
.wc-tab__inner h4::after {
	content: "☛";
	font-size: 1.7em;
	text-decoration: none;
	position: absolute;
	left: -1em;
	color: #fa7;
}
.wc-tab__inner p strong{
	   background: linear-gradient(transparent 50%, #ffff66 0%);
    line-height: 1.4em;
	padding:0 0.3em;
}

.wc-tab__layout-type1 > *, .wc-tab__layout-type2 > * {
	width: 100%;
}
.woocommerce img, .woocommerce-page img{
	width: unset;
	}

.wc-tab__desc h2{
	margin:3em 0 0.5em;
}
.wc-tab__desc h2:nth-child(1){
	margin-top:0;
}
.wc-tab__desc table{
	width:95%;
	margin:2em auto;
}

.wc-tab .p-body th, .wc-tab .p-body td, .wc-tab__spec-table th, .wc-tab__spec-table td, .wc-tab table.shop_attributes th, .wc-tab table.shop_attributes td {
	background: unset !important;
	border: 1px solid #4f4f4f;
	text-align:center;
}
.wc-tab__inner .wc-tab__desc table tr th, .p-body.wc-tab__desc tr.type td {
	background: rgba(66, 66, 66, 0.6) !important;
	font-weight: bold;
	color: #fff;
}

.p-body.wc-tab__desc tr td b{
	color:;
}
.cloth div img {
	max-width: 48%;
	vertical-align: top;
	margin: 0.5em;
}
/* ↑ショップ */

/* ↓店内取扱商品（カスタム投稿） */
.term_list{
    max-width: 40em;
    margin: 1.5em auto 0;
    padding: 0 2em;
}
.term_list h2{
    display: flex;
    margin: 0;
}
.term_list h2 > span{
    padding: 0 1em;
    color: #966a45;
    font-weight: 900;
    z-index: 1;
    text-shadow: 0 0 1px white;
    font-family: 'Homemade Apple', cursive;
}
.term_list h2::before, .term_list h2::after{
	content:"";
	flex: 1 0 auto;
	border: 2px solid #966a45;
	border-bottom: none;
	height: 0.5em;
	top: 0.5em;
	position: relative;
}
.term_list h2::before{
	border-right: none;
}
.term_list h2::after{
    border-left: none;
}
.term_list ul{
    border: 2px solid #966a45;
    border-top: none;
    padding: 0.6em 1em 1em;
    min-height: 6em;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}
.term_list ul::before{
	content:"";
	background: rgba(255,255,255,0.7);
	position: absolute;
	display: block;
	width: calc(100% - 0.3em);
	height: calc(100% + 0em);
	bottom: 0.2em;
	left: 0;
	right: 0;
	margin: auto;
	background: url(https://megane21-ok.jp/wp-content/uploads/dot2_wh.gif);
}
.term_list ul li, .this_term li{
    display: inline-block;
    background: #0066b6;
    margin: 0.3em;
    padding: 0.8em 1em;
    color: #fff;
    font-size: 0.9rem;
    background: url(https://megane21-ok.jp/wp-content/uploads/back_l4.jpg);
    border-radius: 0.2em;
}
.term_list ul li a, .this_term li a{
    color: #fff;
}
.p-archive02__item{
    margin: 0 0 2em;
    display: flex;
    padding: 1em;
}
.p-archive__item-info, .p-archive02__item::before, .p-entry__inner {
    background: url(https://megane21-ok.jp/wp-content/uploads/dot2_gray.png);
    border: none;
}
.p-archive02__item-anchor{
    display: block;
    /* flex: 1 0 30%; */
}
.p-archive02__item-thumbnail{
    /* flex: 0 0 300px; */
    /* width: 300px; */
}
.p-hover-effect__image{
    /* background-size: contain; */
}

.p-archive02__item-info{
	flex: 1 0 50%;
}
.p-archive02__item-title{
	font-weight: 900;
	font-size: 1.8em;
	color: #666;
	margin: 1em 0 0;
}

.this_term{
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;
}

.this_term li{}

#other.q_custom_button1{
	background: #ff8f5a !important;
	border: 1px solid;
	border-radius: 0.2em;
}
.p-entry-news__body{
    text-align: right;
}
.p-entry-news__body > p{
    text-align: left;
}


/* 店内取扱商品（カスタム投稿） */

#co_greeting {
	text-align: center;
}
#co_greeting a{
	color: #ff0965;
	font-weight: bold;
}
#co_greeting h2 {
	background: none;
	font-weight: bold;
	font-size: 2em;
	padding: 0em 0.5em;
	background: url(https://megane21-ok.jp/wp-content/uploads/h2_line.jpg) repeat-x bottom;
	display: inline-block;
	color: #080884;
	margin: 1.1em auto 1.5em;
}
#co_greeting .about_img1, #co_greeting .about_img2{
	margin-bottom: 2em;
}
#co_greeting .about_img1 img {
	width: 50%;
	padding: 0 1%;
}
#co_greeting .about_img2 img {
	object-fit: cover;
	height: 33em;
	width: 100%;
}
#co_greeting .about_name {
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.7em;
}
#co_greeting .about_name span{
	font-size: 1.3em;
	font-weight: bold;
}
.l-main {
    background: #fff;
    overflow: hidden;
}

.p-widget-list__item-anchor {
	background: #fff;
}

.l-main-lp-page .l-2columns .p-lp-page.l-primary{}
.l-main-lp-page .l-2columns .l-primary .p-lp-page__inner, .slick-list {
	/* background: #fff; */
	border: none;
}
.p-widget-list__item::after {
	/* z-index: unset; */
}

.slick-list {
	border: 1px solid #ddd;
}




@media (min-height: 1000px) {
	
	.p-global-nav > li {
    font-size: 1em;
    height: 6.8vh;
}
	.p-global-nav > li > a {
    padding-top: 1.3vh;
}


	
}


@media screen and (max-width: 1300px) {

#js-header .p-header__lower {
    width: 19em;
}
.p-global-nav > li > a {
    font-size: 1.1em;
}
.pic_cont {
    padding-left: 17em;
}
	.p-header__upper-search {
    /* font-size: 1vw; */
}
	button.c-icon-button {
     /* font-size: 1.1vw; */
}
	#t_catch {padding: 0 0 0 0;}
	.swiper-slide a {
   /* font-size: 1.15vw; */
}
	#under_pic {
    top: -200px;
    margin: 0 0 -200px;
    height: 200px;
}
	#under_pic > div {
    align-content: flex-start;
}
	#under_pic > div > .feed, #under_pic > div > :nth-child(2) {
    flex: 1 0 100%;
}
	#under_pic > div > :nth-child(2) {
    text-align: center;
    padding: 1em 0 0 !important;
}
	#under_pic > div > .feed > * {
    display: inline-block !important;
    vertical-align: middle;
    margin: 0 0.3em;
}
	#under_pic > div > .feed a {
    margin: 0.4em auto 0;
}
	#under_pic > .topic > ul > li {
    font-size: 0.8em;
    border-bottom: 1px dotted rgb(255 255 255 / 0.6);
    padding: 0.3em 0;
}
	#under_pic > .topic > ul > li:nth-child(1){
	 border-top: 1px dotted rgb(255 255 255 / 0.6);
}
	#under_pic #sb_instagram .sbi_photo {
    max-height: 100px;
    /* height: auto !important; */
}

	/* under_picの高さが変わったことによる調整 */
#js-header .p-header__lower {
    height: calc(100vh - 207px);
}
#custom_html-7 .textwidget, .swiper-container::before {
    height: calc(100vh - 200px);
}
.swiper-pagination {
    bottom: 13em !important;
}
.swiper-slide a {
    bottom: 220px;
}
#under_pic > div > .feed::before {
    font-size: 3.1em;
    transform: rotate(-14deg);
}
#top_parts > div > div > section p{
    padding: 3em 0em 0em 24em;
}
	
	
}
/* ↑1300pxここまで */

/* ↓1100pxここから */
@media screen and (max-width: 1100px) {

.frame_cat section {
}
	
.frame_cat section h3 {
    font-size: 1.3em;
    letter-spacing: -0.05em;
}
.frame_cat section h3 {
    margin: 0 10vw 0 0;
}
.frame_cat section p {
    margin: 0 0 0 10vw;
    text-shadow: 0 0 8px rgb(255 255 255 / 70%);
}
a.arch.link {
    font-size: 0.9em;
}

#top_parts p.intro{
    padding: 1em 0 5em;
}
	
	
}/* ↑1100pxここまで */


@media screen and (max-width: 1300px) and (max-height: 900px) {
   /* 横幅1300px以下で、高さ800px以下の場合 */

	.p-header__membermenu, .snsmenu {
    top: 0em;
}
	.snsmenu {
    height: 21em;
}
	.slide-img img {
		height: calc(100vh + 215px);
	}
	#js-header .p-header__lower {
	height: calc(100vh + 8px);
}
#custom_html-7 .textwidget, .swiper-container::before {
	height: calc(100vh + 15px);
}
.swiper-pagination {
    bottom: 14em !important;
}
.swiper-slide a {
    bottom: 230px;
}
#under_pic > .topic > .feed::before {
    top: 0em;
}	
}

@media screen and (max-width: 991px) {

	.l-header{
	width: 100%;
	height: 20em;
}
	

	#js-header .p-header__lower {
    width: auto;
}
.p-header__logo {
    height: 10em;
    width: 19em;
    font-size: 0.7em;
    position: absolute;
    top: 2em;
    left: 1em;
}
	.p-header__logo a {
	padding: 1em;
}

.p-header-description {
    font-size: 0.8em !important;
    width: calc(100vw - 4em);
    top: -0.7em;
    background: transparent;
    padding: 0;
    left: 1em;
　　position: absolute;
}


#js-menu-button {
    background: transparent;
    padding: 0em 0em;
    height: auto;
    font-size: 1.4em;
    line-height: 1em;
    color: #157c5c;
    right: unset;
    width: 1em;
    margin: 0;
    top: 7em;
    left: 0.5em;
}

.is-header-fixed #js-menu-button{
    top: 85px;
    left: 0em;
}

	
.p-header-description::before, .p-header-description::after {
    content: none;
}
.snsmenu {
    height: 24em;
    left: 2em;
}
.up #upper_menu, .up button#js-header__search {
    font-size: 0em;
}
.is-header-fixed #upper_menu, .is-header-fixed button#js-header__search {
    font-size: 1em;
}
.p-header__upper-search::before, .p-header__upper-search::after {
    content:none;
}
address.p_top {
    background: transparent;
    padding: 0;
    font-size: 0.7em;
}
.top_links{
    position: absolute;
    right: 0;
    top: 0;
}
	
.p-header__lower address.p_top{
	display:block;
	margin: 0 0 2em;
}
.p-header__upper-search address.p_top{
    display: none;
}

	
address.p_top b {
    font-size: 1.5em;
}
address.p_top a:nth-of-type(2){
	top: 0em;
	height: 3.5em;
}
.is-header-fixed .fix_bnr.phone{min-height: unset;height: 2.1em;top: 5.3em;}	

a.line_bnr {
    /* right: 0.3em; */
    /* position: absolute; */
    /* top: 7.1em; */
    width: 21em;
    font-size: 1em;
    height: 5em;
    margin: auto;
}
body:not(.home) aside a.line_bnr{
	display:none;
}
a.line_bnr::before {
    background: rgba(7, 181, 59, 75%);
}
a.line_bnr b{
    font-size: 1.2em;
}

.pic_cont {
    padding-left: 6em;
}
#t_catch {
    height: 9em;
    left: 2vw;
    top: 4vh;
    position: absolute;
}
	
	nav.p-global-nav__container {
    	width: unset;
    	margin-left: unset;
	}
	.p-header__lower-inner #menu-item-1172{
		display:none;
	}
	.p-global-nav > li:nth-child(1), .p-header__lower-inner #menu-item-1180{
		display: block;
	}
	.p-header__lower-inner #menu-item-1180{
		display:block;
	}

	
	/* ↓スマホでは、サブメニュー開いたままにする */
	.p-drawer__menu .menu-item-has-children > a {
   /* padding: 0.5em 0 0 !important;*/
}

body:not(.home) .p-header__lower::before{
		content:none;
}
body:not(.home) address.p_top{
	top: 1rem;
	padding: 1.1em;
	max-width: 32em;
}
body:not(.home) address.p_top b{
	font-size: 1.6em;
	/* display: none; */
}
body:not(.home) address.p_top a:nth-of-type(1) {
    background-image: url(https://megane21-ok.jp/wp-content/uploads/top_tel_s.gif);
    height: 7em;
    background-size: contain;
}
body:not(.home) .l-header:not(.is-header-fixed) .p-header__logo{
    height: 17em;
    width: 27em;
    top: 0.6rem;
}


	
	.p-drawer__menu .menu-item-has-children > a > .p-global-nav__toggle {
    display: none;
	}
	.p-drawer__menu .menu-item-has-children > a {
    padding-right: unset;
}
	.p-header__lower-inner #menu-item-1180 {
    display: block;
    width: 100%;
}
	.p-header__lower-inner #menu-item-1180 > a{
	margin: 0.5em auto -0.5em;
}

	.p-drawer__menu .sub-menu {
    display: block !important;
}
	.p-drawer__menu .sub-menu li {
    display: inline-block;
    width: 48%;
    margin: 1% 0;
    box-shadow: 0 0 1.3em rgb(255 255 255 / 55%) inset;
    background: rgb(0 140 255 / 60%) !important;
}
	.p-drawer__menu .sub-menu li a {
    padding: 0 !important;
}
	/* ↑スマホでは、サブメニュー開いたままにする */


	.p-header__logo--text{
	}
	.p-header__logo--mobile{
		display:none;
	}
	.p-header__membermenu {
}
.p-header__lower-inner {margin-left: 0;}


	.l-header__fix #js-header.is-header-fixed .p-header__upper {
    height: 0 !important;
}
	.is-header-fixed .p-header__upper-inner {
    min-height: unset;
}
.is-header-fixed .p-header-description {
}
.l-header__fix #js-header.is-header-fixed .p-header__upper, .l-header__fix #js-header.is-header-fixed .p-header__lower {
    background: linear-gradient(180deg, #fff, transparent);
}
	
body.l-header__fix--mobile .is-header-fixed .p-header__lower::before {
    border-bottom: none;
    content: "除菌／衛生のお悩みなら、当社へ一度ご相談を";
    display: block;
    line-height: 2.1em;
    width: 100%;
    text-align: center;
    font-size: 0.9em;
    background: rgb(77 125 255);
    height: 2em;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    color: #fff;
    content: none;
}
	.is-header-fixed .p-header__logo {
    top: 1.4em;
    left: 0em;
}
.is-header-fixed .l-header__bar .p-header__logo a {padding: 1.2vw;}

.is-header-fixed #js-menu-button {

}

.is-header-fixed .fix_bnr{height: 100%;width: 18em;min-height: 5em;right: 0;position: absolute;top: 0.4em;background: url(https://megane21-ok.jp/wp-content/uploads/top_tel_s2.gif) no-repeat center;background-size: contain;}
	
.p-drawer__membermenu{
    background: rgb(72 33 0 / 60%);
    mix-blend-mode: multiply;
}
#js-drawer .p-drawer__membermenu02.p-drawer__menu li a{
    color: #fff !important;
}
.p-drawer__contents {
    background: transparent !important;
}
.p-drawer__contents::before {
	content:"";
	background: url(https://megane21-ok.jp/wp-content/uploads/back_l1.jpg);
	filter: hue-rotate(0deg) saturate(0.1) brightness(1.1);
	opacity: 0.8;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
}
.p-global-nav > li.current-menu-item::before, .p-global-nav > li.current-product-parent::before{
	content:none;
}
#js-drawer .p-global-nav__container .p-drawer__menu a, .p-global-nav__container .p-drawer__menu > li > a {
    color: #0f5740 !important;
    filter: hue-rotate(0deg);
}
#js-drawer .p-global-nav > li > a:hover, #js-drawer .p-global-nav > li.current-menu-item > a, #js-drawer .p-global-nav > li.current-product-parent > a, #js-drawer .p-global-nav > li > a:hover {
    color: #ffffff !important;
    filter: unset !important;
    z-index: 1;
}
#js-drawer .p-global-nav > li > a:hover::before, #js-drawer .p-global-nav > li.current-menu-item > a::before, #js-drawer .p-global-nav > li.current-product-parent > a::before, #js-drawer .p-global-nav > li > a:hover::before{
	filter: brightness(10);
}
.p-global-nav > li > a::before{
	filter: hue-rotate(135deg) brightness(0.7) saturate(1.8);
}
	
.p-global-nav {
    text-align: left;
    /* display: flex; */
    width: calc(100% - 2em);
    flex-wrap: wrap;
    margin: 0 1em !important;
    /* border-top: 1px solid #0f5740 !important; */
}
.is-header-fixed .p-global-nav, body:not(.home) .p-global-nav{
    top: 0;
}
	00
.p-global-nav > li {
    width: 50%;
    text-align: center;
}
.p-global-nav > li > a::before{
    display: block;
    font-size: 0.8em;
    margin: auto;
    height: 2.2em;
}
.p-global-nav > li a b{
    width: 100%;
    display: block;
}
.p-global-nav > li a b:after{
	content: none !important;
}
.p-drawer__menu > li, .p-drawer__membermenu02 > li + li {
    border-color: rgba(255,255,255,0.55) !important;
}
	
.p-global-nav > li, .is-header-fixed .p-global-nav > li, .is-header-fixed .p-global-nav > li > a {
    height: auto;
    top:0em;
    display: block;
    border-right: none;
}
.p-global-nav > li:not(:first-child), .is-header-fixed .p-global-nav > li:not(:first-child){
	background: url(https://megane21-ok.jp/wp-content/uploads/2line.gif) repeat-x top;
}

.p-global-nav > li:nth-child(odd) {
    /* border-right: none; */
}
.is-header-fixed .p-global-nav > li:nth-last-child(2) {
    border-right: 1px solid;
}
.p-drawer__menu a, .p-drawer__menu > li > a {
    background-color: transparent !important;
}
.p-global-nav > li > a, .is-header-fixed .p-global-nav > li > a, .is-header-fixed .menu-item:nth-child(n+1) a, .is-header-fixed .menu-item:nth-child(n+1) a:hover {
    padding: 0.8em 0em 1em !important;
    /* text-shadow: none; */
    top: 0em;
    background-position: center 0.9em !important;
    background-size: 3.4em !important;
    /* filter: brightness(10); */
}
.p-global-nav > li.current-product-ancestor > a {
    filter: brightness(0.7);
}

	.is-header-fixed .p-global-nav > li > a, .is-header-fixed .menu-item:nth-child(n+1) a, .is-header-fixed .menu-item:nth-child(n+1) a:hover{
		/* padding-bottom:0em; */
	}
	
	.p-global-nav > li:hover, .p-global-nav > li.current-menu-item, .p-global-nav > li.current-product-parent{/* background:rgba(255,255,255,0.6); */}
	.p-header__lower-inner #menu-item-1180:hover{
		background:none;
	}
#js-drawer .p-global-nav > li:hover::after, #js-drawer .p-global-nav > li.current-menu-item::after, .p-global-nav > li.current-product-parent::after {
    background: rgb(15 87 64 /60%);
    width: calc(100% - 0em);
    height: calc(100% - 0.8em);
    left: 0;
    top: 0.4em;
    border-radius: 0.4em;
}
.p-header__upper-search {
    font-size: 1em;
    /* z-index: 8; */
}
	.p-header-content__image {
    height: 85vw;
}
		.p-header-content__button {
    width: 22em;
    height: 22em;
    bottom: -20em;
}
	#slogan {
    top: 22em;
    font-size: 1.15vw;
		text-align: center;
}
#slogan strong {
    font-size: 3.6em;
    margin: auto;
}
#slogan strong span {
    font-weight: bold; 
}

#slogan .tel {
    right: unset;
    top: unset;
    bottom: -47.2em;
}
#slogan .tel img {
    width: 37em;
}
	.slick-dots {
    bottom:3vw;
}
.slick-dots li {
    width: calc(2vw + 4px);
    height: calc(2vw + 4px);
}
.slick-dots li button {
    width: 2vw;
    height: 2vw;
}
	.p-entry__body {
    overflow: hidden;
}
	
button#js-header__search {
}
	.p-header__upper-search.down #js-header__search {
    top: 0.03em;
    padding: 1.17em 0.5em;
}
	.wp-mobile-device .p-header__upper-search__button:hover{
		color:#fff;
	}
	.down .p-header__upper-search__form {
    top: -4.5em;
    left: 8em;
    right: 0.8em;
}
.p-header__upper-search .p-header__upper-search__form{
	
		
}
	.p-header__upper-search.is-active .p-header__upper-search__form {
    height: 3.8em;
}
.p-header__upper-search__input {
    height: 2em;
}
.p-header__upper-search__form button.c-icon-button {
    background: #999;
    border-radius: unset;
    height: 2.1em;
    top: 1em;
    padding: 0;
    right: 1em;
}

#top_lens .problem{
	padding: 2em 2em;
}
#top_lens .problem::before {
	transform: rotate(72deg);
	left: -11em;
	top: 6em;
}
#top_lens .problem::after{
	transform: rotate(-74deg);
	right: -13em;
}
#top_lens .problem li{}

body:not(.home) .p-header-content__inner h1{font-size: 2em;}


.single-post .l-inner:not(.p-breadcrumb__inner){
    width: 100%;
}
.single-post .l-inner .p-entry__inner{
    padding: 1em 5.55%;
}
	
.single-post .l-main__inner {
     padding:0; 
}
.p-entry {
    margin-top:0;
}
	
}
/* ↑991pxここまで */

@media screen and (max-width: 850px) {

	.pic_cont {
    padding-left: 3em;
}
	.snsmenu {
    left: unset;
    right: 1.3em;
    height: 11.5em;
    top: -1.5em;
    filter: saturate(1.7) brightness(0.8);
    font-size: 0.9rem;
    top: -6em;
    /* font-size: 2vh; */
}
	.snsmenu a{
	width: 2.5em !important;
	height: 2.5em;
	margin: 0 0 0.3em;
	filter: saturate(1.4) brightness(0.8);
}

body:not(.home) .snsmenu{
	right: -2.6em;
	left: unset !important;
}
body:not(.home) .is-header-fixed .snsmenu{
    right: 1em;
    transition: 0.7s ease;
}
	
	.p-header__membermenu {
    top: 17.8em;
    height: 9.2em;
    right: 0.7em;
    font-size: 0.9rem;
    top: 14em;
    /* font-size: 2vh; */
}
	.p-header__membermenu > *{
    padding-bottom: 2px;
}
	#js-header .p-header__membermenu a, #js-header .p-header__membermenu .p-header__membermenu-cart a{
		font-size: 1rem;
		/* font-size: 2.2vh; */
}
	.snsmenu::before, .p-header__membermenu::before, .snsmenu::after, .p-header__membermenu::after{
		content:none;
	}
	
	#under_pic > .topic > ul > li {
    font-size: 0.7em;
}
	.swiper-pagination {
    text-align: left !important;
	padding: 0 0 0 1.5em;
	bottom: 13em !important;
}
	body .swiper-pagination-bullet {
    background: #fff;
	opacity: 1;
}
	body .swiper-pagination-bullet-active {
    background: #846C59;
    opacity: 1;
    border: 1px solid #fff;
}

.frame_cat::before {
    left: 33%;
    background-size: cover;
    background-position: center left;
}
.frame_cat section, .frame_cat > ul::before, .frame_cat > ul::after, .frame_cat > ul > ul.slick-dots {
	width: 72%;
}
.frame_cat section {
	display: block;
	padding: 0 2rem 2em;
}
.frame_cat > ul::before{
    padding: 0;
    margin: 0;
}
.frame_cat > ul::after {
    content: none;
}
.kids > ul::before {
    content: "Frame Gallery　for Kids";
}
.mens > ul::before {
    content: "Frame Gallery　for Men";
}
.womens > ul::before {
    content: "Frame Gallery　for Womens";
}
	
.frame_cat > ul > ul.slick-dots{
}
.frame_cat > ul::after{
	left: 0;
	right: unset;
}
a.arch.link {
	width: 38vw;
	margin: 4em auto 0em 17vw;
	display: block;
	padding: 1em 1.5em;
}

.l-main .frame_cat section > * {
    flex: unset;
    margin: auto;
    display: block;
}
	
#top_parts .yt_link ul{
    display: block;
}

#top_parts .yt_link ul li{
	display: block;
	margin: 0 auto 3em;
	max-width: 600px;
}
	
	
.p-header-content__button {
    width: 22em;
    height: 22em;
    bottom: -19.5em;
    font-size: 0.6em;
}



.p-body h2 .title strong {
    font-size: 1.2em;
    padding: 1em;
}
.p-body h2 .title strong span {
    word-break: keep-all;
}

.p-body h2 .title strong br{}
.p-front-page__body > p {
    text-align: left;
    width: 88.8888%;
    margin: 1em auto 2em;
}
.p-front-page__body > p br {
	   display: none
 
}

a.to_online {
    margin: 1em 3em 3em;
    width: auto;
    text-align: center;
}


}
/* ↑850pxここまで */

/* ↓デバイス横向き */
@media (orientation: landscape) and (max-width: 850px){

.pic_cont {
    padding-left: 6em;
}
#t_catch {
    font-size: 4.7vw;
    height: 7em;
}

#t_catch strong {
    writing-mode: horizontal-tb;
    letter-spacing: -0.08em;
    height: auto;
    width: 12em;
    top: 3em;
    left: -1em;
}
#t_catch strong i {
    top: unset;
    left: unset;
}

}

@media screen and (max-width: 770px) {

	#custom_html-2{
	margin:auto;
	}

	.p-header__logo {
    font-size: 0.7em;
}
	address.p_top {
    font-size: 0.55em;
    top: 2.3em;
}
	
	address.p_top b {
    word-break: keep-all;
    padding: 0;
    line-height: 1.4em;
}
address.p_top b i{
	display:inline;
}
address.p_top a {
    background: url(https://megane21-ok.jp/wp-content/uploads/top_tel_s2.gif) no-repeat center;
    height: 8.2em;
    background-size: contain;
}
address.p_top a:nth-of-type(2){
	height: 4em;
}
#custom_html-11{
	display:none;
}
	
a.line_bnr {
    width: 18em;
    top: 8.7em;
}
	
	#js-menu-button{
		
	}
	.swiper-container::before{
    width: 100%;
    height: 20vh;
    background: linear-gradient(180deg, rgba(255,255,255,0.7), transparent);
	}
	
	
	
	.swiper-slide a {
    bottom: 30px;
}
	.slide-img img {
    height: 100vh;
}
.swiper-pagination {
    bottom: 2em !important;
}
	#under_pic {
    top: 0;
    margin: 0 0 0;
    height: auto;
}
		#under_pic > div {
    align-content: unset;
    display: block;
    width: 100%;
    margin: 0 0 2em;
}
	#under_pic > div > .feed > * {
    display: block !important;
}
	#under_pic > div > div h2 {
    margin: 0 0 0.4em !important;
}
	#under_pic #sb_instagram #sbi_images {
    margin: auto;
    float: unset;
}

#under_pic #sb_instagram.sbi_col_4 #sbi_images .sbi_item {
    margin: 0 1% !important;
    width: 20% !important;
    float: unset;
}

#under_pic #sb_instagram .sbi_photo {
    max-height: unset;
}
	
	#slogan .tel {
    bottom: unset;
    top: 9em;
    left: -1em;
    right: 0;
    margin: auto;
}
	#slogan .tel img {
    width: 47em;
}
	#slogan strong {
    top: -1em;
}
.p-header-content__image {
    height: 42em;
}	
	.p-header-content__button {
    bottom: -23.5em;
}
	.slick-dots {
    bottom: 1em;
}
.slick-dots li {
    width: calc(0.6em + 4px);
    height: calc(0.6em + 4px);
}
.slick-dots li button {
    width: 0.6em;
    height: 0.6em;
}
.p-body h2 .english span {
    padding: 1em 4em 0;
    line-height: 1em;
    background-size: 3.1em;
}


a.arch.link{
    width: 51vw;
    margin: 4em auto 0em 10vw;
}
h2.pic{
    margin: 0 auto;
    padding: 0 0 2em;
}
h2 > b {
    font-size: 1.4em;
    margin: 0.8em auto 0;
}

h2.pic::before, h2.pic::after{
	/* display: block; */
	/* margin: auto; */
	position: absolute;
	top: -3.7em;
	margin: auto;
}
h2.pic::before{
    left: -7em;
    right: 0;
}
h2.pic::after{
    left: 7em;
    right: 0;
}
	

#top_lens .problem::before, #top_lens .problem::after{
	font-size: 0.4em;
}

#top_lens .problem::before{
	transform: rotate(-18deg);
	top: -2em;
	left: -8em;
}
#top_lens .problem::after{
	transform: rotate(-71deg);
}
#top_lens .problem li{
    line-height: 1.7rem;
    padding: 1rem 2rem 1rem 3rem;
    font-size: 1.2em;
    text-indent: -1.7em;
    word-break: keep-all;
}
#top_parts .case{
	display: block;
}
#top_parts .case > div{
    display: block;
    padding: 0 !important;
}
#top_parts .woocommerce .p-archive03__item{
	flex: 1 0;
	margin: 0 0.5em;
}
#top_parts .case > div .link{
	font-size: 1em;
}
#top_parts .case > .yt{
    height: 60vw;
    margin: 2em 0 0;
}
	
}
/* ↑770pxここまで */

@media screen and (max-width: 660px) {

body:not(.home) .p-page-header__image, .p-lp-header .p-header-content {
    min-height: 43em;
}
body:not(.home).page-template .p-lp-header .p-header-content{
	min-height: 33em;
}
	
body:not(.home) .l-header:not(.is-header-fixed) .p-header__logo{
	width: 13em;
	height: 10.4em;
	padding: 0.4em;
	font-size: 1.8vw;
}
body:not(.home) address.p_top{
	font-size: 2vw;
	top: 1.8rem;
	margin-right: 1.4rem;
}
body:not(.home) address.p_top a:nth-of-type(1){
	background-size: contain;
	height: 6em;
	background-position: bottom;
}
body:not(.home) address.p_top a:nth-of-type(2){
	height: 3em;
}
	
body:not(.home) .is-header-fixed .snsmenu {
    left: 1.1em;
    width: 2em;
}

	
body:not(.home) .l-header:not(.is-header-fixed) #js-menu-button{
	top: 23vw;
}
body:not(.home) #js-header .p-header__upper{
	height:2.8em
}
body:not(.home) b.catch_p{
    top: -0.9em;
}
body:not(.home) .p-header-content__inner h1{
	font-size: 2.2em;
}
body:not(.home) .p-header-content__desc{
	font-size: 1em;
	word-break: keep-all;
}
	
#top_lens .flow ol{
	display: block;
}
#top_lens .flow ol li:not(:last-child){
	border-bottom: 1px solid #000;
}
#top_lens .flow ol li{
	border-left: none;
}
#t_catch {

}
#top_parts p.intro{
    word-break: unset;
    text-align: left;
}
#top_parts > div > div > section p{
    padding: 10em 0 0;
    margin: 0;
}


#about .p-lp-cb__item-body > div::before{
    width: calc(100% - 1em);
}
#about .p-lp-cb__item-body > div > pre{
	padding: 21em 0 2em 1em;
}
.p-archive02__item-title{
	margin: 0;
	font-size: 5.5vw;
	line-height: 1.2em;
}
.term_list ul li, .this_term li{
	font-size: 0.7rem;
}
	
	
}
/* ↑660pxここまで */

@media (orientation: portrait) and (max-width: 500px){

	.pic_cont {
    padding: 57vw 0 0 12vw;
}
	#t_catch {
    height: auto;
    font-size: 8vw;
    padding: 0;
    width: auto;
    top: 0;
    left: 0;
}
	.slide-img img {
    height: 94vh;
}
	.swiper-pagination {
    bottom: 1.5em !important;
    writing-mode: vertical-lr;
    text-align: right !important;
    width: 3em !important;
    margin: 0;
    padding: 0 0 0 1em;
}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0 0.7em !important;
}
	.swiper-slide a {
    z-index: 1;
    font-size: 2.4vw;
}
	.swiper-slide a i {
    width: 31em;
    left: -15em;
}


}


@media screen and (max-width: 500px) {

	body {
    min-width: unset;
}
	.is-header-fixed#js-header .p-header__lower, body:not(.home) #js-header .p-header__lower{
	padding: 0 2.6vw;
	}
	.is-header-fixed .p-header__logo{
	font-size: 1.5vw !important;
	padding: 0.6vw !important;
}
	.is-header-fixed .p-header__logo a{
	
}
	
	.is-header-fixed .fix_bnr{
		font-size: 3.2vw;
		min-height: unset;
		height: 14vw;
		top: 0.8em;
}
	.is-header-fixed #js-menu-button{
		top: 18vw;
}
	.home .is-header-fixed #js-menu-button{
		top: 20vw;
}
button#js-menu-button {}
	
	.p-header-description {
    font-size: 3.5vw !important;
}
	.p-header__logo {
    font-size: 2.3vw;
    width: 13.5em;
    top: 5.4em;
}
	address.p_top {
    font-size: 1.8vw;
    width: 28em;
    top: 6.5em;
    left: 1em;
}
	address.p_top b {
    font-size: 3.2vw;
}
	address.p_top a {
    background-size: 96%;
    filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white);
    height: 6.5em;
}
	a.line_bnr {
    font-size: 2.5vw;
    top: 11.5em;
    right: 0.3rem;
}
	a.line_bnr::before {
    background: rgba(7, 181, 59, 80%);
}
	.snsmenu {
    font-size: 0.6rem;
}

	

.p-header__membermenu{
	font-size: 0.6rem;
}
	
#js-header .p-header__membermenu a, #js-header .p-header__membermenu .p-header__membermenu-cart a{
	font-size: 0.7rem;
}	
	.swiper-slide a {
    z-index: 1;
}
	
	#js-menu-button {
    top: 40vw;
    left: 0.4em;
}
	#under_pic > div {
    padding: 1em 0;
}
#under_pic > div > .feed::before {
    left: -0.45em;
    right: 0;
    margin: auto;
    font-size: 14vw;
}
	#under_pic > .topic > ul > li > ul {
    display: inline-block;
    display: block;
    padding: 0.2em 0 0.4em;
}
	#under_pic #sb_instagram.sbi_col_4 #sbi_images .sbi_item {
    margin: 2% !important;
    width: 45% !important;
}
	
	
	
	
	
	
	.fix_tel.w500 {
    position: absolute;
    height: 1.7em;
    width: 1.7em;
    right: 1.3em;
    top: 1.3em;
}
	.is-header-fixed .fix_tel.w500 {
    right: 1.1em;
    top: 2.2em;
}
	.fix_tel.w500 img {
    width: 100%;
    height: 100%;
    filter: hue-rotate(68deg);
}
	.frame_cat section, .frame_cat > ul::before, .frame_cat > ul::after, .frame_cat > ul > ul.slick-dots {
    width: 100%;
}
.frame_cat section h3 b {
    padding: 0 0 0em;
    line-height: 2.5em;
    height: 2.7em;
}
	.frame_cat::before{
	background-size: 80%;
	left: 0;
	background-position: center;
	/* height: calc(100% - 8em); */
}	
	.frame_cat.kids::before {
    background-image: url(https://megane21-ok.jp/wp-content/uploads/bg_kid_mdl2.jpg);
}
	.frame_cat.mens::before {
    background-image: url(https://megane21-ok.jp/wp-content/uploads/bg_men_mdl2.jpg);
}
	.frame_cat.womens::before {
    background-image: url(https://megane21-ok.jp/wp-content/uploads/bg_wom_mdl2.jpg);
}
	.frame_cat section p{
	padding-bottom: 6em;
}
	.frame_cat > ul::before {
    font-size: 1.1em;
}

	
#top_lens .problem li{
    text-align: left;
    word-break: unset;
}
#top_lens .flow h3{
    font-size: 3.6vw;
    line-height: 1.4em;
    padding: 0.7em 0.2em;
}

#top_lens a.link.waku{
		word-break: keep-all;
		padding: 1em;
		width: 120%;
		left: -10%;
}



body:not(.home) .p-header-content__desc br{
    display: none;
}
	
	.p-body .cont {
    padding: 3.5em;
}
	.p-body .big {
    font-size: 1.6em;
}
	.p-body h2 .english {
    height: 6.3em;
    margin-bottom: -1.2em;
    background-size: cover, 100%;
    font-size: 0.9em;
}

.p-body h2 .english img {
    padding: 1em 0 0;
    margin: auto auto -1.8em;
    width: 4.5em;
}
.p-body h2 .english span {
    padding: 0.6em 3em 0;
    background-size: 2.5em;
    font-size: 0.8em;
}
.p-body h2 .title {
    padding: 0.5em;
    border-radius: 0.5em;
}
.p-body h2 .title::before {
    width: 7em;
}
.p-body h2 .title strong {
    font-size: 0.9em;
    padding: 1em 0.8em;
    border-radius: 0.4em;
    word-break: keep-all;
}
.p-body h2 .title strong span {
    background-size: 20%;
}
	



a.arch.link {
    width: 100%;
    margin: 4em auto 0em auto;
    max-width: 17em;
}
#top_lens p.orn.big{
    font-size: 1.3em;
    word-break: keep-all;
}
#top_lens p.hope.orn.big::after{
	width:100%;
	height: 45vw;
}
	
	
a.to_online {
    word-break: keep-all;
    line-height: 1.5em;
    padding: 1em;
}
a.to_online i{
		display:none;
}
#top_parts .mx_c {
    margin: 1em auto 2em -4em;
    width: calc(100% + 8em);
    padding: 0 2em;
}
#top_parts > div > div > section{
    margin: 5em 0 0;
}
#top_parts > div:first-of-type{margin-bottom: 37vw;}
#top_parts > div > div > section h3{
    margin: auto;
    display: block;
    font-size: 4.8vw;
    left: 0;
    right: 0;
}
#top_parts > div > div > section p{
    padding: 10em 2em 0;
    word-break: unset;
    text-align: left;
    line-height: 1.7em;
}
#top_parts .case > div > ul li{
    padding: 0.7em 0em;
    word-break: keep-all;
    /* text-align: left; */
    /* text-indent: -1.8em; */
    line-height: 1.4em;
}
.p-archive03 {
    padding: 0 1em;
}
#top_parts .woocommerce .p-archive03__item {
    margin: 0 0em;
}
#top_parts .case > div .link{
    padding: 1em;
    font-size: 3.4vw;
    width: calc(49% - 1.5em);
    word-break: keep-all;
    left: -0.3em;
}
#top_parts .case > div .link:last-child {
    left: 0.3em;
}

#top_parts .yt_link h3{word-break: keep-all;}
	
a.link span::before {
    margin-right: 0em;
}
	
.p-header__membermenu > * {
}
.p-header__membermenu-mypage {
    left: 1px;
}

.is-header-fixed .p-header__upper-search {
	min-width: unset;
    bottom: 0.5em;
    left: -0.4em;
}
#upper_menu, button#js-header__search {
    top: 0em;
}

	#upper_menu li {
    padding-right: 4px;
}
	#js-header.is-header-fixed #upper_menu{
	display:flex;
}
#js-header.is-header-fixed #upper_menu li a {
    padding: 1em;
font-size: 0.9em;
}

	button#js-header__search {
    height: 2.45em;
}
.p-header__upper-search.down{
    right: unset;
    left: 0.5em;
    width: calc(100% - 4.4em);
}
.down .p-header__upper-search__form {
    left: 0em;
    right: 8vw;
}
.down #custom_html-8, .down #upper_menu{
}
.down #upper_menu li a {
    padding: 1.1rem 0.8rem;
    width: auto;
    width: 30vw;
    font-size: 0.8em;
}
.p-header__upper-search.down #js-header__search {top: 1px;padding: 16px 5px;}
	
	.p-footer__desc {
    font-size: 1em;
    line-height: 1.6em;
}
.p-archive02__item-info, .p-recent-news .p-archive02__item-info {
    padding: 0 1em;
}

	#anybot{
		display:none !important;
}

	
}/* ↑500pxここまで */

/* ↓330pxここから */
@media screen and (max-width: 330px){

#js-header.is-header-fixed #upper_menu li a {
    padding: 1em 0.5em;
    font-size: 0.9em;
}
}/* ↑330pxここまで */

/*
通常ページのみに読ませるcss  終わり
*/