@charset "UTF-8";
/* CSS Document */

body{
padding-top: 13vh;
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
color: #000;
font-weight: 400;
font-style: normal;
}
/* 基本-モバイルファースト ======================================================================================================== */
img{
vertical-align: top;
max-width: 100%;
height: auto;
}

.font_en{
font-family: "Oswald", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}

/* ヘッダー======================================================================================================== */
#limini_header{
background-color: #fff;
width: 100%;
padding: 2.5vh;
display: flex;
justify-content: space-between;
align-items: center;
position: fixed;
top: 0;
left: 0;
z-index: 9000;
}
#limini_header_logo{
display: inline-block;
}
#limini_header_logo a{
display: inline-block;
text-decoration: none;
}
#limini_header_logo a img{
height: 8vh;
}

#limini_header_contact{
padding-right: 50px;
}
#limini_header_contact a{
display: block;
text-decoration: none;
background-color: #000;
color: #fff;
padding: 0 1em;
height: 6vh;
display: flex;
align-items: center;
justify-content: center;
}

/* グローバルメニュー=============================================== */
#limini_global_menu{
}
#limini_global_menu #limini_global_menu_inner{
display: none;
background-color: #000;
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
}
#limini_global_menu ul{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
margin: auto;
}
#limini_global_menu ul li{
}
#limini_global_menu ul li a{
display: block;
text-decoration: none;
color: #fff;
padding: 10px 0;
}

.limini_hamburger {
text-align: center;
z-index: 9500;
position: absolute;
top: 23px;
right: 15px;
box-sizing: border-box;
width: 40px;
height: 40px;
padding: 0 5px;
-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
border: 0;
outline: 0;
background-color: transparent;
}
.limini_hamburger:hover {
cursor: pointer;
}
.limini_hamburger-icon {
position: relative;
display: block;
margin-top: 0px;
}
.limini_hamburger-icon,
.limini_hamburger-icon:before,
.limini_hamburger-icon:after {
width: 100%;
height: 2px;
-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
background-color: #000;
border-radius: 5px;
}
.limini_hamburger-icon:before,
.limini_hamburger-icon:after {
position: absolute;
top: -10px;
left: 0;
content: '';
}
.limini_hamburger-icon:after {
top: 10px;
}
.sp_menu-open .limini_hamburger-icon {
background-color: transparent;
}
.sp_menu-open .limini_hamburger-icon:before,
.sp_menu-open .limini_hamburger-icon:after {
top: 0;
background-color: #fff;
}
.sp_menu-open .limini_hamburger-icon:before {
-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
}
.sp_menu-open .limini_hamburger-icon:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}



/* コンテンツ======================================================================================================== */
.main > div {
padding-right: 0px;
padding-left: 0px;
display: grid;
}
.page_title{ order: 1; }
.navi{ order: 2; }
#limini_template{ order: 3; }
.cart{order: 4; }

#limini_template{
padding: 60px 0;
/* margin-left: 5vw;
margin-right: 5vw; */
display: block;
text-align: left;
}
#limini_container {
}
#limini_contents {
}
.l_contents_size,
.cart{
margin-left: 5vw;
margin-right: 5vw;
display: block;
text-align: left;
}

.page_title{
background-color: #000;
padding: 20px 0;
margin-bottom: 0px;
}
.page_title > * {
font-family: "Oswald", sans-serif;
font-optical-sizing: auto;
font-size: 30px;
font-weight: 400;
font-style: normal;
color: #fff;
padding-bottom: 0;
padding-left: 0;
border-bottom: none;
}

.navi{
padding: 0 5vw;
margin: 0;
}

.l_common_title{
text-align: center;
margin-bottom: 20px;
}
.l_common_title em{
font-size: 10vw;
line-height: 1;
letter-spacing: .2em;
}
.l_common_title em + *{
font-size: 16px;
font-weight: 500;
letter-spacing: .2em;
}

.l_sub_title{
}

.l_common_btn{
text-align: center;
margin-top: 20px;
position: relative;
cursor: pointer;
}
.l_common_btn::before,
.l_common_btn::after{
content:"";
position: absolute;
background:#000;
width: 0;
height:2px;
transition: all 0.2s linear;
}
.l_common_btn::before{
right: 0;
bottom: 0;
}
.l_common_btn::after{
left: 0;
top: 0;
}
.l_common_btn:hover::before,
.l_common_btn:hover::after,
a:hover .l_common_btn::before,
a:hover .l_common_btn::after{
width: 100%;
}
.l_common_btn:hover::after,
a:hover .l_common_btn::after{
transition-delay: 0s;
}
.l_common_btn:hover::before,
a:hover .l_common_btn::before{
transition-delay: 0.3s;
}
.l_common_btn a,
.l_common_btn p{
display: block;
text-decoration: none;
padding: 20px 0;
}
.l_common_btn a::before,
.l_common_btn a::after,
.l_common_btn p::before,
.l_common_btn p::after{
content:"";
position: absolute;
background: #000;
width:2px;
height:0;
transition: all 0.1s linear;
}
.l_common_btn a::before,
.l_common_btn p::before{
left: 0;
bottom: 0;
}
.l_common_btn a::after,
.l_common_btn p::after{
right: 0;
top: 0;
}
.l_common_btn a:hover::before,
.l_common_btn a:hover::after,
.l_common_btn:hover p::before,
.l_common_btn:hover p::after,
a:hover .l_common_btn p::before,
a:hover .l_common_btn p::after{
height: 100%;
}
.l_common_btn a:hover::before,
.l_common_btn:hover p::before,
a:hover .l_common_btn p::before{
transition-delay: 0.5s;
}
.l_common_btn a:hover::after,
.l_common_btn:hover p::after,
a:hover .l_common_btn p::after{
transition-delay: 0.2s;
}
.l_common_btn a > span,
.l_common_btn p > span{
font-size: 16px;
line-height: 1;
font-weight: bold;
letter-spacing: .1em;
cursor: pointer;
}
.l_common_btn a > span::after,
.l_common_btn p > span::after{
content: "";
display: inline-block;
vertical-align: middle;
background-image: url(../images/btn_arrow.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100%;
width: 83px;
height: 9px;
margin-left: 5px;
padding-bottom: 0.5em;
}


.l_common_slide_btn{
width: 240px;
margin: 20px auto 40px auto;
}
.l_common_slide_btn a{
text-decoration: none;
background-color: #000;
color: #fff;
font-size: 16px;
padding: 1em 0;
display: flex;
align-items: center;
justify-content: center;
}


.marker{
background: linear-gradient(transparent 60%, #ffd403 0%);
display: inline;
padding: 0 2px 4px;
}

.accordion_title{
padding-right: 15px;
position: relative;
cursor: pointer;
}
.accordion_title::after{
content: "";
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
position: absolute;
top: 0;
bottom: 0;
right: 3px;
margin: auto;
border-bottom: 1px solid #111;
border-right: 1px solid #111;
transform: rotate(45deg);
transition: all 0.2s ease;
}
.accordion_title.open::after{
transform: rotate(-135deg);
}
.accordion_title + *{
display: none;
}


#thanks_page{
padding: 60px 0;
text-align: center;
}
#thanks_page h3{
font-weight: bold;
font-size: 18px;
}


input[type="radio"]:checked,
input[type="checkbox"]:checked{
	background-color: #000;
}
#SPForm input[type="submit"]{
background-color: #000;
border-radius: 0;
}
#SPForm input[type="submit"]{
background-color: #000;
}

/* ブログ  */
.main > * .blog_table{
order: 3;
padding: 60px 5vw;
text-align: left;
}
.main > * .blog_master_line1 {
display: none;
}
.main > * .master_title {
font-size: 22px;
font-weight: 600;
color: #000;
}
.main > * .blog_index_td {
display: none;
}
#blog_page_navi{
display: flex;
justify-content: space-between;
}


/* コンセプトブックバナー */

.concept_book_banner a{
display: block;
text-decoration: none;
background-color: #eae8e2;
padding: 5vw;
}
.concept_book_banner .text h2{
font-size: 6.5vw;
font-weight: 500;
letter-spacing: .2em;
}
.concept_book_banner .img{
width: 80%;
margin: 0 auto;
position: relative;
padding-top: 5vw;
padding-bottom: 10vw;
}
.concept_book_banner .img .p01,
.concept_book_banner .img .p02{
width: 55%;
box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
}
.concept_book_banner .img .p01{
}
.concept_book_banner .img .p02{
position: absolute;
bottom: 0;
right: 0;
z-index: 5;
}
.concept_book_banner .img .bom{
display: flex;
align-items: center;
justify-content: center;
width: 20vw;
height: 20vw;
border-radius: 50%;
background-color: #000;
color: #fff;
line-height: 1.4;
font-weight: 500;
text-align: center;
position: absolute;
top: 0;
right: 5vw;
z-index: 10;
}




/* フッター======================================================================================================== */
#limini_footer {
background-color: #000;
color: #fff;
padding: 10vw 5vw;
padding-bottom: calc(10vw + 70px);
}
#fixed_banner{
width: 100%;
position: fixed;
bottom: 0;
right: 0;
z-index: 1000;
}
#limini_footer_logo {
margin-bottom: 1em;
}
#limini_footer_inner ul{
display: flex;
flex-wrap: wrap;
}
#limini_footer_inner li{
width: 50%;
margin-bottom: 1em;
}
#limini_footer_inner li a{
text-decoration: none;
color: #fff;
}

#copy_right{
font-size: 2.5vw;
text-align: center;
padding-bottom: 10px;
}


/* スマホのみ======================================================================================================== */
@media screen and (max-width: 750px){



}

/* PCのみ======================================================================================================== */
@media print, screen and (min-width: 751px){

body,
table,
input,
textarea{
font-size: 16px;
}

a:hover {
	color: #999;
}
a:active {
	color: #999;
}

/* 中身 */
#limini_header{
}
#limini_header_inner{
display: flex;
align-items: center;
justify-content: space-between;
}

#limini_header_logo a img{
}

#limini_header_contact{
padding-right: 0;
}
#limini_header_contact a{
padding: 0 3em;
position: relative;
background-color: transparent;
border: solid 1px #111;
}
#limini_header_contact a::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
background-color: #000;
z-index: -1;
}
#limini_header_contact a::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 0;
transition: 0.5s;
background-color: #fff;
z-index: -1;
}
#limini_header_contact a:hover{
color: #000;
}
#limini_header_contact a:hover::after {
width: 100%;
}


/* グローバルメニュー */
#limini_global_menu{
margin-left: 0;
margin-right: 0;
}
#limini_global_menu #limini_global_menu_inner{
display: block;
background-color: transparent;
width: auto;
height: auto;
position: inherit;
top: inherit;
left: inherit;
}
#limini_global_menu ul{
display: flex;
}
#limini_global_menu ul li{
margin-right:  1.5em;
}
#limini_global_menu ul li a:hover{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#limini_global_menu ul li::after{
content: "";
display: inline-block;
vertical-align: middle;
width: 1px;
height: 1em;
background-color: #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#limini_global_menu ul li a{
display: inline-block;
vertical-align: middle;
color: #000;
padding: 0;
margin-right: 1.5em;
}
#limini_global_menu ul li:last-child{
margin-right:  0;
}
#limini_global_menu ul li:last-child:after{
display: none;
}
#limini_global_menu ul li:last-child a{
margin-right: 0;
}


/* コンテンツ */
.main > div {
width: auto;
}
#limini_template {
padding: 100px 0;
/* width: 1100px;
margin-left: auto;
margin-right: auto; */
}
#limini_contents {
}
.l_contents_size,
.cart{
width: 1100px;
margin-left: auto;
margin-right: auto;
}

.page_title{
padding: 50px 0;
}
.page_title > * {
font-size: 50px;
}
.navi{
padding: 0 2.5vh;
}


.l_common_title{
margin-bottom: 40px;
}
.l_common_title em{
font-size: 40px;
}
.l_common_title em + *{
font-size: 20px;
}

.l_common_btn{
margin-top: 40px;
margin-right: auto;
margin-left: auto;
width: 400px;
}
.l_common_btn a,
.l_common_btn p{
font-size: 20px;
transition: all 0.2s ease;
}
.l_common_btn a:hover,
a:hover .l_common_btn p,
.l_common_btn p:hover{
color: #000;
}



.l_common_slide_btn{
width: 320px;
}
.l_common_slide_btn a{
font-size: 20px;
padding: 1em 0;
position: relative;
background-color: transparent;
border: solid 1px #111;
}
.l_common_slide_btn a::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
background-color: #000;
z-index: -1;
}
.l_common_slide_btn a::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 0;
transition: 0.5s;
background-color: #fff;
z-index: -1;
}
.l_common_slide_btn a:hover{
color: #000;
}
.l_common_slide_btn a:hover::after {
width: 100%;
}


/* ブログ  */
.main > * .blog_table{
padding: 100px 0;
width: 760px;
margin-left: auto;
margin-right: auto;
}
.main > * .blog_table > tbody > tr {
display: block;
}
.main > * .master_title {
font-size: 26px;
}


/* コンセプトブックバナー */
.concept_book_banner{
position: relative;
}
.concept_book_banner a{
padding: 40px;
}
.concept_book_banner a:hover{
background-color: #f3f1ea;
color: #000;
}
.concept_book_banner .text h2{
font-size: 30px;
}
.concept_book_banner .text .l_common_btn{
margin-top: 20px;
margin-left: 0;
}
.concept_book_banner .img{
width: 310px;
height: 310px;
padding: 0;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
margin: auto 0;
transition: all 0.2s ease;
}
.concept_book_banner .img .p01,
.concept_book_banner .img .p02{
width: auto;
display: inline-block;
}
.concept_book_banner .img .p02{
}
.concept_book_banner .img .bom{
width: 100px;
height: 100px;
right: 20px;
}
.concept_book_banner a:hover .img{
-webkit-transform: translateY(-50%) rotate(5deg);
transform: translateY(-50%) rotate(5deg);
}



/* フッター */
#limini_footer {
padding: 80px 0 20px;
}
#fixed_banner{
width: 150px;
bottom: inherit;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
margin: auto 0;
}
#limini_footer_inner{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 40px;
}
#limini_footer_logo{
margin-bottom: 0;
}
#limini_footer_inner li{
width: auto;
margin-bottom: 0;
margin-left: 2em;
}
#limini_footer_inner li a:hover{
color: #999;
}


#copy_right{
font-size: 10px;
}


}