@charset "utf-8";
 body {
font-family: 游明朝, "Hiragino Mincho ProN", "Yu Mincho", YuMincho, メイリオ, Meiryo, sans-serif; text-align: center; line-height: 1.6;
background-color: #fff;
position: relative;
}
.acblue {
color: #232952;
}
a {
text-decoration: none;
color: #000;
}
a:hover {
color: #000;
}
.inner p a{
text-decoration: underline;
color:#232952;
}
.min{
font-family: 游明朝, "Hiragino Mincho ProN", "Yu Mincho", YuMincho, メイリオ, Meiryo, sans-serif !important;
}
.en,
.title:not(.entry .title) {
font-family: 'Playfair Display', serif;
}
.title:not(.entry .title) {
letter-spacing: 0.05em;
}
.normal {
font-weight: normal !important;
}
.bold {
font-weight: 700 !important;
}
small {
font-size: 0.8em;
}
.sml {
font-size: 0.8em !important;
}
.sml9 {
font-size: 0.9em !important;
}
.font1{
font-size:1em !important;
}
.font105{
font-size:1.05em !important;
}
.font11{
font-size:1.1em !important;
}
.font12{
font-size:1.2em !important;
}
.pbtm0{
padding-bottom: 0 !important;
}
.pbtm1{
padding-bottom: 1em !important;
}
.pbtm2{
padding-bottom: 2em !important;
}
.mtop0{
margin-top: 0 !important;
}
.mtop1{
margin-top: 1 !important;
}
.mtop2{
margin-top: 2 !important;
}
.mbtm0{
margin-bottom: 0 !important;
}
.mbtm1{
margin-bottom: 1 !important;
}
.mbtm2{
margin-bottom: 2 !important;
}
.mtop0 .wp-block-group__inner-container{
margin-top: 0 !important;
}
.mtop1 .wp-block-group__inner-container{
margin-top: 1 !important;
}
.mtop2 .wp-block-group__inner-container{
margin-top: 2 !important;
}
.mbtm0 .wp-block-group__inner-container{
margin-bottom: 0 !important;
}
.mbtm1 .wp-block-group__inner-container{
margin-bottom: 1 !important;
}
.mbtm2 .wp-block-group__inner-container{
margin-bottom: 2 !important;
}
.min {
font-family: 游明朝, "Hiragino Mincho ProN", "Yu Mincho", YuMincho, メイリオ, Meiryo, sans-serif;
}
.sans-serif {
font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", 'Noto Sans JP', "メイリオ", Meiryo, sans-serif;
}
.iblock {
display: inline-block;
}
.flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: stretch;
}
.flexAround {
justify-content: space-around !important;
}
.flexStart {
justify-content: flex-start !important;
}
.flexEnd {
justify-content: flex-end !important;
}
.flexCenter {
justify-content: center !important;
} h1,
h2,
h3,
h4 {
font-weight: 500;
}
ul.list {
margin-left: 1.5em;
}
ul.list,
ul.list li {
list-style: disc;
} .w-2 {
width: 48%;
}
.w-3 {
width: 32%;
}
.columns-2 li {
width: 48%;
}
.columns-3 li {
display: block;
width: 32%;
}
.columns-3::after {
content: '';
display: block;
width: 32%;
}
.columns-4 li {
display: block;
width: 23%;
}
.columns-4::before {
content: '';
display: block;
width: 23%;
height: 0;
order: 1;
}
.columns-4::after {
content: '';
display: block;
width: 23%;
height: 0;
}
.columns-5 li {
display: block;
width: 16%;
}
.columns-5::before {
content: '';
display: block;
width: 16%;
}
.columns-5::after {
content: '';
display: block;
width: 16%;
}
ul.columns-6 li {
width: 16%;
}
.forSP,
.forSPi {
display: none;
}
.forPC {
display: block;
}
.forPCi {
display: inline-block;
}
.has-text-align-left {
text-align: left;
}
.has-text-align-center {
text-align: center !important;
}
.has-text-align-right {
text-align: right;
}
.white {
color: #fff;
} .navi-wrp {
display: block;
width: 100%;
} .navi-wrp .menu-title {
display: none;
font-size: 1.2em;
padding: 2em 0 1em;
}
.navi-wrp .menu-logo {
display: none;
} .gnavi-menu{
justify-content: flex-end;
padding:5px 10px;
}
.gnavi-menu .navi-list{
display: inline-block;
position: static;
}
.gnavi-menu .navi,
.sub-navi-wrp .navi{
display: inline-block;
padding:1.2em 1.5em;
text-align: center;
font-size:.9rem;
cursor: pointer;
}
.gnavi-menu .navi .en,
.sub-navi-wrp .navi .en{
display: block;
text-align: center;
position: relative;
}
.gnavi-menu .navi .en{
color:#232952;
}
.sub-navi-wrp .navi .en{
color:#fff;
}
.gnavi-menu .navi .jp,
.sub-navi-wrp .navi .jp{
display: block;
font-size:0.75rem;
padding:0.5rem 0 0;
color:#a59e68;
}
.gnavi-menu .navi-banner{
padding-top: .5em;
}
.gnavi-menu .navi-banner .navi{
padding:.75em 1em;
padding-left:64px;
font-size:.7rem;
border:1px solid #ddd;
border-radius: 3px;
vertical-align: bottom;
position: relative;
margin:0 1em;
background-color:#f9f9f9;
}
@media screen and (max-width:767px){
.gnavi-menu .navi-banner{
padding-top: .5em;
}
.gnavi-menu .navi-banner .navi{
width:230px;
}
}
.gnavi-menu .navi-banner .navi .jp{
font-size:.67rem;
}
.gnavi-menu .navi-banner .navi .icon{
position: absolute;
top:50%;
left: 2px;
width:58px;
height: 58px;
overflow: hidden;
transform: translateY(-50%);
}
.gnavi-menu .navi-banner .navi .icon img{
width:100%;
height: auto;
}
.gnavi-menu .navi-banner.navi-recette .navi .jp{
letter-spacing: -.05em;
}
.gnavi-menu .navi-banner.navi-recette .navi .icon img{
width:130%;
height: auto;
margin-left:-15%;
margin-top: 15%;
}
.gnavi-menu .insta,
.gnavi-menu .facebook{
display: flex;
justify-content: center;
align-items: center;
vertical-align: bottom;
padding:.5em;
}
.gnavi-menu .insta img,
.gnavi-menu .facebook img{
width:100%;
max-width: 26px;
margin: .5em auto;
}
.gnavi-menu .insta a,
.gnavi-menu .facebook a{
opacity: 1;
transition: all .3s;
}
.gnavi-menu .insta a:hover,
.gnavi-menu .facebook a:hover{
opacity: .7;
}
.gnavi-menu .insta a::after{
display: block;
content: 'Instagram';
text-align: center;
font-size:.65em;
margin-top: .25em;
color:#000;
font-family: sans-serif;
}
.gnavi-menu .facebook a::after{
display: block;
content: 'FB PAGE';
text-align: center;
font-size:.65em;
margin-top: .25em;
color:#000;
font-family: sans-serif;
}
@media screen and (max-width:768px) {
.gnavi-menu .facebook{
margin-top: 1em;
}
.gnavi-menu .facebook span{
display: block;
margin-bottom: .5em;
}
}
.sub-navi-wrp{
display: block;
width: 100%;
overflow: hidden;
position: absolute;
top: calc(100% + 1px);
left: 0;
padding: 0 20px;
background-color: rgba(35, 41, 82, .98);
z-index: 999;
opacity: 0;
visibility: hidden;
transform: scaleY(0);
transform-origin: top center;
transition: all .15s 0s ease;
}
.sub-navi-wrp .sub-menu{
display: flex;
justify-content: flex-end;
}
.sub-navi-wrp .sub-menu .navi-sublist{
display: inline-block;
}
.sub-navi-wrp .navi{
color:#fff;
}
.navi .en::after {
content: '';
display: block;
width: 0;
height: 1px;
background-color: #ed2939;
position: absolute;
bottom: -3px;
left: 50%;
}
.navi .en::before {
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #ddd;
position: absolute;
bottom: -3px;
left: 0;
}
.sub-navi-wrp .navi .en::before {
background-color: #999;
}
.navi:hover > .en::after {
width: 100%;
left: 0;
transition: all .3s 0s ease;
}
.navi.has_menu:hover .sub-navi-wrp{
opacity: 1;
visibility: visible;
transform: scaleY(1);
}  .header {
display: block;
position: fixed;
width: 100%;
height: 90px;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, .98);
z-index: 100;
border-bottom: 1px solid #ddd;
}
.header .header-logo {
display: flex;
position: absolute;
top: 0;
left: 0;
}
.header .header-logo .logo {
display: block;
width: 90px;
height: 90px;
padding: 18px 20px;
}
@media screen and (max-width:1024px) {
.header {
height: 70px;
}
.header .header-logo .logo {
width: 70px;
height: 70px;
padding: 15px;
}
}
.header .header-logo .logo img {
height: 100%;
width: auto;
}
.header .header-logo .logo-name {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
font-size: .75em;
line-height: 1.3;
padding-left: .75em;
text-align: left;
padding:1.25em 0;
color: #232952;
}
.header .header-logo .logo-name .en,
.header .header-logo .logo-name .jp{
display: block;
width:100%;
}
.header .header-logo .logo-name .jp{
margin-top: 0.25em;
}
.header .menu-btn {
display: none;
position: absolute;
top: 17px;
right: 20px;
}
.header .menu-btn::before { display: block;
position: absolute;
width: 4.5em;
top: 5px;
left: -5em;
font-size: 0.8em;
text-align: center;
}
.header .menu-btn.on::before { }
.main-contents {
display: block;
width: 100%;
}
.france-border::before {
content: '';
display: block;
width: 8vw;
height: 2px;
background-color: #db3f3f;
background: linear-gradient(90deg, rgba(0, 35, 149, 1) 33%, rgba(255, 255, 255, 1) 33.1%, rgba(255, 255, 255, 1) 66%, rgba(237, 41, 57, 1) 66.1%);
margin: 1.5em auto;
} .contents {
padding-top: 80px;
}
.home .contents {
padding-top: 0;
}
.inner {
width: 100%;
margin: 0 auto;
max-width: 1280px;
padding: 40px;
}
.inner.inner800w {
max-width: 800px;
padding: 40px;
}
.title-wrp {
margin-bottom: 2em;
}
.title {
display: block;
width: 100%;
text-align: center;
margin: 0 auto;
padding: 1em 0;
font-size: 2em;
color: #232952;
}
.title-jp {
padding: 0;
font-size: 1.1em;
color: #a59e68;
}
.decoline::after {
content: '';
display: block;
width: 300px;
height: 30px;
background-image: url(//www.acfrance.com/content/themes/adlab/assets/img/deco_line.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
margin: .5em auto;
}
.decoline.white::after {
background-image: url(//www.acfrance.com/content/themes/adlab/assets/img/deco_line_white.svg);
}
li {
position: relative;
}
.abox {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.abox a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
} .entry-list {
margin: 3em auto 0; }
.entry-list .article {   padding: 20px; margin-bottom: 3%;
position: relative;
background-color: #fff;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.entry-list .article .thumb {
width: 100%;
padding-bottom: 100%;
position: relative;
background-color: #f9f9f9;
}
.entry-list .entry .thumb img {
width: 100%;
height: 100%;
}
.entry-meta-wrp {
padding: 1em .5em 0;
text-align: left;
}
.entry-title {
font-size: 0.9em;
line-height: 1.6;
font-weight: normal;
}
.cat {
display: inline-block;
padding: 0.25em 1.5em;
margin-bottom: 1em;
margin-right: 1em;
font-size: 0.7em;
color: #232952;
border: 1px solid #232952; }
.postdate {
display: inline-block;
font-size: 0.9em;
padding-bottom: 0.5em;
font-family: 'Playfair Display', serif;
font-style: italic
}
.news .postdate,
.news-wrp .postdate {
color: #232952
}
.custompost .thumb {
display: block;
width: 100%;
padding: 0;
padding-bottom: 56%;
position: relative;
overflow: hidden;
margin-bottom: 1em;
}
.thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
} .new-badge {
display: inline-block;
background-color: #e34b4b;
color: #fff;
font-size: .6em;
line-height: 1.4;
padding: .5em 1em .3em;
margin-right: 1.2em;
vertical-align: middle;
} .more-btn {
display: flex;
justify-content: center;
align-items: center;
background-color: #000;
color: #fff;
padding: 0.5em;
width: 5em;
height: 5em;
margin: 30px auto 60px;
font-size: 0.8em;
border-radius: 100%;
position: relative;
}
.more-btn::after {
content: '';
position: absolute;
bottom: 12px;
left: calc(50% - 5px);
width: 10px;
height: 10px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(135deg);
}
.more-wrp {
padding: 30px 0 60px;
}
.more-wrp a {
display: flex;
justify-content: center;
align-items: center;
width: 6em;
height: 6em;
color: #222;
border: 1px solid;
border-radius: 100%;
margin: 0 auto;
font-size: 0.8em;
position: relative;
}
.more-wrp a::after {
content: '';
width: 0.8em;
height: 0.8em;
border-top: 1px solid;
border-right: 1px solid;
position: absolute;
bottom: 1em;
left: calc(50% - 0.4em);
transform: rotate(135deg);
}
.more-wrp a:hover {
color: #e75400;
border-color: #e75400;
}
.more-wrp a:hover::after {} .btn {
display: inline-block;
position: relative;
}
.btn.btn-center {
display: block;
width: 100%;
max-width: 300px;
margin: auto;
}
.btn a {
display: block;
position: relative;
width: 100%;
height: 100%;
padding: .5em 3em;
text-decoration: none !important;
font-size: .9em;
border: 1px solid;
}
.btn-wrp .wp-block-group__inner-container {
display: block;
width: 100%;
text-align: center;
margin: 2em auto 5em;
}
.btn.entry-btn a {
padding: 1em 3em;
min-width: 300px;
font-size: 1em;
background-color: #232952;
color: #fff;
} .footer-group .group {
width: 100%;
max-width: 100%;
padding: 0;
margin: 0 auto;
background-color: #f9f9f9;
}
.footer-group .group .inner {
width: 100%;
max-width: 1200px;
padding: 40px 10px;
margin: 0 auto;
}
.footer-group .group h2 {
width: 100%;
font-size: 1em;
padding: 0 0 1em;
letter-spacing: .05em;
text-align: left;
margin-bottom: .5em;
}
.footer-group .group .biz-gbn-wrp {
width: 28%;
}
.footer-group .group .biz-gbn-wrp {
border-right: 1px solid #ddd;
}
.footer-group .group img {
width: 100%;
height: auto;
}
.footer-group .group .gbn-logo {
width: 55%;
margin-bottom: .5em;
}
.footer-group .group .com-name {
display: block;
font-size: .7em;
padding: 1em 0 0;
font-family: sans-serif;
text-align: left;
}
.footer-group .group .biz-wc-wrp {
width: 70%;
}
.footer-group .group .biz-wc {
width: 18%;
}
.footer-group .group .biz-cr {
width: 75%;
margin: 0 auto;
flex-wrap: wrap;
}
.footer-group .group .biz-cr li {
width: 22%;
}
.footer-group .group .inner li a {
display: block;
}
.footer-group .group .g-logo {
display: block;
width: 100%;
margin: 0 auto;
padding: 0;
}
.footer-group .group .wc-logo {
display: block;
width: 100%;
margin: 0 auto;
padding: 0;
} #footer {
text-align: center;
width: 100%;
background-color: #232952;
position: relative;
padding: 40px;
}
#footer.footer .footer_policy {
display: flex;
justify-content: center;
width: 100%;
max-width: 980px;
padding: 10px;
margin: 0 auto;
}
#footer.footer .footer_policy a {
color: #fff;
display: inline-block;
font-size: 0.8em;
padding: .5em 1em;
}
#footer.footer .footer_policy a:hover {
color: #ccc;
}
#footer .copyright {
display: block;
font-size: 0.7em;
padding: 1em;
color: #fff;
} .lbox-bg {
display: none;
width: 100vw;
height: 100vh;
position: fixed;
z-index: 11;
background-color: rgba(0, 0, 0, 0.8);
top: 0;
animation: fadeout 0.3s ease;
animation-delay: 0s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
left: 0;
}
.lbox-bg.on {
display: block;
animation: fadein 0.3s ease;
animation-delay: 0s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
} #container .index-main.not-found {
padding: 80px 0;
text-align: center;
}
#container .index-main.not-found .page-title {
display: block;
width: 100%;
text-align: center;
font-size: 1.6em;
padding-top: 40px;
color: #222;
}
#container .not-found .message {
text-align: center;
padding: 20px 0 40px;
color: #666;
font-size: 0.8em;
line-height: 1.8em;
letter-spacing: 0.05em;
}
#container .search-area {
width: 100%;
max-width: 640px;
position: relative;
margin: 0 auto 40px;
}
#container .backtohome {
text-align: center;
font-size: 0.9em;
display: inline-block;
}
.sns-wrp{
position: fixed;
top:22%;
right:0;
width:3.25em;
padding:.5em .75em .5em .5em;
background-color:#e9e9e9;
z-index: 10;
}
.sns-wrp li{
display: block;
padding:.25em;
}
@media screen and (max-width:767px){
.sns-wrp{
position: static;
width:100%;
display: flex;
justify-content: center;
margin-top: 3em;
margin-bottom: 5em;
background-color: #fff;
flex-wrap: wrap;
}
.sns-wrp li{
display: block;
width:50px;
padding:.25em;
}
}
.sns-wrp li.sns-label{
height:5em;
}
.sns-wrp li.sns-label span{
display: inline-block;
font-size:.8em;
line-height: 1;
white-space: nowrap;
transform: translateX(33%) rotate(90deg);
transform-origin: 0 0; }
@media screen and (max-width:767px){
.sns-wrp li.sns-label{
width:100%;
height:auto;
}
.sns-wrp li.sns-label span{
font-size:1em;
transform: translateX(0) rotate(0);
margin-bottom: 1em;
}
}
.sns-wrp li img{
width:100%;
height:100%;
object-fit: contain;
}
@media screen and (max-width:1200px){
.gnavi-menu .navi, .sub-navi-wrp .navi{
font-size:.8rem;
padding:1.2em;
}
.gnavi-menu .navi .jp, .sub-navi-wrp .navi .jp{
font-size:.7rem;
}
}
@media screen and (max-width:1024px){ .header .menu-btn {
display: block;
}
.navi-wrp {
display: none;
width: 100%;
height: 100vh;
order: 1;
position: fixed;
top: 0;
right: 0;
background-color: rgba(255, 255, 255, 98);
z-index: 99;
transform: translateY(70px)
}
.navi-wrp .menu-title {
display: block;
font-size: 1em;
padding: 2em 0 1em;
}
.navi-inner {
width: 100%;
height: 80vh;
overflow: auto;
margin: 2em auto;
}
.navi-inner {
margin: 1em auto;
}
.gnavi-menu.flex{
display: block;
}
.navi-list {
width:100%;
}
.navi-list .navi{
padding:1em;
}
.sub-menu.flex{
display: block;
}
.sub-navi-wrp{
position: static;
opacity: 1;
visibility: visible;
transform: scaleY(1);
background-color:transparent;
}
.sub-navi-wrp .navi .en{
color:#232952;
}
.gnavi-menu .navi .en::before,
.sub-navi-wrp .navi .en::before{
display: none;
}
.navi .en::after{
width:4em;
margin: .5em auto .25em;
position: static;
}
.navi:hover > .en::after {
width: 4em;
left: 0;
}
.navi.has_menu > .en::after{
background-color:#ddd;
}
} @media print {
.forSP,
.forSPi {
display: none;
}
}
@media screen and (max-width:896px) {
.forSP {
display: block;
}
.forPC {
display: none;
}
body {
padding-top: 70px;
}
@media screen and (max-width:767px) {
body {
font-size: 14px;
}
@media screen and (max-width:320px) {
body {
font-size: 13px;
}
}
}
.columns-3 li {
width: 100%;
}
.columns-4 li {
width: 48%;
}
.columns-4::before {
width: 48%;
} .contents {
padding-top: 0;
}
.inner {
width: 100%;
padding: 10vw 0;
}
@media screen and (max-width:767px) {
.entry-list .article {
width: 100%;
padding: 7vw;
margin-bottom: 5vw;
}
.btn{
display: block;
width:100%;
margin-bottom: .5em;
}
.btn.entry-btn a {
width:100%;
min-width: 100%;
padding:1em 2em;
}
} .entry-list {
width: 90vw;
}
.entry-title {
font-size: 1em;
} .footer-group .group .inner {
padding: 5vw;
}
@media screen and (max-width:767px) {
.footer-group .group h2 {
text-align: center;
}
.footer-group .group .biz-gbn-wrp,
.footer-group .group .biz-wc-wrp {
width: 100%;
padding: 5vw 0;
text-align: center;
}
.footer-group .group .biz-gbn-wrp {
display: block;
border-right: none;
border-bottom: 1px solid #ddd;
}
.footer-group .group .biz-gbn {
margin: 0 auto;
}
.footer-group .group .gbn-logo {
width: 38%;
margin: 0 auto .5em;
}
.footer-group .group .com-name {
text-align: center;
padding: .5em 0 0;
}
.footer-group .group .biz-wc {
width: 100%;
}
.footer-group .group .biz-cr {
width: 100%;
margin-top: 1em;
justify-content: space-around;
}
.footer-group .group .biz-cr li {
width: 38%;
margin: .3em 0;
}
.footer-group .group .wc-logo {
width: 38%;
}
}
}