*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
body{
	background: #fff;
	font-family: 'Noto Serif JP', serif;
	font-size: 14px;
    color: #5c4023;
    line-height: 18px;
}


.site-logo img{
    padding-left: 80px;
}

/*       ヘッダーメニュー(PC)       */
@media screen and (min-width: 1170px) { /*ウィンドウ幅が767px以上の場合に適用*/

.site-header{
	background: #f9f9f9;
	display: flex;
	padding: 20px;
	position: fixed;
	justify-content: space-between;
	width: 100%;
    z-index: 10;
}
.site-header.fixed{
	position: fixed;
	top: 0;
}
.site-logo img{
	height: 47px;
	width: auto;
    margin-left: 100px;
    padding-left: 0px;
}
.gnav__menu{
    display: flex;
	float:left;
}
.gnav__menu__item{
	margin-left: 50px;
    margin-top: 15px;
}
    
.gnav__menu2{
	display: flex;
    padding-left: 25px;
}
.gnav__menu__item2{
	margin-left: 18px;
    margin-top: 11px;
}
.gnav__menu__item2 a{
	color: #333;
	text-decoration: none;
}

.gnav__menu__item a{
	color: #333;
	text-decoration: none;
    transition: color 0.3s;
}

.gnav__menu__item a:hover{
  color : #ff7043;
}

/*SPメニュー非表示*/
.sp-header{
display:none; 
}
    
.absolute_test{
display:none; 
}
}


/*       ヘッダーメニュー(SP)       */

@media screen and (max-width: 1170px) {
.site-header{
display:none; 
}
}


/*スマホテスト

@media screen and (max-width: 1170px) {
.sp-header{
    background: #fff;
    display: flex;
    padding: 60px 20px;
    position: fixed;
    justify-content: space-between;
    width: 100%;
}
.sp-logo img{
    height: 20px;
    width: auto;
}
.sp_gnav__menu{
    display: flex;
}
.sp_gnav__menu__item{
    margin-left: 20px;
}
.sp_gnav__menu__item a{
    color: #333;
    text-decoration: none;
}
}*/



/*スマホテスト*/

/*絶対配置テスト*/

@media screen and (max-width: 1170px) {
    
.absolute_parent {
    position:  fixed;        /* 要素の配置方法をと子要素の起点を指定 */
    background-color:#f9f9f9;     /* 背景色指定 */    
    left:  0px;                /* 左からの表示位置 */
    top: 0px;                  /* 上からの表示位置 */
    height:  58px;             /* 高さ指定 */
    width: 100%;               /* 幅指定 */
    z-index: 10;
}

.absolute_test {
    position:  fixed;        /* 要素の配置方法を指定 */
    background-color:#f9f9f9;     /* 背景色指定 */
    padding:  0px;             /* 余白指定 */
    left:  30px;                /* 左からの位置指定 */
    top: 0px; /* 上からの位置指定 */
    height:58px;
    width:100%;
}

.absolute_test img {
    position:  fixed;
    padding:  0px; 
    height:40px;
    top:10px;
}
}


@media screen and (max-width: 790px) {
    
.absolute_parent {
    position:  fixed;        /* 要素の配置方法をと子要素の起点を指定 */
    background-color:#f9f9f9;     /* 背景色指定 */    
    left:  0px;                /* 左からの表示位置 */
    top: 0px;                  /* 上からの表示位置 */
    height:  58px;             /* 高さ指定 */
    width: 100%;               /* 幅指定 */
}

.absolute_test {
    position:  fixed;        /* 要素の配置方法を指定 */
    background-color:#f9f9f9;     /* 背景色指定 */
    padding:  0px;             /* 余白指定 */
    left:  30px;                /* 左からの位置指定 */
    top: 0px; /* 上からの位置指定 */
    height:58px;
    width:100%;
}

.absolute_test img {
    position:  fixed;
    padding:  0px; 
    height:40px;
    top:10px;
}
}



@media screen and (max-width: 767px) {
    
.absolute_parent {
    position:  fixed;        /* 要素の配置方法をと子要素の起点を指定 */
    background-color:#f9f9f9;     /* 背景色指定 */    
    left:  0px;                /* 左からの表示位置 */
    top: 0px;                  /* 上からの表示位置 */
    height:  58px;             /* 高さ指定 */
    width: 100%;               /* 幅指定 */
}

.absolute_test {
    position:  fixed;        /* 要素の配置方法を指定 */
    background-color:#f9f9f9;     /* 背景色指定 */
    padding:  0px;             /* 余白指定 */
    left:  30px;                /* 左からの位置指定 */
    top: 0px; /* 上からの位置指定 */
    height:58px;
    width:100%;
}

.absolute_test img {
    position:  fixed;
    padding:  0px; 
    height:40px;
    top:8px;
}
}


/*ハンバーガーボタン*/

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

.el_humburger {
  position: fixed;
  top: 45px;
  right: 60px;
  width: 46px;
  height: 25px;
  padding-top: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0px;
  z-index: 20;
  cursor: pointer;
  pointer-events: auto;
  color: #000;
  text-align: center;
    }
 
  .el_humburger {
    display: block;
    right: 0;
    top: 0;
    padding-top: 20px;
    width: 58px;
    height: 58px;}
    #factory .el_humburger {
      display: none; } }
 
/*.el_humburger_wrapper {
  margin-bottom: 5px;
  width: 42px;
  display: inline-block; }*/
 
@media screen and (max-width: 1170px) {
  .el_humburger_wrapper {
    margin-bottom: 5px;
    width: 30px; } }
 
.el_humburger_text {
  font-size: 12px;
  letter-spacing: 0.1em;
  font-family: "游ゴシック Medium", YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; }
 
.js_humburgerOpen .el_humburger_text.el_humburger_text__menu {
  display: none; }
 
.el_humburger_text.el_humburger_text__close {
  display: none; }
 
.js_humburgerOpen .el_humburger_text.el_humburger_text__close {
  display: block; }
 
@media screen and (max-width: 1170px) {
  .el_humburger_text {
    font-size: 10px;
    padding-top: 2px; } }
 
@media screen and (max-width: 1170px) {
  .el_humburger_text svg path {
    -webkit-transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
    -o-transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
    transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
    fill: #000; } }
 
@media screen and (max-width: 1170px) {
  .js_humburgerOpen .el_humburger_text svg path {
    fill: #000; } }
 
.el_humburger span.el_humburger_bar {
  display: block;
  width: 100%;
  margin: 0 auto 9px;
  height: 1px;
  background: #000;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
 
.el_humburger span.el_humburger_bar:last-child {
  margin-bottom: 0; }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar {
  background: #000; }
 
@media screen and (max-width: 1170px) {
  .el_humburger span.el_humburger_bar {
    left: 0;
    top: 0;
    background: #000; } }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.top {
  -webkit-transform: translateY(9px) rotate(-45deg);
  -ms-transform: translateY(9px) rotate(-45deg);
  transform: translateY(9px) rotate(-45deg); }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.middle {
  opacity: 0; }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.bottom {
  -webkit-transform: translateY(-11px) rotate(45deg);
  -ms-transform: translateY(-11px) rotate(45deg);
  transform: translateY(-11px) rotate(45deg); }
 
.el_humburgerButton.el_humburgerButton__close {
  top: 2%;
  right: 2%; }
 
.el_humburgerButton__close span.el_humburger_bar {
  display: block;
  width: 35px;
  margin: 0 auto;
  height: 4px;
  background: #000; }
 
.el_humburgerButton__close span.el_humburger_bar.top {
  -webkit-transform: translateY(5px) rotate(-45deg);
  -ms-transform: translateY(5px) rotate(-45deg);
  transform: translateY(5px) rotate(-45deg); }
 
.el_humburgerButton__close span.el_humburger_bar.bottom {
  -webkit-transform: translateY(-6px) rotate(45deg);
  -ms-transform: translateY(-6px) rotate(45deg);
  transform: translateY(-6px) rotate(45deg); }
 
.navi {
  position: fixed;
  right: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  width: 0;
  z-index: 3;
  padding-top: 100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
  overflow: hidden; }
  .js_humburgerOpen .navi {
    width: 450px; }
    @media screen and (max-width: 1170px) {
      .js_humburgerOpen .navi {
        width: 100%;
        padding: 100px 5% 0; } }
 
.navi_item {
  margin-bottom: 28px;
  font-size: 22px;
  font-family: "Marcellus", serif !important;
  white-space: nowrap;
  margin-left: 90px; }
  .navi_item.op_innerLink {
    cursor: pointer; }
  @media screen and (max-width: 1170px) {
    .navi_item {
      margin-left: 0;
      font-size: 20px; 
      text-align: center;
        }
    .navi_item a{
	color: #333;
	text-decoration: none;
    transition: color 0.3s;
}

    .navi_item a:hover{
    color : #ff7043;}
}



/*       メインビジュアル       */


.hero{
	max-height: 640px;
	overflow: hidden;
}
.hero img{
	height: auto;
	width: 100%;
}



/*       各ページビジュアル       */


@media screen and (min-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/
.maintitle{
	margin-bottom: 50px;
    margin-top: 65px;
    }
}


@media screen and (max-width: 767px) { /*ウィンドウ幅が767px未満の場合に適用*/
.maintitle{
	margin-bottom: 30px;
    margin-top: 55px;
    }
}
    
@media screen and (min-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/
    .pc { display: block !important;
        width:100%;
    }
        
    .sp { display: none !important; }
}
 
@media screen and (max-width: 767px) { /*ウィンドウ幅が767px未満の場合に適用*/
    .pc { display: none !important; }
    .sp { display: block !important;
    width:100%;}
}



/*       h2&caption       */
h2 {
    font-size: 26px;
    text-align: center;
    margin-bottom: 20px;
}

.h2cap {
    font-size: 14px;
    text-align:center;}

/*       h2&caption       */
h3 {
    font-size: 22px;
    text-align: center;
    margin-top: 120px;
}

.h3cap {
    font-size: 12px;
    text-align:center;
    margin-top: 10px;
}


/*——　文字の両脇にライン　——*/
.title-border {
    display: flex;
    align-items: center; /* 垂直中心 */
    justify-content: center;
}
.title-border:before,
.title-border:after {
    border-top: 1px solid;
    content: "";
    flex-grow: 0.05;
}
.title-border:before {
        margin-right: 1rem;
}
.title-border:after {
    margin-left: 1rem;
}

h4 {
    margin-bottom: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
	font-size: 18px;
	background-image: repeating-linear-gradient(90deg, #ccbab1 0, #ccbab1 2px, rgba(0,0,0,0) 2px, rgba(0,0,0,0) 4px);
	background-size: 4px 4px;
	background-repeat: repeat-x;
	background-position: center bottom;
}











/*       各コンテンツ設定       */

.contentwrap {
    width:90%;
    margin: 0 auto;
    max-width: 1000px;
    margin-top: 70px;
    /*background-color: burlywood;*/
}

/*1カラム*/
    width:90%;
    margin: 0 auto;
    max-width: 1000px;
    margin-top: 70px;
    /*background-color: burlywood;*/


.main {
  /*background: #fcc;*/
}
.side {
  /*background: #fea;*/
}
.main1-1,
.side1-1 {
  padding: 2%;
  border-radius: 10px;
}
}

@media screen and (max-width: 767px) { /*ウィンドウ幅が767px未満の場合に適用*/
.content1-1 {
    grid-template-columns: 1fr;
  }
    
.main {
  /*background: #fcc;*/
}
.side {
  /*background: #fea;*/
}
    
.main,
.side {
  margin-bottom: 20px;
}
    
img {
    margin-top:20px;
    }    

}



/*トップアバウト*/

.copy {
    font-size: 22px;
}

.copy2 {
    font-size: 14px;
}


/*2カラム　1-1*/

@media screen and (min-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/
.content1-1 {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 1fr;
    
}
}

@media screen and (max-width: 767px) { /*ウィンドウ幅が767px未満の場合に適用*/
.content1-1 {
    grid-template-columns: 1fr;
  }
}



/*2カラム　1-2*/

@media screen and (min-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/
.content1-2 {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 2fr;
    
}
}

@media screen and (max-width: 767px) { /*ウィンドウ幅が767px未満の場合に適用*/
.content1-2 {
    grid-template-columns: 1fr;
  }
}

.content1-1 p {
    line-height: 1.5;
    
}

/*2カラム　2-1*/

@media screen and (min-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/
.content2-1 {
    display: grid;
    gap: 30px;
    grid-template-columns: 2fr 1fr;
    
}
}

@media screen and (max-width: 767px) { /*ウィンドウ幅が767px未満の場合に適用*/
.content2-1 {
    grid-template-columns: 1fr;
  }
}

/*3カラム　1-1-1*/

@media screen and (min-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/
.content1-1-1 {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr 1fr;
}
.inner1 {
  /*background: #fcc;*/
  order: 1;
}
.inner2 {
  /*background: #fea;*/
  order: 2;
}
.inner3 {
  /*background: #afd;*/
  order: 3;
}
.inner1,
.inner2,
.inner3 {
  padding: 5%;
  border-radius: 10px;
}
}


/*スマホ3カラム　1-1-1*/    
    
@media screen and (max-width: 767px) { /*ウィンドウ幅が767px未満の場合に適用*/
.content1-1-1 {
    grid-template-columns: 1fr;
  }
    
.inner1 {
  background: #fcc;
}
.inner2 {
  background: #fea;
}
.inner3 {
  background: #fea;
}
    
.inner1,
.inner2,
.inner3{
  margin-bottom: 20px;
}
}

/*3カラム　1-1-1*/

@media screen and (min-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/
.grid3 {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.item {
  border-radius: 10px;
  background: #333333;
  padding: 15px;
  text-align: center;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  text-align: left;
  padding-top: 10px;
}
}

@media screen and (max-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/
.grid3 {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.item {
  border-radius: 10px;
  background: #333333;
  padding: 15px;
  text-align: center;
}
img {
  max-width: 100%;
  height: auto; 
}
p {
  text-align: left;
  padding-top: 10px;
}
    
}


/*4カラム　1-1-1-1*/

@media screen and (min-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/
.grid4 {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.item {
  border-radius: 10px;
  background: #fafad2;
  padding: 30px;
  text-align: center;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  text-align: left;
  padding-top: 10px;
}
}

@media screen and (max-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/
.grid4 {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.item {
  border-radius: 10px;
  background: #fafad2;
  padding: 15px;
  text-align: center;
}
img {
  max-width: 100%;
  height: auto; 
}
p {
  text-align: left;
  padding-top: 10px;
}
}    




/*タブテスト*/

.tab_container {
　width: 50%;
  padding-bottom: 1em;
  /*background-color: #123455;*/
  /*border:1px solid #417038;*/
  border-radius: 6px;
  margin: 0 auto;}
.tab_item {
  width: calc(93%/5);
  padding:10px 0;
  margin:5px;
  /*border-bottom: 3px solid #417038 ;*/
  /*background-color: #ececec;*/
  text-align: center;
  /*color: #417038 ;*/
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  border: 1px solid #5c4023 ;
}
.tab_item:hover {
  opacity: 0.75;
}
input[name="tab_item"] {
  display: none;
}
.tab_content {
  display: none;
  padding: 2em 10em 2em 10em;
  clear: both;
  overflow: hidden;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content,
#tab5:checked ~ #tab5_content {
  display: block;
}
.tab_container input:checked + .tab_item {
  background-color: #caac71 ;
  border: 1px solid #5c4023 ;
  color: #5c4023;
}


@media screen and (min-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/


.tab_container {
　width: 50%;
  padding-bottom: 1em;
  /*background-color: #123455;*/
  /*border:1px solid #417038;*/
  border-radius: 6px;
  margin: 0 auto;}
.tab_item {
  width: calc(87%/5);
  padding:10px 0;
  margin:5px;
  /*border-bottom: 3px solid #417038 ;*/
  /*background-color: #ececec;*/
  text-align: center;
  /*color: #417038 ;*/
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  border: 1px solid #5c4023 ;
}
.tab_item:hover {
  opacity: 0.75;
}
input[name="tab_item"] {
  display: none;
}
.tab_content {
  display: none;
  padding: 2em 5em 2em 5em;
  clear: both;
  overflow: hidden;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content,
#tab5:checked ~ #tab5_content {
  display: block;
}
.tab_container input:checked + .tab_item {
  background-color: #caac71 ;
  border: 1px solid #5c4023 ;
  color: #5c4023;
}

}


@media screen and (max-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/

.tab_container {
　width: 50%;
  padding-bottom: 1em;
  /*background-color: #123455;*/
  /*border:1px solid #417038;*/
  border-radius: 6px;
  margin: 0 auto;}
.tab_item {
  width: calc(83%/5);
  padding:10px 0;
  margin:5px;
  /*border-bottom: 3px solid #417038 ;*/
  /*background-color: #ececec;*/
  text-align: center;
  /*color: #417038 ;*/
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  border: 1px solid #5c4023 ;
}
.tab_item:hover {
  opacity: 0.75;
}
input[name="tab_item"] {
  display: none;
}
.tab_content {
  display: none;
  padding: 2em 1em 2em 1em;
  clear: both;
  overflow: hidden;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content,
#tab5:checked ~ #tab5_content {
  display: block;
}
.tab_container input:checked + .tab_item {
  background-color: #caac71 ;
  border: 1px solid #5c4023 ;
  color: #5c4023;
}

}


/*トップ用イベント表示テスト*/

@media screen and (min-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/

.content1-1 dl{
    font-size: 16px;
    line-height: 30px;
}

.content1-1 dt{
  float: left;
  color:#ed6d35 ;
}

.content1-1 dd{
    margin-left: 130px;
}
}


@media screen and (max-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/

.content1-1 dl{
    font-size: 16px;
    line-height: 25px;
}

.content1-1 dt{
  clear: both;
  color:#ed6d35 ; 
  font-weight: bold;
}

#topevent dd{
        padding-bottom: 10px;
    }
}














/*イベント表示テスト*/

@media screen and (min-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/

dl{
    font-size: 16px;
    line-height: 30px;
}

dt{
  float: left;
  color:#ed6d35 ;
}

dd{
    margin-left: 200px;
}
}


@media screen and (max-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/

dl{
    font-size: 16px;
    line-height: 25px;
}

dt{
  clear: both;
  color:#ed6d35 ; 
  font-weight: bold;
}

    dd{
        padding-bottom: 10px;
    }
}

    

/*    フッター    */

.site-footer{
    clear: both;
    width:100%;
	background: #f0f0f0;
    margin-top: 80px;
	padding: 18px 0;
}

@media screen and (min-width: 767px) { /*ウィンドウ幅が767px未満の場合に適用*/
.copyright{
	color: #5c4023;
	font-size: 14px;
	text-align: center;
}
}

@media screen and (max-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/
.copyright{	color: #5c4023;
	font-size: 14px;
	text-align: center;
}
}


/*トップ minne・Creemaバナー*/

ul.shopbnr {
    display: flex;
    justify-content: center;
  }

  li.shopbnr {
    list-style: none;
    margin: 2px;
  }


/*トップ ラインナップバナー*/

ul.lineup {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  li.lineup {
    list-style: none;
    padding: 0 ;
    margin: 1px 2px;
  }



/*トップ ジャーナル*/


ul.snsbnr {
    display: flex;
    justify-content: center;
  }

  li.snsbnr {
    list-style-type: none!important;
    margin: 0 4px;
  }

ul.snsbnr_sp {
    display: none;
}

@media screen and (max-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/
ul.snsbnr {
    display: none;
}

ul.snsbnr_sp {
    display: block;
    justify-content: center;
  }

  li.snsbnr_sp {
    list-style-type: none!important;
    margin: 0 4px;
  }
    
}


/*リンクボタン*/

@media screen and (min-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/
a.btn_shop {
  color:#5c4023;
  position: relative;
  padding: 3px 12px;
  border-radius: 6px;
  font-size: 12px;
  text-decoration: none;
  float: left;
  margin-right: 5px;
  
}

a.btn_shop:hover {
  color:#ed6d35 ;
  transition: .5s ease-out;
}
}

@media screen and (max-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/
a.btn_shop {
  position: relative;
  width: 94%;
  color:#5c4023;
  padding: 3px 12px;
  border-radius: 6px;
  font-size: 12px;
  text-decoration: none;
  float: left;
  margin-left: 3%;
  margin-bottom: 5px;
  
}

a.btn_shop:hover {
  transition: .5s ease-out;
}
}



/*    テキスト制御    */

.mb_05 {
    margin-bottom: 5px;
}

.mb_10 {
    margin-bottom: 10px;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_30 {
    margin-bottom: 30px;
}

.mb_40 {
    margin-bottom: 40px;
}

.mtxt_10 {
    margin-left: 10px;
}

.p_center {
    text-align: center;
}

.p_right {
    text-align: right;
}

.t_orange {
    color: #ed6d35;
}

.font-ds {
    font-family: 'Dancing Script', cursive;
}

.font-nsj {
    font-family: 'Noto Serif JP', serif;
}

.font_w {
	font-size: 16px;
    color: #5c4023;
    line-height: 20px;
    font-weight:bold;
}



.shopname {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 16px;
}

.shoptime:before {
 font-family: FontAwesome;/*旧バージョンのFontAwesome*/
 content: '\f017';/*ここにUnicodeを指定*/
 padding-right: 0.4em;color: #5c4023;/*余白や色付けを追加*/
}





.shophome:before {
 font-family: FontAwesome;/*旧バージョンのFontAwesome*/
 content: '\f015';/*ここにUnicodeを指定*/
 padding-right: 0.4em;color: #5c4023;/*余白や色付けを追加*/
}

.shoptwitter:before {
 float: left;
 font-family: FontAwesome;/*旧バージョンのFontAwesome*/
 content: '\f099';/*ここにUnicodeを指定*/
 padding-right: 0.4em;color: #5c4023;/*余白や色付けを追加*/
}

.shopinstagram:before {
 float: left;
 font-family: FontAwesome;/*旧バージョンのFontAwesome*/
 content: '\f16d';/*ここにUnicodeを指定*/
 padding-right: 0.4em;color: #5c4023;/*余白や色付けを追加*/
}

.shopfacebook:before {
 float: left;
 font-family: FontAwesome;/*旧バージョンのFontAwesome*/
 content: '\f16d';/*ここにUnicodeを指定*/
 padding-right: 0.4em;color: #5c4023;/*余白や色付けを追加*/
}


.p_center {
    text-align: center;
}




.b_center {
    text-align: center;
}



/*    aelier    */

.aelier_copy {
    font-size: 32px;
    line-height:40px;
    margin-bottom: 10px;
}

.aelier_brand {
    font-size: 26px;
    color:#ed6d35;
    text-align: center;
    margin-bottom: 20px;
}

.aelier_txt {
    font-size: 16px;
    line-height:22px;
    padding-left: 8x;
    margin-bottom: 16px;
}



.ev_schedule {
    width: 800px;
    margin-left: 70px;
}