@charset "utf-8";

/*
Theme Name: Shellman corporate
Description: Shellman コーポレートサイト用テーマ
Author: BUENO design
Version: 1.0.6
*/

@import url("css/reset.css");


/*------------------------------------------------------
 BASE (MOBILE)
------------------------------------------------------*/

body {
    font-family:'YuGothic','Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
    font-size: 62.5%;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    color: #444;
    background-color: #FFF;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: 0.4s ease;
	   -moz-transition: 0.4s ease;
	     -o-transition: 0.4s ease;
	        transition: 0.4s ease;}

img {display: inline-block; vertical-align: bottom;}

h1, h2, h3 {
    font-weight: normal;
    font-family: 'Iowan Old Style','Times New Roman','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',serif;
    line-height: 1.3;
    margin: 0 auto;
    text-align: center;}
h4 {
    font-weight: normal;
    font-family: 'Iowan Old Style','Times New Roman','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',serif;
    line-height: 1.5;
    margin: 0 auto;
    font-feature-settings: "palt";}
h5, h6 {
    font-weight: bold;
    font-family: 'Helvetica','YuGothic','Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
    line-height: 1.5;
    margin: 0 auto;}
h1{font-size: 3.2em;}
h2{font-size: 3.0em;}
h3{font-size: 2.1em;}
h4{font-size: 1.8em;}
h5{font-size: 1.6em;}
h6{font-size: 1.5em;}
h2, h3, h4, h5{white-space: nowrap;}
h2 font, h3 font, h4 font, h5 font{white-space: normal;} /*言語切り替え English*/

a {
    color: #444;
    text-decoration: none;
    -webkit-transition: 0.4s ease-in-out;
	   -moz-transition: 0.4s ease-in-out;
	     -o-transition: 0.4s ease-in-out;
	        transition: 0.4s ease-in-out;}
a:hover{opacity: 0.7;}
a img, a svg, a i {
    -webkit-transition: 0.4s ease-in-out;
	   -moz-transition: 0.4s ease-in-out;
	     -o-transition: 0.4s ease-in-out;
	        transition: 0.4s ease-in-out;
    -webkit-backface-visibility: hidden;
	        backface-visibility: hidden;}
a:hover img, a:hover i {opacity: 0.7;}
a:hover svg {fill-opacity: 0.7;}

hr {width: 100%; border-top: 1px solid #444; margin: 15 0 15px; padding: 0;}

i{vertical-align: middle;}

table{font-size: 1.4em; font-feature-settings: "palt";}
th{font-weight: normal; text-align: left; white-space: nowrap;}
td{text-align: justify; text-justify: inter-ideograph;}

input,select,textarea{
    height:25px;
    margin:0;
    padding:3px 5px;
    border-radius: 3px;
    background:#FFF;
    border:1px solid #CCC;
    box-sizing:border-box;
    vertical-align:middle;
    box-shadow: none;}

.clearfix:before, .clearfix:after {content: ''; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

.pt80{padding-top:80px;}
.pt30{padding-top: 30px;}
.pb30{padding-bottom: 30px;}

.main-visual{margin: 0; width:100%;}
.main-visual img{margin: 0 auto !important;}
.main-visual-sp, .main-visual-pc{width:100%; max-width:1500px !important;}
.main-visual-sp{display: block;}
.main-visual-pc{display: none;}

.lead{font-size: 1.4em; line-height: 2.2 !important; text-align: center !important; white-space: nowrap;}

.lead font{white-space: normal;}/*言語切り替え English*/

.brackets{font-size: 80%;}

.notes{font-size:12px !important;}

.bg-darkgray{background-color: #444; color: #FFF;}

.bg-darkgray hr{border-top: 1px solid #FFF;}

.bg-lightgray{background-color: #E8E8E8;}

.bg-inner{margin: 0 auto; width: 100%; max-width: 984px;}

.button-darkgray{background-color: #444; color:#FFF; padding: 5px 10px; display: inline-block; font-size: 1.3em;}

.button-darkgray span{font-family:'Iowan Old Style','Times New Roman',serif; font-weight: 600; display:inline-block; vertical-align: .025em;}


/*---------------------- header ----------------------*/

header{overflow: hidden;}
header a{color: #444;}

.pc-head{display: none;}
.sp-head{display: block; text-align: center;}
.sp-head-fix{
    width: 100%;
    height: 60px;
    background-color: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    z-index:100;}
.sp-head h1{font-size:1em; display: inline-block; line-height: 60px;}
.sp-head h1 a{display: block;}
.sp-head h1 img{width: 100px; vertical-align: middle;}

.external-link svg{fill:currentColor; width: 0.65em; height: 0.65em;}
.facebook{font-size: 20px;}


/*---------------------- main ----------------------*/

main{display: block; width: 100%; overflow: hidden;}

/*--- FRONT PAGE ---*/

.front-page{text-align: center;}
.front-page article{padding: 0 20px 80px;}
.front-page h2{line-height: 1; padding: 40px 0 37px;}
.front-page h2 span{font-size: 0.7em;}

#main-visual{width: 100%; height: 400px; position: relative;}
#main-visual img{width: 100%; height: 100%; position: absolute; z-index: -2; object-fit: cover; font-family: 'object-fit: cover;'; top:0; left:0;}

.information div{width:100%; max-width: 550px; margin: 0 auto; display: table;}
.information section{text-align: justify; text-justify: inter-ideograph; font-size: 1.4em; line-height: 1.6; border-spacing: 15px 10px; margin: -10px -15px; font-feature-settings: "palt";}
.information p{display: table-cell;}
.information a:hover{color: #336699; text-decoration: underline; }

.about-shellman img{width: 90%; max-width:450px;margin-bottom: 40px;}

.stores{width: 100%; max-width: 1024px; margin: 0 auto;}
.stores > div{margin: 0 -10px;}
.stores section{ display: inline-block; vertical-align: top; margin: 0 10px 50px; width: calc( 100% - 20px );}
.stores h3{margin-bottom: 10px; font-weight: 600; font-size:2.3em;}
.stores section div{width: 100%; position: relative; margin-bottom: 10px;}
.stores section div:before{content:""; display: block; padding-top: 50%;}
.stores section div img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; font-family:'object-fit: cover;';}
.stores p{font-size: 1.4em; line-height: 1.7; margin-bottom: 5px;}
.store-icon{margin: 0 2px; display: inline-block;}
.store-icon svg{height: 22px; width: 22px; fill:currentColor;}

#stores , #about{ display: block; padding-top: 60px; margin-top: -60px;}

#about{margin-bottom: 0; border-top: 0;}


/*--- CONTENT ---*/

.content p{font-size:1.4em; line-height: 1.8;}
.content img{margin-bottom: 10px; max-width: 100%; height: auto;}

.single{margin: 0 auto; padding:0 20px 80px; max-width: 1024px; line-height: 1.8;}
.single h2{padding: 30px 0 0; text-align: left;}
.single p{text-align: justify; text-justify: inter-ideograph;}

.page{margin: 0; padding:0 0 80px; line-height: 1.8;}
.page h2{margin: 40px 20px 37px;}
.page section{padding: 0 20px 40px;}
.page h3{margin: 0 0 30px;}
.page p{text-align: justify; text-justify: inter-ideograph;}


/*--- SECONDARY ---*/

.secondary a{color:#336699;}
.secondary a:hover{text-decoration: underline;}
.secondary h2{font-family: 'Helvetica','ヒラギノ角ゴシック','Hiragino Sans',sans-serif; font-weight:300; font-size: 2.0em; margin: 30px 0 40px;}
.secondary h5{margin: 35px 0 0;}
.secondary table{max-width: 550px; margin: -1em auto; border-collapse: separate; border-spacing: 1em;}
.secondary li{ padding-left: 2px; font-size:1.4em; text-align: justify; text-justify: inter-ideograph;}
.secondary ul{padding: 0.7em 0 0.7em 1em;}
.secondary ul li{list-style: '・';}
.secondary ol{padding: 0.7em 0 0.7em 1.8em;}
.secondary ol li{list-style: decimal; padding-bottom: 5px;}
.secondary hr{margin: 8px 0;}

.recruit h5{text-align: center; margin-bottom:15px;}
.recruit{max-width: 550px; margin:0 auto;}

.contact-form{background:#F5F5F5; margin:40px auto 0; padding:35px 25px; width:100%; max-width:550px; line-height:1.4; font-size:1.4em;}
.contact-form dt{margin-bottom:5px;}
.contact-form dd{margin-bottom:15px;}
.contact-form span{margin: 0 !important;}
.contact-form .required{color:#BB0000; font-size:10px; font-weight:600; vertical-align:text-bottom; display:inline-block;}
.contact-w input{width:100%;}
.contact-n input{width:50%; min-width:150px;}
.contact-form textarea{width:100%; height:200px;}
.radio input{vertical-align:baseline; height:auto;}
.radio .wpcf7-list-item-label{margin-right:15px !important; vertical-align:middle;}
p.submit{text-align:center; line-height:1; margin-top:30px;}
.submit input{border:none; background:#444; color:#FFF; font-size:12px; font-weight:600; line-height:19px; width:70px; border-radius: 0;}
.privacy-policy-check .wpcf7-list-item-label{display: none;}

.mm-button{display: block; margin:0 auto; height: 50px; width:200px; text-align: center; font-size: 1.4em; line-height: 50px; border: 1px solid #333; cursor :pointer;}
.mm-input{display: none;}
.mm-form{display: none; opacity: 0; margin:0 auto; padding:0; width:100%; max-width:550px;}
.mm-input:checked + .mm-form {display: block; opacity: 1; margin:30px auto 50px; transition: 0.3s;}
.mail-magazine h5{margin:0 0 5px;}
#mm-sub{height: 849px;}
#mm-unsub{height: 306px;}


/*--- ANTIQUE WATCH ---*/

.AW-items{text-align: center; margin: 0 0 -25px;}
.AW-items img{width: 100%; border-bottom: 1px solid #888; border-top: 1px solid #888; box-sizing: border-box;}
.AW-secondary p{text-align: center; font-size:1.4em; margin: 50px 0 ;}
.AW-secondary a{display: inline-block;}

.AW-tertiary {text-align: center;}
.AW-tertiary p{text-align: center;}
.AW-tertiary a{
    margin: 0 auto 20px;
    display: block;
    vertical-align: top;
    width:75%;
    max-width:300px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);}
.AW-tertiary a:hover,.AW-tertiary img:hover{
    opacity:1 !important;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);}

.AQ-page h3{margin-bottom: 0; font-size: 2.7em; font-weight:600;}

.lediesaq-about img{margin: 15px auto;}
.lediesaq-about div{display: inline-block;}
.ledies-about-info{text-align: center; border-top:1px solid #575757; padding:20px 0;}
.ledies-about-info .txt{display: inline-block;}
.ledies-about-info h4{font-size:18px; font-weight:bold; margin-bottom: 10px;}
.ledies-about-info ol{padding: 0.7em 0 0.7em 1.8em;}
.ledies-about-info ol li{ padding-left: 2px; font-size:1.4em; text-align: justify; text-justify: inter-ideograph; list-style: decimal; padding-bottom: 5px; line-height: 1.4;}	


/*--- ORIGINAL WATCH ---*/

.OW-items{text-align: center; margin: 0 0 -30px;}
.OW-items img{width: 100%; border-bottom: 1px solid #888; border-top: 1px solid #888; box-sizing: border-box; margin-bottom: 30px;}

.OW-secondary p{text-align: center; font-size:1.6em; margin: 35px 0 ;}
.OW-secondary a{display: inline-block;}

.OW-tertiary {text-align: center;}
.OW-tertiary p{text-align: center;}
.OW-tertiary a{
    margin: 0 auto 40px;
    display: block;
    vertical-align: top;
    width:60%;
    max-width:300px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);}
.OW-tertiary a:hover,.OW-tertiary img:hover{
    opacity:1 !important;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);}

.OW-page h3{margin-bottom: 0;}

.OW-function div, .OW-detail div{display: inline-block; vertical-align: top;}
.OW-function{margin: 0 -15px -25px;}
.OW-function div{padding: 0 15px 25px;}
.OW-function h4{line-height: 1.2; font-size: 2.5em; margin-right: 5px;}
p.function-s{font-size: 1.2em; font-weight: lighter; margin-bottom: 8px;}

.OW-detail{margin: 0 -15px -30px;}
.OW-detail div{padding: 0 15px 30px;}
.OW-detail img{width: 100%;}
.OW-detail h5{margin:8px 0;}

div.OW-detail-1column{width:100% !important;}
div.OW-detail-1column img{width:calc( 50% - 15px ); vertical-align: top;}
div.OW-detail-1column div{display: inline-block; width:calc( 50% + 15px ); vertical-align: top; padding-right: 0;}

.OW-spec{text-align: center;}
.OW-spec img{margin: 15px auto; width: 200px;}
.OW-spec div{display: inline-block;}
.OW-spec h4{text-align: center; margin-bottom: 10px; font-size: 2.6em; line-height: 1.3;}
.OW-spec p{margin-bottom: 10px;}
.OW-spec table{font-size: 1.2em; margin-bottom: 15px;}

.faq h2{line-height: 1.7;}
a.faq-link{color:#444;}
.faq h5{background-color:#E8E8E8; padding:10px 15px 10px 40px; text-align:center; margin-top:10px; position: relative;}
.faq h5:before{
    position: absolute;
    content: '';
    top:calc( 50% - 0.5em );
    left:1em;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #444;
    border-right: 1px solid #444;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.faq h3{text-align:left; border-bottom:1px solid #444; padding-bottom:10px; margin-bottom:20px;}
.faq dl{margin-bottom:40px;}
.faq dt{margin-top:0; font-size:1.6em; vertical-align:middle; font-weight:bold;}
.faq dt span{font-size:1.5em;font-family:'Iowan Old Style','Times New Roman',serif; margin-right:3px; vertical-align:middle; color:#CCC;}
.faq dd{font-size:1.4em; text-align: justify; text-justify: inter-ideograph;}


/*--- MODAN WATCH ---*/

.MW-page .cap{font-size: 11px;}

.MW-items{text-align: center; margin: 0 0 -30px;}
.MW-items img{width: 100%; border-bottom: 1px solid #888; border-top: 1px solid #888; box-sizing: border-box; margin-bottom: 30px;}
.MW-items-3{text-align: center; font-size:0;}
.MW-items-3 a img{width: calc( 96% / 3 ); border-right: 1px solid #888; box-sizing: border-box; margin-bottom: 0; margin-right: 2%; padding-right: 2%;}
.MW-items-3 a img.lastchild{margin-right: 0; padding-right: 0; border-right: none;}
.MW-items-2{text-align: center; font-size:0;}
.MW-items-2 a img{width: calc( 50% - 10px ); border-bottom: 1px solid #888; border-top: 1px solid #888; box-sizing: border-box; margin-bottom: 0; margin-right: 20px;}
.MW-items-2 a img.lastchild{margin-right: 0;}
.MW-page h3{margin-bottom: 0;  font-size: 2.7em; font-weight:600;}
.MW-button-area{text-align: center;}
.MW-button-area .button-darkgray{font-size: 1.6em; margin:4px;}

/*--- wempe ---*/
.mp-about img{margin: 15px auto;}
.mp-about div{display: inline-block;}

/*--- aero ---*/
.aw-about .column-1 .column-1-img{margin: 15px auto 24px; width: 50%; display: block;}
.aw-about-subimg {margin-top: 24px;}
.aw-about .column-3{width: 30.5%; margin-right: 4%; display: inline-block; vertical-align: text-top;}
.aw-about .column-3:last-child{margin-right: 0;}
.aw-Interview .profile{margin-bottom: 24px;}
.aw-Interview .profile .profile-img{width: 32%; display: inline-block; margin-right: 3%;}
.aw-Interview .profile .profile-txt {width: 63%; display: inline-block; vertical-align: top;}
.aw-Interview .profile .profile-txt .note {font-size: 11px;}
.aw-Interview .profile .profile-txt .name {font-size: 16px; font-weight: bold;}
.aw-Interview .profile .profile-txt .copy {font-size: 16px; font-weight: bold; text-align: center; margin-top: 16px;}
.aw-Interview .profile .profile-txt .copy span{display: inline-block;}
.aw-Interview .comment p {margin-bottom: 24px;}

.column-TB div{width:calc(50% - 15px); display: inline-block; vertical-align: top;}
.column-TB-L{margin-right:30px;}


/*--- ARCHIVE ---*/

.archive article{padding: 0 20px 80px; max-width: 1024px; margin: 0 auto;}

article.media{padding: 0 30px 80px; max-width: 884px;}
.media > div{margin: 0 -15px; font-size:0;}
.media section{display: inline-block; margin: 0 15px 40px; width: calc( 50% - 30px ); text-align: center; vertical-align: top;}
.media h2{margin: 40px 20px;}
.media h5{font-size: 16px; margin:0; line-height: 1.3; font-feature-settings: "palt";}
.media h6{font-size: 12px; margin:0; line-height: 1.3;}
.media section div{margin:10px 0; border-top:1px dotted #AAA; border-bottom: 1px dotted #AAA; position: relative;}
.media section div:before{content: ''; display: block; padding-top: 150%;}
.media img{width: 100%; height: 100%; padding:10px 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; object-fit: contain; font-family:'object-fit: contain;'; }

.pagination{text-align: center; font-size: 1.4em; line-height: 1;}
.page-numbers li{display: inline-block;}
.pagination a,.pagination span{display: inline-block; width: 30px; height: 30px; line-height: 29px; color:#FFF; margin:0 1px; border: 1px solid #CCC; background: #CCC;}
.page-numbers span.current{color:#CCC; background: #FFF;}


/*---------------- footer ----------------*/

footer{width: 100%; text-align: center;}
footer a{color: #444;}

.ankle{background-color: #E8E8E8; padding: 40px 0; font-weight: lighter;}
.ankle h1{width: 160px; margin: 0 auto;}
.ankle nav{display: none;}

.copyright{background-color: #FFF; padding: 15px 10px; font-size: 1.2em;}


/*------------------------------------------------------ 
                SHELLMAN TIMES
------------------------------------------------------*/

body.timesWarp {
    background-image: url(img/st-bg-optimize.jpg);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: cover;
    background-color:transparent !important;}

/*--- header ---*/

.timesWarp {min-width: 320px;}

.sp-head h1.timeslogo img{height: 60px; width: auto; vertical-align: middle; margin-left: 5px; margin-top: 15px;}
.timesWarp .sp-head-fix{background-image: url(img/st-bg-optimize.jpg); background-position: center top; background-repeat: repeat-y; background-size: cover; height: 135px;}
.cat-menu.pc {display: none;}
.drawer-menu-cat {width: 80%; margin: 0 auto; margin-bottom: 24px;}
.drawer-menu-cat li{font-size: 1.3em; font-weight: lighter; margin-bottom: 15px; font-family:'Helvetica', sans-serif;  display: inline-block; border-right: #333 1px solid; padding: 0 10px;}

/*--- gallery ---*/

main.gallery{padding-top: 135px;}

.gallery article{width: 100%;}
.galleryContener section{width: 50%; float: left;}
.galleryContener section figure img {width: 100%; height: 300px; object-fit: cover; font-family: 'object-fit: cover; object-position: bottom;'}
.galleryContener section figure { position: relative; overflow: hidden;}
.galleryContener section figcaption { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0,0,0,.6); -webkit-transition: .3s; transition: .3s; opacity: 0; color: #FFF; text-align: center; padding: 15% 5% 0 5%;}
.galleryContener figure:hover figcaption { opacity: 1;}
.galleryContener section figcaption h3 { font-size: 14px; white-space: normal; margin-bottom: 24px;}
.galleryContener section figcaption p {font-size: 12px; line-height: 1.5em; margin-bottom: 24px;}
.galleryContener section .link-btn {color: #FFF; padding: 6px; border: 1px solid #FFF; display: inline-block; width: 100%; font-size: 12px;}
.galleryContener section .link-btn:hover {background: #FFF; color: #000;}
.galleryContener section .sold {color: #FFF; padding: 6px; background: #bb0000; display: inline-block; width: 50%; font-size: 12px;}
.galleryContener section .hold {color: #FFF; padding: 6px; background: #7b7b7b; display: inline-block; width: 50%; font-size: 12px;}
.galleryContener {font-size: 0; overflow: hidden;}
.paginationArea {overflow: hidden; clear: both; padding: 15px 0;}
.times-item {opacity: 0;}
.times-spec {font-size: 12px; line-height: 1.5em;}

.timesWarp .paginationArea{padding: 16px 0;}
.timesWarp .page-numbers span.current{color:#444; background: #FFF;}
.timesWarp .pagination a, .timesWarp .pagination span{width: 28px; height: 28px; font-size: 0.9em; line-height: 28px; border: none; background: #444;}

/*--- footer ---*/

.ankle.foot02{ background-color: rgba(255, 255, 255, 0.5);}
.ankle.foot02 h1{width: 140px;}
.copyright.foot02{ background-color: rgba(255, 255, 255, 0.5); padding-top:0;}

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

    .timesWarp .sp-head-fix{height: 160px;}
    .sp-head h1.timeslogo img{height: 100px;}
    main.gallery{padding-top: 160px;}
    
	.galleryContener section figcaption {padding: 20% 5% 0 5%;}
    .galleryContener section{width: 25%; float: left;}
	.galleryContener section figure img {width: 100%; height: 300px; object-fit: cover;}
	.times-spec {font-size: 14px; line-height: 1.5em;}
    
}

@media screen and (min-width:1024px) {
    
    .pc-head.times h1{width: 620px; margin: 25px auto;}
    .paginationArea.sp {display: none;}
    
    main.gallery{padding-top: 0;}
    .galleryContener section figcaption {padding: 20% 5% 0 5%;}
    .galleryContener section{width: 20%; float: left;}
	.galleryContener section figure img {width: 100%; height: 420px; object-fit: cover;}
	.galleryContener section .link-btn {color: #FFF; padding: 6px; border: 1px solid #FFF; display: inline-block; width: 60%; font-size: 12px;}

    .timesWarp .cat-menu.pc ul li{margin: 6px 0;}
    .times .pc-menu li:after, .times .pc-menu-last li:before{background-color: #333333;}
    .timesWarp .ankle.foot02 li {line-height: 2em;}
    
    
    
}


/*--------------------------------------
 タブレットとスマホの間 / column break
--------------------------------------*/

@media screen and (min-width:420px) {
    .media section{width: calc( 33.333% - 30px );}
}
@media screen and (min-width:580px) {
    #mm-sub{height: 701px;}
    #mm-unsub{height: 284px;}
}


/*------------------------------------------------------
 PC , TABLET
------------------------------------------------------*/

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

    /*---------------------- main ----------------------*/
    
    .stores section{width: calc( 50% - 20px );}
    .main-visual-sp{display: none;}
    .main-visual-pc{display: block;}
    
    .secondary h2{margin: 40px 0 50px;}
    .contact-form{padding:35px 40px;}
    
    section.AW-tertiary {padding-bottom:80px;}
    .AW-tertiary .bg-inner div{margin: 0 -15px;}
    .AW-tertiary a{display: inline-block; margin: 0 15px; width:calc( 33.333% - 30px); max-width:initial;}
    
    .OW-items{margin: 0 0 -50px;}
    .OW-items img{margin-bottom: 50px !important;}
    .OW-secondary p{font-size:1.8em; margin: 70px 0 ;}
    .OW-tertiary .bg-inner div{margin: 0 -15px;}
    .OW-tertiary a{display: inline-block; margin: 0 15px; width:calc( 33.333% - 30px); max-width:initial;}
    .OW-function div, .OW-detail div{width: 50%;}
    .OW-spec{text-align: left;}
    .OW-spec img{display: inline-block; vertical-align: top; width: 280px;}
    .OW-spec div{margin-left: 30px; margin-top: 10px; width: calc( 100% - 310px ); vertical-align: top;}
    .OW-spec h4{text-align: left;}

    .col-break{break-before: column;}
    
    .media section{width: calc( 20% - 30px );}
    .media h5{font-size: 18px;}
    .media h6{font-size: 14px;}
    
    .MW-items{margin: 0 0 -50px;}

    .mp-about img{display: inline-block; vertical-align: top; width: 350px;}
    .mp-about div{margin-left: 30px; margin-top: 10px; width: calc(100% - 380px); vertical-align: top;}
	    
    .aw-about .column-1 .column-1-img {width: 34%; display: inline-block; margin-right: 3%;}
    .aw-about .column-1 p.column-1-txt {width: 62%; display: inline-block; vertical-align: top; margin-top: 15px;}
    .aw-Interview .profile {width: 70%; margin: 0 auto 48px; padding-top: 24px;}
    .aw-Interview .profile .profile-img{width: 25%;}
    .aw-Interview .profile .profile-txt {width: 71%;} 
    .aw-Interview .profile .profile-txt .note {font-size: 13px;}
    .aw-Interview .profile .profile-txt .name {font-size: 20px;}	
    .aw-Interview .profile .profile-txt .copy {font-size: 30px; text-align: left;}
    .aw-Interview .comment p {width: 60%; margin-right: 3%; display: inline-block;}
    .aw-Interview .comment img {width: 32%; vertical-align: top;}
	
	.column-LR img{margin-right:20px;}
	.column-LR img, .column-LR div{width:calc( 50% - 10px ); display: inline-block; vertical-align: top;}
	
	.lediesaq-about img{display: inline-block; vertical-align: top; width: 350px;}
    .lediesaq-about div{margin-left: 30px; margin-top: 10px; width: calc( 100% - 380px ); vertical-align: top;}
	
}


@media screen and (min-width:1024px) {
    
    /*---------------------- header ----------------------*/ 
    
    .sp-head{display: none;}
    .pc-head{display: block; text-align: center;}
    .pc-head h1{width: 160px; margin: 25px auto;}
    
    .pc-menu{margin-bottom: 20px;}
    .pc-menu li{
        display: inline-block;
        font-size: 1.3em;
        font-weight: lighter;
        font-family: 'Iowan Old Style','Times New Roman','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',serif;
        line-height: 1.4;
        padding: 0 15px;
        vertical-align: middle;
        position: relative;
        max-width: 100%;}
    .pc-menu li em{font-size: 0.7em; font-style: normal;}
    .pc-menu li:after,
    .pc-menu-last li:before{
        content: "";
        width: 1px;
        height: 20px;
        top: 50%;
        position: absolute;
        background-color: #E8E8E8;
        margin-top:-10px;}
    .pc-menu li:after{left: 0;}
    .pc-menu-last li:before{right: 0;}
    
    
    /*---------------------- main ----------------------*/
    
    #main-visual{height: 550px;}
    
    .content img{margin-bottom: 15px;}
    
    #stores , #about{padding-top: 0; margin-top: 0;}
    
    .OW-function h4,p.function-s{display: inline-block;}
    .OW-function h4{font-size: 2.3em;}
    p.function-s{font-size: 1em;}


    /*---------------------- footer ----------------------*/
    
    .ankle h1{width: 220px; margin:0 auto 40px;}
    .ankle nav{display: block;}
    .ankle ul{font-size: 1.4em; margin-bottom: 25px; font-family: 'Helvetica','YuGothic','Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;}
    .ankle li{display: inline-block; margin: 0 10px;}
    .ankle p{font-size: 1.2em;}
    .cat-menu.pc {padding: 2% 10%; background-color: rgba(255, 255, 255, 0.5); display: block;}
    .cat-menu.pc ul {text-align: center;}
    .cat-menu.pc ul li{font-size: 14px; line-height: 1.2em; padding: 0 10px; margin-bottom: 12px; display: inline-block; border-right: #333 1px solid;}
    .cat-menu.pc ul li:last-child{border-right: none; margin-bottom: 0;}
    a[href^="tel:"] {pointer-events: none; font-weight: bold;}
}