@charset "utf-8";
  .wpcf7 .linkBtn {
display:block;
} .fs { font-size: 85%; }
.fm { font-size: 115%; }
.red { color: #FF5757; }
.pick { color: #80B624; }
.cf:after {
clear: both;
display: block;
overflow: hidden;
height: 0px;
content: "";
}
p.attention {
text-indent: -1em;
margin-left: 1em;
}
p.nm {
padding-bottom: 0;
} .cen { text-align: center; }
.lft { text-align: left; }
.rit { text-align: right; }
.pad_anchor {
margin-top: -115px;
padding-top: 115px;
} @media print, screen and (min-width: 641px){ .dsp_smt { display: none; }
.cen_pc { text-align: center; }
}
@media only screen and (max-width: 640px){ .dsp_hp { display: none; }
}
@media (max-width: 640px) {
.post .container-rwd .column2_40 {
width: 100%;
}
} #wrapper, .inner {
width: 100%;
max-width: 1500px;
}
@media only screen and (min-width: 1024px){
#breadcrumb ul {
max-width: 1500px;
}
#content {
width: 79.5%;
}
#sidebar {
width: 18%;
}
} .mb {
margin-bottom: 40px;
}
.bg_wide {
position: relative;
}
.bg_wide::before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100vw;
height: 100%;
margin-left: calc(((100vw - 100%) / 2) * -1);
margin-right: calc(((100vw - 100%) / 2) * -1);
content: "";
z-index: -1;
}
.bg_pad {
padding: 30px 0;
}
.box_pad {
padding: 15px;
box-sizing: border-box;
}
@media print, screen and (min-width: 641px){ .bg_pad {
padding: 60px 0;
}
.bg_fix::before {
background-attachment: fixed !important;
}
.box_w2 {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.box_w2.rev {
flex-direction: row-reverse;
}
.box_w2.vcen {
-webkit-align-items: center;
align-items: center;
}
.box_pad {
padding: 30px;
}
} #header .inner {
width: 100%;
max-width: 1850px;
position: relative;
margin: 0 auto;
}
#header-layout {
width: 100%;
padding: 1rem 0;
}
#header .header_link { font-size: 13px;
}
#header .header_link li {
display: inline-block;
margin-left: 20px;
padding-top: 2px;
}
#header .header_link li:last-child a {
padding-right: 22px;
background: url(//difference-web.com/struct/wp-content/uploads/ico_cart.png) no-repeat right top;
} #MESY_FTMFM_footer_bar-wrapper ul#MESY_FTMFM_footer_bar li p.menu_name {
font-family: "Niconne", "Kosugi", "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-weight: normal;
}
@media print, screen and (min-width: 1025px){
#header .inner {
padding: 0 2rem;
box-sizing: border-box;
}
#header-layout {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
}
@media print, screen and (max-width: 1024px){
body.mobile #header .logo .mark {
padding-left: 40px;
}
body.mobile #header .logo img {
width: 85px;
}
} section.widget h2 {
padding: 0 10px;
font-weight: bold;
font-size: 1.0rem;
box-sizing: border-box;
background: none;
color: #404040;
}
#custom_html-2 h2 {
font-size: 2.0rem;
text-align: center;
font-family: "Niconne", "Kosugi", "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-weight: normal;
}
#custom_html-2 ul,
#custom_html-2 ul li,
#custom_html-2 ul li a {
margin: 0;
padding: 0.05rem 0;
border: none;
}
#custom_html-2 ul {
margin-left: 1.5em;
list-style: disc;
} #feas-searchform-0 #feas_0_0 {
width: 80%;
box-sizing: border-box;
vertical-align: middle;
}
#feas-searchform-0 #feas-submit-button-0 {
overflow: hidden;
width: 18%;
box-sizing: border-box;
background: url(//difference-web.com/struct/wp-content/uploads/ico_search.png) no-repeat center center;
vertical-align: middle;
text-indent: 9999px;
cursor: pointer;
} .panel form#feas-searchform-0 {
background: #ffffff;
padding: 0.3rem 1rem;
box-sizing: border-box;
}
nav#mainNav ul li a b {
letter-spacing: 0.05rem;
}
.spmenu #menu p {
font-family: "Niconne", "Kosugi", "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size: 0.8rem;
}
@media only screen and (min-width: 1025px) {
nav#mainNav {
margin-bottom: 1rem;
}
nav#mainNav ul li a {
padding: 0 35px;
box-sizing: border-box;
}
nav#mainNav ul li a b {
font-size: 1.6rem;
}
nav#mainNav ul li li a b {
font-size: 1.2rem;
display: inline-block;
}
nav#mainNav ul ul {
width: 300px;
}
nav#mainNav ul li ul.sub-menu li a, nav#mainNav ul li ul.sub-menu li a:hover, nav#mainNav ul li.current-menu-item ul.sub-menu li a, nav#mainNav ul li ul.sub-menu li.current-menu-item a {
padding: 8px 15px;
}
}
@media (max-width: 1024px) {
.mobile nav#mainNav .panel > ul {
overflow-y: scroll;
max-height: calc( 100vh - 60px - 59px );
}
}
@media only screen and (max-width: 1024px) {
nav#mainNav ul li a b {
font-weight: normal;
font-size: 1.1rem;
}
nav#mainNav ul li a, nav#mainNav ul li.current-menu-item li a {
padding: 10px;
}
nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a {
padding-left: 30px;
background-position-x: 15px;
}
nav#mainNav ul li li:last-child a{
padding-left: 30px;
background-position-x: 15px;
}
} h1.title, .post h1{
font-size: 1.5rem; font-weight: normal;
}
h1.title.first {
margin-bottom: 2rem;
}
.post h2 {
font-family: "Niconne", "Kosugi", "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size: 2.0rem;
border: none;
background: transparent;
}
.post h2 .fs,
#content h1 .jp {
font-size: 60%;
}
.post h2:before, .post h2:after {
content: none;
}
h2.headline2 {
letter-spacing: 0.10rem;
font-size: 3.0rem;
line-height: 1.2;
}
.innerContent960 {
width: 90%;
max-width: 960px;
margin: 0 auto;
}
.innerContent {
width: 90%;
max-width: 1100px;
}
.innerContent1500 {
width: 90%;
max-width: 1500px;
margin: 0 auto;
}
.post p {
font-size: 0.9rem;
}
.link-box{
position: relative;
overflow: hidden;
}
.link-box figure {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 100%;
height: auto;
transform: translate(-50%, -50%);
z-index: -1;
}
.link-box h2 {
text-align: center;
color: #ffffff;
font-size: 3.0rem;
font-weight: normal;
}
a.aligncenter.readmore {
border: 1px solid;
background: rgba(46,46,46,0.5);
padding: 1rem 2.0rem;
display: block;
border-radius: 10px;
color: #ffffff;
max-width: 300px;
margin: 0 auto;
box-sizing: border-box;
transition: all .3s;
}
a:hover.aligncenter.readmore{
background: rgba(46,46,46,1);
}
@media print, screen and (max-width: 959px){
.link-box h2 {
font-size: 2.0rem;
}
}
@media print, screen and (max-width: 768px){
h1.title.first {
margin: 1rem 0;
}
h2.headline2 {
font-size: 2.0rem;
padding: 0;
}
} .youtube {position: relative;width: 100%;padding-top: 56.25%;}
.youtube iframe {position: absolute;top: 0;right: 0;width: 100%;height: 100%;}   .mt2 {margin-top:2rem !important;}
.mt3 {margin-top:3rem !important;}
.mt5 {margin-top:5rem !important;}
.mt6 {margin-top:6rem !important;}
.mt20 {margin-top:20px !important;}
.mb2 {margin-bottom:2rem !important;} 
.mb3 {margin-bottom:3rem !important;} 
.mb5 {margin-bottom:5rem !important;}
.mb20 {margin-bottom:20px !important;}
.mtb2 {margin:2rem auto !important;}
.mtb3 {margin:3rem auto !important;}
.mtb5 {margin:5rem auto !important;}
@media screen and (max-width: 768px) {
.mt2 {margin-top:1rem !important;}
.mt3 {margin-top:1.5rem !important;}
.mt5 {margin-top:2.5rem !important;}
.mt6 {margin-top:3rem !important;}
.mt20 {margin-top:10px !important;}
.mb2 {margin-bottom:1rem !important;} 
.mb3 {margin-bottom:1.5rem !important;} 
.mb5 {margin-bottom:2.5rem !important;}
.mb20 {margin-bottom:10px !important;}
.mtb2 {margin:1rem auto !important;}
.mtb3 {margin:1.5rem auto !important;}
.mtb5 {margin:2.5rem auto !important;}
}
.pt2 {padding-top:2rem !important;}
.pt3 {padding-top:3rem !important;}
.pt5 {padding-top:5rem !important;}
.pt6 {padding-top:6rem !important;}
.pt20 {padding-top:20px !important;}
.pb2 {padding-bottom:2rem !important;} 
.pb3 {padding-bottom:3rem !important;} 
.pb5 {padding-bottom:5rem !important;}
.pb20 {padding-bottom:20px !important;}
.ptb2 {padding:2rem auto !important;}
.ptb3 {padding:3rem auto !important;}
.ptb5 {padding:5rem auto !important;}
.pd2 {padding:2rem !important;}
.pd3 {padding:3rem !important;}
.pd5 {padding:5rem !important;}
@media screen and (max-width: 768px) {
.pt2 {padding-top:1rem !important;}
.pt3 {padding-top:1.5rem !important;}
.pt5 {padding-top:2.5rem !important;}
.pt6 {padding-top:3rem !important;}
.pt20 {padding-top:10px !important;}
.pb2 {padding-bottom:1rem !important;} 
.pb3 {padding-bottom:1.5rem !important;} 
.pb5 {padding-bottom:2.5rem !important;}
.pb20 {padding-bottom:10px !important;}
.ptb2 {padding:1rem auto !important;}
.ptb3 {padding:1.5rem auto !important;}
.ptb5 {padding:2.5rem auto !important;}
} .spbr, table.sp_t, .post img.img_sp {display: none;}
@media screen and (max-width: 768px) {
.spbr, table.sp_t, .post img.img_sp {display: block;}
.pcbr, table.pc_t, .post img.img_pc {display:none;}
} .w20, .w30, .w40, .w50, .w60, .w70, .w80 {box-sizing: border-box;}
.w20 {width: 20%;}
.w30 {width: 30%;}
.w40 {width: 40%;}
.w50 {width: 50%;}
.w60 {width: 60%;}
.w70 {width: 70%;}
.w80 {width: 80%;}
@media screen and (min-width: 769px) {
.columns, .boxs, .item_boxs {display: flex;}
.col:not(:last-child) {margin-right: 2rem;}
.boxs.gap {gap: 5%;}
.boxs.gap3 {gap: 3%;}
.boxs.center {align-items: center;}
.boxs.rev {flex-direction: row-reverse;}
p.pc-center {text-align: center;}
}
@media screen and (max-width: 768px) {
.w20, .w30, .w40, .w50, .w60, .w70, .w80 {
width: 100%;
margin-bottom: 20px;
}
.column:not(:last-child) {margin-bottom:20px;}
.columns.rev {
display:flex;
flex-direction:column-reverse;
}
.boxs.rev {flex-direction:row-reverse;}
} #content img {
margin: 0 auto;
padding: 0;
border: none;
}
#content h1 img {
display: block;
margin-bottom: 5px;
} #content .linkBtn.btn_white {
background: #fff;
border: 1px solid #404040;
box-sizing: border-box;
color: #404040;
font-weight: bold;
}
#content .linkBtn.btn_white:hover {
background: #ccc;
} #content .post h2.cen {
font-family: "Niconne", "Kosugi", "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
margin: 2rem 0;
}
#content .post h2.cen p {
font-size: 2.0rem;
}
@media print, screen and (min-width: 641px){ #content .post h2.cen p {
display: inline-block;
padding: 0 10px 0 0;
}
} .home #wrapper {
overflow: visible;
}
#post-2 .post {
background: none;
border: none;
} #top_mainimg .metaslider {
max-width: 100% !important;
}
@media print, screen and (min-width: 1024px){ #top_mainimg {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#top_mainimg #sidebar {
width: 20%;
padding: 30px;
box-sizing: border-box;
}
#top_mainimg #mainImg {
width: 80%;
}
} .home #content .c3thumbWrap {
width: 100vw;
padding: 0 4%;
margin-left: calc(((100vw - 100%) / 2) * -1);
margin-right: calc(((100vw - 100%) / 2) * -1);
box-sizing: border-box;
} #top_about {
border: 1px dotted #A6A6A6;
}
#top_about table th {
white-space: nowrap;
font-weight: bold;
}
#top_about table td {
padding-bottom: 10px;
}
@media print, screen and (min-width: 641px){ #top_about .txt {
width: 60%;
}
#top_about .map {
width: 35%;
}
}
@media print, screen and (max-width: 450px){
.home .wide .c2thumbWrap ul.thumb li:not(:first-child){
margin-top: 10px;
}
} #about_map img,
#about_msg img {
padding: 0;
margin: 0 auto;
}
.in.box_w2.boxs.center {
display: flex;
align-items: center;
}
.boxs.center .column2_60 {
padding: 5.5vw;
max-width: 800px;
margin: 0 auto;
}
.boxs.center .column2_60 p {
line-height: 2.5;
}
@media print, screen and (min-width: 641px){ #about_msg .column2_30 {
padding-left: 15px;
box-sizing: border-box;
}
}
@media only screen and (max-width: 768px){
.in.box_w2.boxs.center {
flex-direction: column;
}
.boxs.center .column2_60 {
padding: 2.5vw;
width: 100%;
}
#about_map.boxs {
display: flex;
flex-direction: column-reverse;
}
#about_map.boxs .column2_40 {
width: 100%;
}
}
@media only screen and (max-width: 640px){ #about_msg {
padding: 1rem 1%;
box-sizing: border-box;
}
} #about_mv {
padding: 20% 0 5% 0%;
background: url(//difference-web.com/struct/wp-content/uploads/plate03_img.jpg) no-repeat top center;
background-size: contain;
-webkit-background-size: contain;
}
#about_mv p.ico {
position: relative;
margin-bottom: 15px;
padding: 0 0 10px 10px;
}
#about_mv p.ico::before {
position: absolute;
left: 0;
bottom: 0;
content: url(//difference-web.com/struct/wp-content/uploads/);
}
#about_mv .bg {
padding-right: 60px;
background: url(//difference-web.com/struct/wp-content/uploads/img_about2_05.png) no-repeat right top;
box-sizing: border-box;
}
#about_mv .youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
#about_mv .youtube img,
#about_mv .youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
@media only screen and (max-width: 640px){ #about_mv p.ico {
width: 80%;
margin-left: auto;
margin-right: auto;
}
#about_mv {
padding: 0;
}
} #about_note .txt {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.profiles .ttl, {
padding-bottom: 0;
font-size: 2.0rem;
text-align: center;
font-family: "Niconne", "Kosugi", "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
margin: 2rem 0;
}
.profiles .ttl2 {
padding-bottom: 0;
font-size: 2.0rem;
text-align: right;
font-family: "Niconne", "Kosugi", "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
margin: 1rem 0;
}
.profiles .txt .column2_30 {
width: 29%;
}
.profiles .txt .column2_70 {
width: 69%;
}
.profiles {
background: rgba(200,200,200,0.1);
padding: 2rem;
box-sizing: border-box;
margin-bottom: 5rem;
}
@media print, screen and (min-width: 641px){ .profiles .photo {
width: 30%;
}
.profiles .txt {
width: 68%;
}
}
@media only screen and (max-width: 768px){
.profiles {
padding: 1rem;
box-sizing: border-box;
}
.profiles .ttl2{
font-size: 1.2rem;
}
}
@media only screen and (max-width: 640px){ .profiles .photo img {
width: 70%;
}
.profiles .rev .photo {
text-align: right;
}
.profiles .gallery-item {
width: 48.5% !important;
}
.profiles .gallery-item:nth-child(2n) {
margin-left: 3%;
}
} #company_tbl,
#company_tbl th,
#company_tbl td {
border: none;
}
#company_tbl tr {
border-bottom: 1px solid #ccc;
}
#company_tbl th {
width: 20%;
white-space: nowrap;
}
#company_tbl td {
text-align: left;
} #products_list .new,
#products_list .sold,
#products_list .hold,
#products_detail .new,
#products_detail .sold,
#products_detail .hold {
font-family: "Niconne", "Kosugi", "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
#products_list .photo,
#products_detail .photo {
text-align: left;
}
#products_list .new,
#products_detail .new {
color: #E10D59;
font-size: 22px;
text-align: left;
}
#products_list .sold,
#products_detail .sold {
color: #E10D59;
font-size: 1.2rem;
font-weight: normal;
}
#products_list .hold,
#products_detail .hold {
color: #2F5597;
font-size: 1.2rem;
font-weight: normal;
}
#products_list .ttl {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} #products_list,
#products_list li,
#products_list li p {
margin: 0;
padding: 0;
}
#products_list {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
#products_list li {
margin-bottom: 30px;
}
#products_list li img {
width: 100%;
max-width: 100%;
}
#products_list li p.photo {
position: relative;
margin-bottom: 15px;
}
#products_list li p.photo img {
vertical-align: bottom;
}
#products_list li p.photo::before {
position: absolute;
left: 50%;
bottom: 10px;
color: #fff;
content: "Difference";
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 99;
}
@media print, screen and (min-width: 641px){ #products_list li {
width: 30%;
margin-right: 5%;
}
#products_list li:nth-child(3n) {
margin-right: 0;
}
}
@media only screen and (max-width: 640px){ #products_list li {
width: 48%;
margin-right: 4%;
}
#products_list li:nth-child(2n) {
margin-right: 0;
}
} #products_detail {
width: 900px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
#products_detail .photo_main p {
position: relative;
display: inline-block;
padding-bottom: 0;
text-align: left;
}
#products_detail .photo_main img {
max-height: 800px;
width: auto;
}
#products_detail .tbl,
#products_detail .tbl th,
#products_detail .tbl td {
border: none;
}
#products_detail .tbl tr {
border-top: 1px solid #ccc;
}
#products_detail .tbl th {
width: 15%;
white-space: nowrap;
}
#products_detail .btn {
width: 600px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
#products_detail .btn p {
padding-bottom: 0;
}
#products_detail .btn .linkBtn {
display: block;
margin-bottom: 0;
}
#products_detail .btn .linkBtn img {
margin-right: 10px;
vertical-align: middle;
}
#products_detail .btn .linkBtn.btn_cart {
background: #8c8c8d;
}
#products_detail .btn .linkBtn.btn_cart::before {
content: url(//difference-web.com/struct/wp-content/uploads/ico_cart_w.png);
}
#products_detail .btn .linkBtn.btn_sold {
background: #d9d9d9;
}
#products_detail .btn .linkBtn.btn_hold {
background: #dae3f3;
}
#products_detail .photo {
width: 800px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
#products_detail .photo ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#products_detail .photo ul li {
position: relative;
width: 48%;
margin-bottom: 20px;
text-align: center;
}
#products_detail .photo_main p::before,
#products_detail .photo ul li::before {
position: absolute;
left: 50%;
bottom: 15px;
color: #fff;
content: "Difference";
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 99;
}
@media only screen and (max-width: 640px){ #products_detail .photo ul li::before {
padding-bottom: 10px;
}
} #v_wpmem_wrap .form_item_wrapper > label {
background: #DCDCDC !important;
} .wp-pagenavi {
text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
border: none;
} .wpcf7-form select {
width: auto;
}
.wpcf7-form table td {
text-align: left !important;
}
@media print, screen and (min-width: 641px){ .wpcf7-form table th {
width: 235px;
white-space: nowrap;
}
} .post form.wpcf7-form .linkBtn {
padding:0 !important;
}
.post form.wpcf7-form .linkBtn input.wpcf7-submit {
width:100%;
padding:15px 40px;
}
.post form.wpcf7-form .linkBtn span.ajax-loader {
position:absolute;
}
.front_banner{
justify-content: space-evenly;
}
.link-box {
width: calc(91% /3);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 8vw 2vw;
} @media screen and (max-width: 768px) {
.link-box {
width: 100%;
padding: 1.5rem;
}
a.aligncenter.readmore {
padding: 0.5rem;
}
} #wrapper, #content, .post{
overflow: visible;
}
.post {
background-color: rgba(255,255,255,0);
}
#top_msg {
position: relative;;
padding: 30px 0;
line-height: 1.8;
}
#top_msg::before {
position: absolute;
left: 0;
top: 0;
display: block;
width: 100vw;
height: 100%;
margin-left: calc(((100vw - 100%) / 2) * -1);
margin-right: calc(((100vw - 100%) / 2) * -1);
background: url(//difference-web.com/struct/wp-content/uploads/top01.jpg) no-repeat center center;
background-size: cover;
-webkit-background-size: cover;
content: "";
z-index: -1;
}
@media (min-width: 641px){
#top_msg {
padding: 50px 0;
text-align: center;
}
} input[type="password"] {
vertical-align: middle;
line-height: 30px;
height: 30px;
padding: 1px 5px;
border: 1px solid #d4d4d7;
border-radius: 3px;
color: #555;
background: #fcfcfc;
margin-bottom: 5px;
box-sizing: border-box;
} .post #wpmem_msg,
.post .wpmem_msg {
width: 100%;
padding: 20px 0;
}
#v_wpmem_wrap .req {
color: #ff0000;
}
#v_wpmem_wrap input:not([type="radio"]):not([type="checkbox"]) ,
#v_wpmem_wrap select ,
#v_wpmem_wrap textarea {
width: 100%;
}
#v_wpmem_wrap .button_div {
width: 100%;
text-align: center;
}
#v_wpmem_wrap fieldset {
min-width: 0;
max-width: 100%;
}
#v_wpmem_wrap .button_div input[type="submit"] {
cursor: pointer;
padding: .5em 4em;
box-sizing: border-box;
max-width: 100%;
width: auto;
}
#v_wpmem_wrap .msg_area:empty {
display: none;
}
#v_wpmem_wrap .link-text {
text-align: right;
}
#v_wpmem_wrap .form_item_wrapper {
display: flex;
align-items: stretch;
justify-content: flex-start;
flex-wrap: wrap;
}
#v_wpmem_wrap .form_item_wrapper > * {
padding: .5em 1em;
box-sizing: border-box;
}
#v_wpmem_wrap .form_item_wrapper > label {
width: 34%;
background: #F7E6CB;
color: #1A1A1A;
border-bottom: 1px solid #fff;
}
#v_wpmem_wrap .form_item_wrapper > div {
width: 66%;
}
#v_wpmem_wrap .div_radio ,
#v_wpmem_wrap .div_multicheckbox {
display: flex;
flex-wrap: wrap;
align-items: center;
}
#v_wpmem_wrap .div_radio br ,
#v_wpmem_wrap .div_multicheckbox br {
display: none;
}
#v_wpmem_wrap .div_radio label,
#v_wpmem_wrap .div_multicheckbox label {
cursor: pointer;
margin-right: 1em;
}
@media (max-width: 768px) {
#v_wpmem_wrap .form_item_wrapper > label {
text-align: center;
padding: .5em 1em;
height: auto;
width: 100%;
}
#v_wpmem_wrap .form_item_wrapper > div {
padding: 0;
margin-bottom: 1em;
width: 100%;
}
} #v_wpmem_wrap #wpmem_login_form .button_div {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
#v_wpmem_wrap #wpmem_login_form .button_div input[type="submit"] {
order: -2;
}
#v_wpmem_wrap #wpmem_login_form .button_div #brpoint_for_flex {
order: -1;
width: 100%;
} #v_wpmem_wrap #wpmem_pwdreset_form .link-text {
display: none;
} #v_wpmem_wrap p.msg_area,
.post .wpcf7-form p.notice {
padding: 0;
color: #d71f1f;
font-size: .8em;
}
#v_wpmem_wrap #member_privacy_content {
height: 30vh;
overflow-y: scroll;
padding: 1em;
border: 1px solid #dcdcdc;
box-sizing: border-box;
}
#v_wpmem_wrap #member_privacy_content br {
display: inline;
}
#v_wpmem_wrap #member_privacy_content ol > li::marker,
#v_wpmem_wrap #member_privacy_content h2 {
font-size: 1.2em;
font-weight: bold;
}
#v_wpmem_wrap #member_privacy_content ol ul li {
list-style: disc;
}
#v_wpmem_wrap .form_item_wrapper[key="username"] {
display: none;
} #my_page_wrapper #user_controller {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
#my_page_wrapper #user_controller > div {
width: 49%;
}
#my_page_wrapper #hello_user {
font-size: 1.5em;
display: flex;
align-items: center;
justify-content: center;
}
#my_page_wrapper #edit_user_info > div {
margin-bottom: 1em;
}
#my_page_wrapper #edit_user_info a  {
display: block;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid #000;
color: #000;
transition: .3s;
padding: 1em 2em;
}
#my_page_wrapper #edit_user_info a::before {
display: inline-block;
content: "\f0da";
font-family: FontAwesome;
margin-right: .5em;
}
#my_page_wrapper #edit_user_info a:hover {
background: #000;
color: #fff;
}
@media (max-width: 768px) {
#my_page_wrapper #hello_user {
font-size: 1.2em;
margin-bottom: 1em;
}
#my_page_wrapper #user_controller > div {
width: 100%;
}
#my_page_wrapper #my_page_cart_history h2 {
font-size: 1.34rem;
}
#my_page_wrapper #vcs_history .heading {
font-size: 1em;
}
#my_page_wrapper #vcs_history .detail {
font-size: .8em;
}
} @media (max-width: 1023px) {
.mobile nav#mainNav .panel > ul {
overflow-y: scroll;
max-height: calc( 100vh - 60px - 59px - 44px);
}
}
#v_wpmem_wrap a {
text-decoration: underline;
color: #ce4543;
}
#v_wpmem_wrap .button_div {
position: relative;
width: 1070px;
max-width: 100%;
margin: auto;
}
#v_wpmem_wrap .button_div input[type="submit"] {
position: relative;
width: 100%;
margin: 20px 0;
padding: 0.5em 2.5em 0.5em 2.5em;
background: rgba(46,46,46,1);
box-sizing: border-box;
color: #fff;
border-radius: 5px;
line-height: 1.8;
transition: all .3s;
}
#v_wpmem_wrap .button_div input[type="submit"]::after {
display: block;
content: '';
position: absolute;
top: 50%;
right: 1em;
width: 6px;
height: 6px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: -3px;
}
html {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
img {
pointer-events: none;
-webkit-touch-callout:none;
}
a img {
pointer-events:auto;
} .wpcf7-spinner{
position: absolute!important;
margin: 0!important;
} #wpmem_login{
width:100%!important;
}
#wpmem_login fieldset{
display: flex;
flex-wrap: wrap;
max-width: 100%;
}
#wpmem_login fieldset legend{
display: none;
}
#wpmem_login fieldset label{
width:34%;
background: #DCDCDC;
padding: .5em 1em;
box-sizing: border-box;
color: #1A1A1A;
border-bottom: 1px solid #fff;
font-size: 95%;
font-family: "Nunito", "Kosugi", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#wpmem_login .div_text{
width: 66%;
margin: 0 !important;
padding: .5em 1em;
box-sizing: border-box;
}
#wpmem_login fieldset .button_div{
width: 1070px;
max-width: 100%;
margin: 0 auto;
}
#wpmem_login fieldset .link-text{
display: none;
}
#wpmem_login input#user{
background-color: #fcfcfc;
}
#wpmem_login .button_div input[type="submit"] {
position: relative;
width: 100%;
margin: 20px 0;
padding: 0.5em 2.5em 0.5em 2.5em;
background: rgba(46, 46, 46, 1);
box-sizing: border-box;
color: #fff;
border-radius: 5px;
line-height: 1.8;
transition: all .3s;
cursor: pointer;
}
@media screen and (max-width: 720px) {
#wpmem_login fieldset label, #wpmem_login .div_text{
width: 100%!important;
}
#wpmem_login .div_text{
padding: 0;
}
#wpmem_login fieldset .button_div{
width: 100%!important;
}
} .wp-pagenavi a, .wp-pagenavi span {
border: 0px !important;
}