/*
Theme Name:AMORE Child
Theme URI:
Description:AMORE子テーマ
Template:amore
Author:ADUPT
Author URI:https://adupt.jp
Version:999
*/

/* @import url("./css/slick-override.css"); */
/* ---------------------------------------------------------------
サイト共通
--------------------------------------------------------------- */
/* ドロップダウンメニュー */
.dropdown-menu {
    min-width: 220px !important;
}

.right-menu {
    margin-right: 12em !important;
}
.navbar{
    position: relative;
}
.navbar .language-select{
    position: absolute;
    top:20%;
    right: 0;
}

.amore-child .article, 
.amore-child .article p {
    font-size:13px;
    line-height:2.4;
}
.amore-child .article { 
    margin-bottom:80px; 
}
.amore-child #t01, 
.amore-child #t02, 
.amore-child #t03 { 
    padding-top:110px !important; 
    margin-top:-110px !important; 
}
.amore-child ul {
    margin:0; 
    padding-left:1.5em;
}
.amore-child ol  { 
    margin:0; 
    padding-left:2em;
}
.amore-child ul li,  
.amore-child ol li {
    line-height:1.6; 
    margin-bottom:1em;
}
.amore-child ul li span, 
.amore-child ol li span {
    display:block; 
    color: #555;
    font-size:12px;
    line-height:1.4;
}
.amore-child .page_headline1 { 
    margin-bottom:1.1em !important;
    color:#248c01;
    font-size:30px; 
    line-height:1.6; 
    font-weight:500;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.amore-child .page_headline2 { 
    margin-bottom:1em !important; 
    font-size:24px;
    line-height:1.6; 
    font-weight:bold; 
}
.amore-child .page_headline3 { 
    margin: 2.4em 0 1em !important;
    font-size:16px;
    line-height:1.6; 
    font-weight:bold; 
}

.top-headline {
    font-size: 35px !important;
}

/* マージン */
.amore-child .fs110{
    font-size: 1.1em;
}
.amore-child .fs100{
    font-size: 1em;
}
.amore-child .fs85{
    font-size: .85em;
}

/* ボタン */
ul.btn {
  text-align: center;
  padding: 0;
  padding-left: 0 !important;
  width: 100%;
}
.btn .btn-open {
  display: inline-block;
  width: 100%;
  height:50px;
  text-align: center;
  background-color: #111;
  font-size: 16px;
  line-height: 2.75em;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #111;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn .btn-open:after{
  width: 100%;
  height: 0;
  content:"";
  position: absolute;
  top: 50%;
  left: 50%;
  background : #E30000;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transition: .2s;
  z-index: -1;
}
.btn .btn-open:hover{
  color: #fff;
  border: 2px solid #E30000;      
}
.btn .btn-open:hover:after{
  height: 2000%;
  opacity: 1;
}
.btn .btn-open:active:after{
  height: 3000%;
  opacity: 1;
}

/* 2列バナー */
.bannr_2.wrap{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 6em;
}
.bannr_2.wrap div{
    width: 48%;
}

/* フッタ */
.footer_main .amore-section div.row{
	width: 100% !important;
}


/* ---------------------------------------------------------------
トップページ
--------------------------------------------------------------- */
/* サークルバナー右 */
.home #third div:nth-child(3) > div.circle-banner > a > div.cover{
    border: solid 1px #CCC;
}
.home h4.third-banner-headline,
.home h4.fifth-banner-headline{
    font-size: 1.7em;
    font-weight: bold;
}
.home .third-banner-body {
    min-height: 180px;
}
.home .btn li{
    list-style: none;
}
.home .row.amore-section{
    padding-bottom: 3em;
}
.home .amore-welcome-top h2 {
    font-size: 2.1em;
    color: #E30000;
    font-weight: bold;
}
.home .amore-welcome-top div.second-body {
    font-size: 1.2em;
}

/* ---------------------------------------------------------------
メニュー
--------------------------------------------------------------- */
#menu #bread_crumb {
    padding: 0 0 0;
}

#menu .wrap{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    width: 100%;
    padding-top: 100px;
    margin-top:-100px;
    margin-bottom: 3em;
}
#menu #pgnav.wrap{
    justify-content: flex-start;
    padding-left: 0;
}
#menu .wrap h3,
#menu .pickup_list_wrap > h3{
    width: 100%;
    border: none;
    background-color: #E30000;
    color: white;
    font-weight: bold;
    line-height: 100%;
    padding: .85em;
    border-radius: .3em;
}

#menu .wrap div{
    width:48%;
    margin-bottom: 2em;
    margin-top: .8em;
}
#menu .wrap div.doc{
    width: 100%;
    margin-bottom: 1em;
    margin-top: 0;
}
#menu .wrap div.doc p{
    margin-bottom: 0;
    padding-bottom: 0;
}
#menu #pgnav.wrap li{
    width: 25%;
    list-style: none;
    border-left: dotted 1px #666;
    margin-left: 0;
    text-align: center;
    padding: 0 1.5em;
}
#menu #pgnav.wrap li a span{
    display: inherit;
    color: #333;
    padding-right: .5em;
}
#menu #pgnav.wrap li:nth-child(4n),
#menu #pgnav.wrap li:last-child{
     border-right: dotted 1px #666;
}
#menu .wrap div img{
    width: 100%;
    height: 350px;
    object-fit: cover;     
    margin-bottom: 2em;
}
#menu .wrap div h4{
    padding: 0;
    font-weight: bold;
    font-size: 1.35em;
    color: #E30000;
    border-bottom: solid 1px #E30000;
    padding-bottom: .75em;
    margin-bottom: 1.2em;
    margin-top: .5em;
}

#menu .wrap div dl{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;    
    width: 100%;
    border-bottom: dotted 1px #CCC;
    padding-bottom: .5em;
}
#menu .wrap div dl dt{
    width: 82%;
    line-height: 1.6em;
    margin-bottom: 1em;
}
#menu .wrap div dl dt span{
    display: block;
    font-size: 0.85em;
    color: #CCC;
}
#menu .wrap div dl dd{
    line-height: 1.6em;
}
/* ---------------------------------------------------------------
店舗情報
--------------------------------------------------------------- */
.amore-child .shop_img .show_img img {
    width: 100%;
    height: 220px;
    object-fit: cover; 
}

.amore-child #shop_message h4{
    font-size: 2em;
    color:#E30000;
    font-weight: bold;
}

.amore-child .single-page h3.top-headline2 {
    margin-bottom: 20px;
    font-size: 1.5em;
}

.amore-child #shop_news{
    margin-bottom: 2em;
}

.amore-child #shop_logo{
    margin-bottom: 10em;
}
.amore-child #shop_logo div:nth-of-type(1){
    float: left;
    padding-left:0;
    width: 70%;
}
.amore-child #shop_logo div:nth-of-type(2){
    float: right;
    height: 7em;
}
.amore-child #shop_logo div:nth-of-type(2) img{
    height: 100%;
    margin-left: .5em;
}

.amore-child #shop_logo h4{
    font-size: 1.25em;
    font-weight: bold;
    color: black;
    padding-right: 1em;
    float: left;
}
.amore-child #shop_logo ul{
    margin-top: 0.8em;
    margin-bottom: 0;
}
.amore-child #shop_logo li{
    list-style:none;
    text-indent: -9999px;
    display: inline-block;
    margin-right: .5em;
}
.amore-child #shop_logo li a{
    display: block;
    width: 18px;
    height: 18px;
}
.amore-child #shop_logo li.shop_facebook a{
    background: url("images/common/ico_facebook.png") no-repeat;
    background-size: 100%;
}
.amore-child #shop_logo li.shop_twitter a{
    background: url("images/common/ico_twitter.png") no-repeat;
    background-size: 100%;
}
.amore-child #shop_logo li.shop_instagram a{
    background: url("images/common/ico_instagram.png") no-repeat;
    background-size: 100%;
}
.amore-child #shop_logo p{
    line-height: 170%;
    margin: 0;
}
.amore-child #shop_info_table{
    margin-bottom: 3em;
}
.amore-child #shop_info_table th{
width: 20%;
    background-color: #EFEFEF;
    font-weight: bold;
    color: black;
    text-align: center;
}

.amore-child #shop_info_button li{
    list-style: none;
    width: 32.1%;
    margin-right: 2%;
    display: inline-block;
}
.amore-child #shop_info_button li:last-child .btn-open {
  background-color: #FF7500;
  border: 2px solid #FF7500;
}

.amore-child #shop_access .map iframe{
    width: 100%;
    height: 400px;
}


/* youtube動画 */
.mv_container{
  width: 100%;
 max-width: 1050px;    
  margin: 0 auto 3em;
}
.mv_list {
  flex-wrap: wrap;
  margin: 40px -20px 0;
  display: flex;
  justify-content: flex-start;    
}
.single-page ul.mv_list{
    padding: 0;
    margin-top: 5em;
    margin-bottom: -2em;
} 
.mv_list li {
    box-sizing: border-box;
    margin-top: -3em;
    margin-bottom: 20px;
    margin-right: 1.3%;
    text-align:center;
    opacity: 1;
    height:auto;
    /*    
    flex-basis: calc(25.4% - 20px);
    max-width: calc(25.4% - 20px);
    */
    width: 24%;
    transition: all .4s ease 0s;
    overfllow:hidden;
    list-style: none;
}

.mv_list li:nth-child(4n){
    margin-right: 0;
}
.mv_list li.is-hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0 10px;
  padding:0;
}
.mv_list li img{
    width: 100%;
    height: 75%;
    object-fit: cover;
}
.more {
  text-align: center;
  width: 100%;
  padding: 0;
}
button {
  background-color: #5C6BC0;
  border: none;
  cursor: pointer;
  outline: none;
  color:#fff;
  padding: 0;
  line-height: 40px;
}
.mv_container .btn .btn-open {
    background-color: #FFF;
    color: #333;
    border: 1px solid #CCC;
}
.mv_container .btn .btn-open:hover{
  color: #fff;
  border: 1px solid #E30000;      
}

/* ---------------------------------------------------------------
会社案内
--------------------------------------------------------------- */
#company .article .com_info h4 {
    font-size: 2em;
    color: #E30000;
    font-weight: bold;
}
#company .article .com_info p {
    font-size: 1.25em;
}
#company .article .com_info dl {
    font-size: 1.15em;
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    width: 100%;
    border-bottom: dotted 1px #CCC;
    padding-bottom: .5em;
}
#company .article .com_info dl:first-of-type {
    margin-top: 3em;
    border-top: dotted 1px #CCC;
    padding-top: 1.5em;
}
#company .article .com_info iframe {
    margin-top: 3em;
}
#company .article .com_info dl dt{
    width: 18%;
}
#company .article .com_info dl dd{
    width: 82%;
}

/* ---------------------------------------------------------------
お知らせ
--------------------------------------------------------------- */
#share_top1 {
    margin: 30px 0 15px !important;
}

/* ---------------------------------------------------------------
画面サイズ
--------------------------------------------------------------- */
/* 1200px以上 */
@media only screen and (min-width: 1200px){
    .home .third-banner-body {
        min-height: 150px;
    }    
}
/* 991px〜771px */
@media only screen and (max-width: 991px){
    .navbar .language-select{
        right: 10%;
    }
    .home .third-banner-body {
        min-height: 240px;
    }    
    .amore-child .shop_img .show_img img {
        height: 400px;
        margin-bottom: 1.5em;
    }
    
    .single-page ul.mv_list {
        margin-top: 6em;
    }
    .mv_list li {
        width: 49%;
        margin-right:2%;
        margin-top: -4em;
    }
    .mv_list li:nth-child(2n) {
            margin-right: 0;
    }
}
/* 771px以下 */
@media only screen and (max-width: 771px){
    .navbar .language-select{
        right: 17%;
    }
    .bannr_2.wrap{
        padding-bottom: 1em;
    }      
    .bannr_2.wrap div{
        width: 100%;
        margin-bottom: 1em;
    }    
    .home .third-banner-body {
        min-height:inherit;
    }
    .home .btn li {
        margin-bottom: 1em;
    }
    .home .fifth-banner-btn{
        margin-bottom: 4em;
    }
    .single-page ul.mv_list {
        margin-top: 3.5em;
    }    
    .mv_list li {
        width: 49%;
        margin-right:2%;
        margin-top: -2em;
    }
    .mv_list li:nth-child(2n) {
        margin-right: 0;
    }
    
    .amore-child #shop_logo {
        padding-bottom: 2em;
        margin-bottom: 5em;
    }
    .amore-child #shop_logo ul li {
        line-height: .5;
    }   
    .amore-child #shop_logo ul li a {
        width: 24px;
        height: 24px;
    }    
    .amore-child #shop_logo div:nth-of-type(1) {
        float: none;
        padding-left: 0;
        width: 100%;
        margin-bottom: 1em;
    }    
    .amore-child #shop_logo div:nth-of-type(2) {
        float: none;
    }
    .amore-child #shop_logo div:nth-of-type(2) img {
        height: auto;
        margin-right: 1em;
    }
    .amore-child #shop_logo div:nth-of-type(2) img:last-of-type {
        margin-right: 0;
    }    
    .amore-child #shop_info_table th, .amore-child #shop_info_table td {
        display: block;
        width: 100%;
    }
    .amore-child #shop_info_button li {
        width: 100%;
        margin-right: 0%;
        display: block;
    }
    
    #menu .wrap{
        display:inherit;
        flex-wrap:nowrap;
        justify-content:center;
    }
    #menu .wrap div{
        width:100%;
        margin-bottom: 4em;
    }
    #menu #pgnav.wrap{
        display: flex;
        flex-wrap:wrap;
        justify-content: space-between;
        width: 100%;
    }
    #menu #pgnav.wrap li{
        width: 50%;
        border:solid 1px #CCC;
        border-bottom: none;
        padding: .5em;
        margin-bottom: 0;
    }
    #menu #pgnav.wrap li:nth-child(4n),
    #menu #pgnav.wrap li:last-child{
        border-right:solid 1px #CCC;
    }
    #menu #pgnav.wrap li:nth-child(even){
        border-left: none;
    }
    #menu #pgnav.wrap li:last-child,
    #menu #pgnav.wrap li:nth-last-child(2){
        border-bottom: solid 1px #CCC;
    }
    #menu #pgnav.wrap li a span{
        display: none;
    }
    
    #company .article .com_info dl dt{
        width: 100%;
    }
    #company .article .com_info dl dd{
        width: 100%;;
    }
}