/* -------------------------------------------------- */
/* Design by Indocat  */
/* URL:https://indocat.net/  */
/* Created:September 5, 2025  */
/* -------------------------------------------------- */

/*-----------------------------------------------------------------------------------*/
/*	Base Design
/*-----------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&family=Zen+Kaku+Gothic+New&family=Zen+Old+Mincho&display=swap');
.pc{display: block!important;}
.sp{display: none!important;}

//* -------------------------------------------------- */
/* Tag Format */

*,*:after,*:before  {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

* {
  box-sizing: border-box;
}

html {
    height:100%
}

body {
    overflow-x: hidden;
    font-family: fot-tsukuaoldmin-pr6n,'Zen Old Mincho',serif;
    font-weight: 300;
    background:#ffffff;
    color:#5D5E5E;
    margin:0;
    padding:0;
    height:100%;
    width:100%;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
}

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

h2,h3,h4,h5{
    width: 960px;
    margin:50px auto 130px;
    padding:0;
    text-align: left;
    color:#5D5E5E;
    font-family:fot-tsukuaoldmin-pr6n,serif;
    font-weight:140;
    font-style:normal;
    font-size:1.2em;
    letter-spacing:0.2em;
}


a {
    color:#5D5E5E;
    text-decoration: none;
}

a:hover{
    color:#54917f;
}

p{
    text-align:center;
    font-family:fot-tsukuaoldmin-pr6n,'Zen Old Mincho',serif;
    font-style: normal;
    font-weight: 300;
    font-size:0.9em;
    letter-spacing: 0.1em;  
    line-height:180%;
}

ul li {
    display:inline-block;
    list-style:none;
    font-size:0.9em;
    font-style: normal;
    font-weight: 300;
}

img{
    margin: 0;
    padding:0;
}

ol li {
    font-family:fot-tsukuaoldmin-pr6n,'Zen Old Mincho',serif;
    font-style: normal;
    font-weight: 300;
    font-size:0.9em;
}

img{
    margin: 0;
    padding:0;
}

/* -------------------------------------------------- */
/* Format */

.notice{
    color:#54917f;
    font-size:0.8em;
}

.attention{
    color:#54917f;
}

.white_letters{
    color: #ffffff;
}

b.noticetilte{
    font-weight: 500;
    line-height: 5em;
    font-size:1.1em;  
}

/* -------------------------------------------------- */
/* Columns */

.wrapper {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.main {
  width: calc(100% - 150px);
}

.sidebar {
  width: 140px;
}

.widget + .widget {
  margin-top: 20px;
}

.widget--sticky {
  position: sticky;
  top: 20px; /* スクロール時にビューポートの20px位置に達すると固定 */
}

/* -------------------------------------------------- */
/* Scroll Facein */

.scroll_effect{
    overflow: hidden;
}
.scroll_effect div{
    transition: .8s;
}

.scroll_effect h2,.scroll_effect h3,.scroll_effect h4,.scroll_effect h5,
.scroll_effect h6{
    transition: .8s;
}

.scroll_effect-fade{
    opacity: 0;
    transform: translate(0,40px); 
    -webkit-transform: translate(0,40px); 
}

.fade{
    opacity: 1.0;
    transform: translate(0,0); 
    -webkit-transform: translate(0,0); 
}

/* -------------------------------------------------- */
/* Category Container */

.category {
    text-align:center;
    position:relative;
    overflow:hidden;
}

.category-style {
    width:960px;
    display:inline-block;
    text-align: center;
    padding: 0 auto;
    margin: 0 auto 100px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.category p{
    width:100%;
    padding:10px 0 20px;
    line-height:210%;
    text-align:left;
}


/* -------------------------------------------------- */
/* 2 column box */

.parentbox_1 {
    overflow: hidden;
    margin: 0 auto 60px;
}

.parentbox_2 {
    overflow: hidden;
    margin: 0 auto 0;
}

.box_1_left {
    width:50%;
    margin: 0 auto;
    padding: 0 auto;
    float:left;
    text-align:left;
}

.box_1_right {
    width:50%;
    margin: 0 auto;
    padding: 0 auto;
    float:right;
    text-align:center;
}

.box_2_left {
    width:55%;
    margin: 0 auto;
    padding: 0 auto;
    float:left;
    text-align:left;
}

.box_2_right {
    width:45%;
    margin: 0 auto;
    padding: 0 auto;
    float:right;
    text-align:center;
}

/* -------------------------------------------------- */
/* Footer */

.footer{
    margin:50px 0 0 0;
    background:#fbfbfb;
}

.footnavi{
    padding:30px 30px 0 0;
    text-align:right;
    font-family:fot-tsukuaoldmin-pr6n,'Zen Old Mincho',serif;
    letter-spacing: 0.1em;
}

.footnavi li{
    padding:0 0 0 30px;
    font-size:0.7em;
}

.copy{
    padding:80px 0 20px;
    border-top:thin;
    color:#484848;
    font-family:fot-tsukuaoldmin-pr6n,'Zen Old Mincho',serif;
    font-style: normal;
    font-weight: 300;
    font-size:0.8em;
    text-align:center;
}


/*-----------------------------------------------------------------------------------*/
/*  Style of By Page
/*-----------------------------------------------------------------------------------*/

/* -------------------------------------------------- */
/* News */

.newsbox{
    margin:0 auto 100px;
    padding:30px auto;   
    border: 2px dotted #333333;
    font-family:fot-tsukuaoldmin-pr6n,'Zen Old Mincho',serif;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.1em;
}

.newsbox p{
    width:90%;
    margin:0 auto 20px; 
    padding:0 auto; 
    text-align:left;
    font-family:fot-tsukuaoldmin-pr6n,'Zen Old Mincho',serif;
    font-style: normal;
    font-weight: 300;
    letter-spacing:0;
    font-size:0.9em;
    line-height: 180%;
}

.newsbox ul{
    margin:0 auto 20px; 
    text-align: center;
    font-family:fot-tsukuaoldmin-pr6n,'Zen Old Mincho',serif;
    font-style: normal;
    font-weight: 300;
    letter-spacing:0.2em;
    line-height:160%;
    font-size:0.9em;
}

.newsbox ul li{
    display: inline-block;
    margin:0 0 0 50px;
}

.newsbox ol{
    margin:0 auto 20px; 
    text-align:left;
    font-family:fot-tsukuaoldmin-pr6n,'Zen Old Mincho',serif;
    font-style: normal;
    font-weight: 300;
    letter-spacing:0.2em;
    line-height:160%;
    font-size: 0.9em;
}

.newsbox ol li{
    display:block;
    margin:0 0 0 65px;
}

.newstitle_atttention{
    color:#af3023;
    font-size:1.5em;
}

.newsbox_atttention{
    font-size:1.3em;
}

/* -------------------------------------------------- */
/* Concept */

.conceptbox p{
    text-align: center;
    line-height: 350%;
}

/* -------------------------------------------------- */
/* Access */

.shopinfo {
    width:100%;
    margin0:0 auto;
    padding:0 auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.shopinfo img{
    width:100%;
    margin:0 auto;
    padding:0 auto;
    object-fit:contain;
}

.shopimg img{
    margin:0 auto;
    padding:0 auto;
    width: 100%;
    height:150px;
    object-fit:cover;
}

.shopinfo dl{
    width: 100%;
    margin:0;
    padding:0 15px 0 0;
}

.shopinfo dt{
    width: 100%;
    margin:15px auto 15px;
    padding:5px 15px 0 0;
    text-align:left;
    color:#54917f;
    font-family:fot-tsukuaoldmin-pr6n,'Zen Old Mincho',serif;
    font-style: normal;
    font-weight: 300;
    font-size:1.4em;
    line-height: 180%;
    letter-spacing:0.1em;
}

.shopname span{
    padding:0; 
    text-align:left;
    color:#5D5E5E;
    font-family:fot-tsukuaoldmin-pr6n,'Zen Old Mincho',serif;
    font-style: normal;
    font-weight: 300;
    font-size:0.7em;
}

.shopname img{
    width: 110px;
}

.shopinfo dd{
    text-align:left;
    font-family:fot-tsukuaoldmin-pr6n,'Zen Old Mincho',serif;
    font-style: normal;
    font-weight: 300;
    font-size:0.8em;
    letter-spacing: 0.1em;
    line-height: 250%;
}

.shopinfo dd a{
    font-family:fot-tsukuaoldmin-pr6n,'Zen Old Mincho',serif;
    font-weight: 300;
}

/* -------------------------------------------------- */
/* Shop List */

.shoplistbox{
    width:100%;
    margin0:0 auto;
    padding:0 auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.shoplistbox dl{
    width: 100%;
    margin:0 auto;
    padding:0 auto;
    line-height: 180%;
}

.shoplistbox dl dt{
    width: 100%;
    margin:0 auto 10px;
    text-align:left;
    font-family:fot-tsukuaoldmin-pr6n,'Zen Old Mincho',serif;
    font-size: 1.2em;
    letter-spacing:0.1em;
    line-height: 210%;
}

.shoplistbox dl dd{
    font-family:fot-tsukuaoldmin-pr6n,'Zen Old Mincho',serif;
    font-style: normal;
    font-weight: 300;
    font-size: 0.8em;
    text-align:left;
    letter-spacing:0.1em;
    line-height: 210%;
}

.shoplistbox dl dd a{
    font-family:fot-tsukuaoldmin-pr6n,'Zen Old Mincho',serif;
    font-weight: 300;
}

/*-----------------------------------------------------------------------------------*/
/*  Button　Style
/*-----------------------------------------------------------------------------------*/

/* -------------------------------------------------- */
/* Page Top Button */

#page-top {
    position: fixed;
    bottom: 10px;
    right: 25px;
    font-size: 1.5em;
}

#page-top a {
    color:#666666;
}

#page-top a :hover {
    text-decoration: none;
    color:#54917f;
}

#page-top img{
    width:23px;
}

#page-top img:hover{
    opacity: 0.5;
}

/*-----------------------------------------------------------------------------------*/
/*  MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/

/*===============================================
画面の横幅が1440px以上
===============================================*/

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

/* Footer */
.footnavi{
    text-align:center;
    padding:30px 0 0;
}

}

/*===============================================
画面の横幅が1280pxまで（Nest Hub Max）
===============================================*/

@media screen and (max-width: 1280px) {

/* -------------------------------------------------- */
/* Columns */

.wrapper {
  width: 100%;
  max-width: 1200px;
}

.main {
  width: calc(100% - 120px);
}

.sidebar {
  width: 110px;
}

/*===============================================
画面の横幅が1024pxまで（Nest Hub iPad Pro）
===============================================*/

@media screen and (max-width: 1024px) {

/* -------------------------------------------------- */
/* Columns */

.wrapper {
  width: 100%;
  max-width: 1000px;
}

.main {
  width: calc(100% - 120px);
}

.sidebar {
  width: 110px;
}

/* -------------------------------------------------- */
/* Tag Format */

h2,h3,h4,h5,h6 {
    width:90%;
    margin:110px auto 80px;
    text-align:left;
    font-size: 1.2em;
}

/* -------------------------------------------------- */
/* Category Container */

.category-style {
    width: 90%;
}

}

/*===============================================
画面の横幅が912pxまで（Suefsce Pro）
===============================================*/

@media screen and (max-width: 912px) {

/* -------------------------------------------------- */
/* Columns */

.wrapper {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.main {
  width: 100%;
}

.sidebar {
  display: none;
}

/* -------------------------------------------------- */
/* Tag Format */

h2,h3,h4,h5,h6 {
    width:86%;
    margin:110px auto 80px;
    text-align:left;
    font-size: 1.2em;
}

p{
    font-size: 1em;
}

b.noticetilte{
    font-weight: 500;
    line-height: 5em;
    font-size:1em;  
}

/* -------------------------------------------------- */
/* Category Container */

.category {
    text-align:center;
    min-height:auto;
    position:relative;
    overflow:hidden;
}

.category-style {
    margin: 0 auto 50px;
    width: 85%;
    display:block;
}

.category-style p{
    width: 100%;
    margin:0 auto;
    padding:0 auto;
}

/* -------------------------------------------------- */
/* Page Top Button */

#page-top {
    position: fixed;
    bottom:1px;
    right: 10px;
    font-size: 2.3em;
}

/* -------------------------------------------------- */
/* News */

#news{
    height:auto;
}

.newsbox{
    width: 86%;
    margin:0 auto 60px;
    padding:10px auto;  
    border: 2px dotted #333333;
    font-family:fot-tsukuaoldmin-pr6n,'Zen Old Mincho',serif;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.1em;
}


#news h2{
    margin:130px auto 60px;
}

.newsbox p{
    width: 90%;
    margin:0 auto 10px;
    padding:5px auto; 
    text-align:left;
    line-height:160%;
}

.newsbox ul{
    margin:15px auto; 
    text-align: center;
    line-height:160%;
    font-size: 0.9em;
}

.newsbox ul li{
    display:block;
    margin:10px auto;
}

.newsbox ol{
    margin:15px auto 20px 10px; 
    text-align: left;
    line-height:160%;
    font-size: 0.9em;
}

.newsbox ol li{
    display:block;
    margin:10px auto;
}

/* -------------------------------------------------- */
/* Access */

.shopinfo{
    width:100%;
    height:auto;
    margin:30px auto;
    padding:0 auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.shopinfo dl dt{
    margin:15 pxauto 10px;
    padding:0;
    font-size: 1.1em;
    line-height: 120%;
    letter-spacing:0.01em;
}

.shopinfo dl dd{
    margin:0 auto;
    padding:0 auto ;
    font-size: 0.8em;
    letter-spacing:0.001em;
    line-height: 180%;
}

.shopname span{
    font-size:0.7em;
    letter-spacing: 0.1em;
}

.shopname img{
    width: 100px;
}

.shopimg img{
    margin:0 auto;
    padding:0 auto;
    width: 100%;
    height:90px;
    object-fit:cover;
}

/* -------------------------------------------------- */
/* Shop List */

.shoplistbox dl dt{
    width: 100%;
    margin:0x auto 10px;
    font-size: 1em;
    text-align:left;
    letter-spacing:0.1em;
}

.shoplistbox dl dd{
    text-align:left;
    font-size: 0.8em;
    letter-spacing:0.001em;
    line-height: 180%;
}

}


/*===============================================
画面の横幅が800pxまで（iPad mini）
===============================================*/

@media screen and (max-width: 800px) {

/* -------------------------------------------------- */
/* Tag Format */

h2,h3,h4,h5,h6 {
    margin:100px auto 50px;
    font-size: 1.2em;
}

/* -------------------------------------------------- */
/* Footer */

.footer{
    margin-top:50px;
    background:#fbfbfb;
}

.footnavi{
    padding:30px 0 0 0;
    text-align: center;
}

/* -------------------------------------------------- */
/* Page Top Button */

#page-top {
    position: fixed;
    bottom:2px;
    right: 20px;
    font-size: 2em;
}

/* -------------------------------------------------- */
/* News */

#news{
    height:auto;
}

#news h2{
    margin:130px auto 60px;
}

.newsbox{
    width: 86%;
    margin:60px auto 60px;
    padding:10px auto;  
    border: 2px dotted #333333;
    font-family: 'Zen Old Mincho', serif;
    letter-spacing: 0.1em;
}

}

/*===============================================
SP 画面の横幅が640pxまで（Surface Duo）
===============================================*/

@media screen and (max-width: 640px) {

.pc{display: none!important;}
.sp{display: block!important;}

/* -------------------------------------------------- */
/* Tag Format */

h2,h3,h4,h5,h6 {
    margin:150px auto 80px;
    font-size: 1.2em;
}

/* -------------------------------------------------- */
/* 2 column box */

.parentbox_1 {
    margin:0 auto 80px;
}

.box_1_left{
    width:100%;
    float: none;
    margin:0 auto 30px;
}

.box_1_right{
    width:100%;
    float:none;
    margin:0 auto;
}

.parentbox_2 {
    margin: 0 auto;
}

.box_2_left {
    width:100%;
    float: none;
    margin:0 auto;
}

.box_2_right {
    width:100%;
    float:none;
    margin:0 auto;
}

/* -------------------------------------------------- */
/* Page Top Button */

#page-top {
    position: fixed;
    bottom:2px;
    right: 10px;
    font-size: 2em;
}

 /* -------------------------------------------------- */
/* News */

.newsbox{
    width: 81%;
    margin:0 auto 40px;
    padding:5px auto;  
}

.newsbox:last-child{
    margin-bottom:0x;
}


.newsbox p{
    margin:0 auto;
    padding:5px auto; 
    text-align:left;
    line-height:160%;
}

.newsbox ul li,.newsbox ol li{
    display:block;
    margin:0;
}

.newstitle_atttention{
    color:#af3023;
    font-size:1.1em;
}

.newsbox_atttention{
    font-size:0.9em;
}

/* -------------------------------------------------- */
/* Access */

.shopinfo dl{
    margin:0 auto 30px;
}

.shopinfo dl dt{
    margin:15px auto 5px;
    padding:0;
    font-size: 1.2em;
    line-height:210%;
    letter-spacing:0.1em;
}

.shopinfo dl dd{
    margin:0 auto;
    padding:0 auto ;
    font-size: 0.9em;
    letter-spacing:0.1em;
    line-height: 210%;
}

.shopname span{
    font-size:0.8em;
    letter-spacing: 0.1em;
}

.shopname img{
    width: 105px;
}

.shopimg img{
    margin:0 auto;
    padding:0 auto;
    width: 100%;
    height:100px;
    object-fit:cover;
}

/* -------------------------------------------------- */
/* Shop List */

.shoplistbox dl dt{
    width: 100%;
    margin:0 auto 10px;
    font-size: 1.1em;
    letter-spacing:0.1em;
}

.shoplistbox dl dd{
    font-size: 0.9em;
    letter-spacing:0.1em;
    line-height: 210%;
}


}

/*===============================================
画面の横幅が430pxまで（iPhone 14 Pro Max）
===============================================*/

@media screen and (max-width: 430px) {

/* -------------------------------------------------- */
/* Tag Format */

h2,h3,h4,h5,h6 {
    width: 80%;;
    margin:130px auto 50px;
    font-size: 1em;
}

p {
    font-size: 0.8em;
}

/* -------------------------------------------------- */
/* Page Top Button */

#page-top {
    position: fixed;
    bottom: 1px;
    right: 9px;
    font-size:1.5em;
}

/* -------------------------------------------------- */
/* Category Container */

.category {
    text-align:center;
    min-height:auto;
    position:relative;
    overflow:hidden;
}

.category-style {
    margin: 0 auto 40px;
    width: 85%;
    display:block;
}

/* -------------------------------------------------- */
/* 2 column box */

.parentbox_1,.parentbox_2 {
    overflow: hidden;
    min-height:100%;
}

.box_1_left,.box_2_left{
    width:100%;
    float: none;
    margin:0 auto 20px;
}

.box_1_right{
    width:100%;
    float:none;
    margin:0 auto;
}

.box_2_right {
    width:100%;
    float:none;
    margin:0 auto;
}

/* -------------------------------------------------- */
/* Footer */

.footer{
    margin-top:45px;
}

.footnavi {
    width: 100%;
    margin:0;
    padding:0;
    text-align:center;
}

.footnavi ul{
    width: 100%;
    margin:0;
    padding:0;
    text-align:center;
}

.footnavi li{
    display:block;
    padding:0;
    text-align: center;
    border-bottom: dotted 1px #cccccc;
    font-size:0.7em;
    line-height:350%;
}

.footnavi li:first-child{
    border-top: solid 1px #cccccc;
}

.copy{
    padding:15px 0;
    font-size:0.8em;
}

 /* -------------------------------------------------- */
/* News */

.newsbox{
    width: 76%;
    margin:0 auto;
    padding:5px auto;  
    border: 2px dotted #333333;
}

#news h2{
    margin:130px auto 30px;
}

.newsbox p{
    margin:0 auto;
    padding:5px auto; 
    text-align:left;
    line-height:160%;
    font-size:0.7em;
}

.newsbox b{
    font-size:0.8em;
}

.newsbox ul li,.newsbox ol li{
    display:block;
    margin:5px 0;
}

.newsbox_atttention{
    font-size:0.8em;
}

/* -------------------------------------------------- */
/* Access */


.shopinfo dl dd{
    margin:0 auto;
    padding:0 auto ;
    font-size: 0.8em;
    letter-spacing:0.01em;
    line-height: 180%;
}

.shopname img{
    width: 90px;
}

/* -------------------------------------------------- */
/* Shop List */

.shoplistbox dl dt{
    width: 100%;
    margin:0 auto 10px;
    font-size: 0.9em;
    letter-spacing:0.01em;
}

.shoplistbox dl dd{
    font-size: 0.8em;
    letter-spacing:0.01em;
    line-height: 180%;
}

/* -------------------------------------------------- */
/* Page Top Button */

#page-top {
    position: fixed;
    bottom:2px;
    right: 14px;
}

}