@charset "UTF-8";

/*
  ページ別CSS
*/


/***********************************************************
#1 オーバーライド: c-main
***********************************************************/
#c-main {
}


/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
}




/***********************************************************
#1 スライド
***********************************************************/
#c-contents1 .box-slide img {
  width: 100%;
}





/***********************************************************
#1 インフォメーション
***********************************************************/
#c-main .box-info {
  margin-bottom: 4em;
}

#c-main .box-info-l {
 width: 62%;
 float: left;
 }

#c-main .box-info-r {
 width: 35%;
 float: right;
 }


/* 見出し */
#c-main .box-info h2 {
  text-align: left;
  margin-bottom: 1em;
  border-bottom: #333 solid 1px;
  padding-bottom: 1.0em;
  margin-top: 0 ;
}

/* フィード */
#c-main .box-info table {
  width: 96%;
  margin: 0 2% 1em;
  line-height: 120%;
}
#c-main .box-info table th {
  background: none;
  border: none;
  padding: 10px 0 10px 0;
}
#c-main .box-info table td {
  width: 100%;
  background: none;
  border: none;
  padding: 10px 0 10px 10px;
}

/* 一覧リンク */
#c-main .box-info .more {
  float: left;
  margin-left: 2%;
}

/* フィードリンク */
#c-main .box-info .feed {
  text-align: right;
  margin-right: 2%;
}
#c-main .box-info .feed .rss {
  margin-right: 1em;
}

/* リンク */
#c-main .box-info a {
  color: #333;
  text-decoration: none;
}
#c-main .box-info a:hover,
#c-main .box-info a:active {
  color: #E8841E;
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
#c-main .box-info-l {
 width: 100%;
 float: none;
 }

#c-main .box-info-r {
 width: 100%;
 float: none;
 text-align: center;
 }


/* 見出し */
#c-main .box-info h2 {
  text-align: center;
}


}




/***********************************************************
#1 レポート
***********************************************************/
#c-main .box-report {
  margin-bottom: 4em;
}

/* 見出し */
#c-main .box-report h2 {
  text-align: center;
  margin-bottom: 1em;
  margin-top: 1.5em;
}

/* フィード */
#c-main .box-report ul {
  list-style-type: none;
  margin: 2.0em 0 2.0em ;
  padding: 0;
  width:100%;
}
#c-main .box-report ul li {
  margin: 0 1% 1em;
  padding: 0;
  float: left;
  width: 17%;
}
#c-main .box-report ul li a {
  display: block;
}
#c-main .box-report ul li img {
  width: 100%;
}

/* 一覧リンク */
#c-main .box-report .more {
  text-align: right;
}

/* リンク */
#c-main .box-report a {
  color: #333;
  text-decoration: none;
}
#c-main .box-report a:hover,
#c-main .box-report a:active {
  color: #E8841E;
}


#c-main .box-report .square_btn {
    display: inline-block;
    padding: 1.2em 0;
	text-align: center;
    text-decoration: none;
    color: #fff;
    border: solid 1px #fff;
    transition: .4s;
	width: 100%;
	height: 80px;
	font-size: 1.3em;
}

#c-main .box-report .square_btn:hover {
    background: #fff;
    color: #333;
}


/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
  /* フィード */
  #c-main .box-report ul li {
    width: 48%;
  }
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
  /* フィード */
  #c-main .box-report ul li {
    width: 48%;
  }
}




/***********************************************************
#1 もっと知る
***********************************************************/
#c-main .box-more {
  margin: 2.0em 0 4em;
  padding: 0 ;
}


/* リスト */
#c-main .col-cat {
  margin: 0 auto;
  padding: 0;
  width: 96%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
#c-main .col-cat-co {
  margin: 0 0 1.0em;
  padding: 0;
  flex-basis: 23%;
  max-width: 100%;
}
#c-main .col-cat-co-btm {
  margin: 0 auto;
  padding: 0;
  width: 96%;
  max-width: 100%;
}

#c-main .col-cat-co h4 {
  font-family: "Vollkorn", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: 0.8em 0 0.6em ;
  text-align: center;
  font-size: 1.5em;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  border-bottom: solid #666 1px;
  padding-bottom: 0.8em;
}

#c-main .col-cat-co h4 span.sub {
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 12pt;
  color:#666;
}


#c-main .col-cat-co h4 span.sub {
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 12pt;
  color:#666;
}

/* リンク */
#c-main .col-cat-co p.p-btn {
  text-align: center;
  margin: 0.3em 0 ;
  padding: 0 ;
  font-size: 0.9em;
}
#c-main .col-cat-co p.p-btn a:link,
#c-main .col-cat-co p.p-btn a:visited {
  display: inline-block;
  padding: 0.5em 2.0em;
  background: #333;
  color: #fff;
  border-radius: 100vw;
  text-decoration: none;
}

#c-main .col-cat-co p.p-btn a:hover {
  background: #AE6357;
  text-decoration: underline;
}


/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

/* リスト */
#c-main .col-cat {
  margin: 0 auto;
  padding: 0;
  width: 96%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
	
#c-main .col-cat-co {
  margin: 0 0 1.0em;
  padding: 0;
  flex-basis: 48%;
  max-width: 100%;
}	

#c-main .col-cat-co h4 {
  font-family: "Vollkorn", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: 0.8em 0 0.6em ;
  text-align: center;
  font-size: 1.3em;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  border-bottom: solid #666 1px;
  padding-bottom: 0.8em;
}

#c-main .col-cat-co h4 span.sub {
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 10pt;
  color:#666;
}
	
#c-main .col-cat-co p {
  font-size: 0.8em;
  line-height: 1.3em;
}
	
}




/***********************************************************
#1 関連情報
***********************************************************/
#c-main .box-bnr {
}



/* リスト */
#c-main .box-bnr ul {
  list-style-type: none;
  margin: 0;
  padding: 5.0em 0;
  width:100%;
}
#c-main .box-bnr ul li {
  margin: 0 1% 1em;
  padding: 0;
  float: left;
  width: 31%;
}


/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
  /* リスト */
  #c-main .box-bnr ul li {
    width: 31%;
  }
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
  /* リスト */
  #c-main .box-bnr ul li {
    width: 100%;
  }
}



/***********************************************************
#1　ショップエリア
***********************************************************/

#c-main .box-shop {
  width: 100%;
  max-width: 100%;
  margin: 0 ;
  padding: 3.0em 0 ;
}	

#c-main .box-shop h2 {
  line-height: 1.4em;
  margin: 0 ;
  padding: 0 ;
  letter-spacing: 0.03em;
  color: #333;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.0em;
  text-align: center;
}


#c-main .col-shop {
  width: 80vw;
  max-width: 92%;
  margin: 1.5em auto;
  padding: 0 ;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}	

#c-main .col-shop-co {
  flex-basis: calc(100% / 4 - 4%);
  max-width: 100%;
  margin: 0 2% 1.0em;
  padding: 0 ;
}	
#c-main .col-shop-co-tp {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 ;
}	

#c-main .col-shop-co-tp img {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}	

#c-main .col-shop-co-btm {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0.5em 0.2em ;
}	
#c-main .col-shop-co-btm h3 {
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1.3em;
  padding: 0.2em 0 0.3em ;
  margin: 0 ;
  text-align: center;
  font-family: "Zen Old Mincho", serif;
}	
#c-main .col-shop-co-btm p.cat {
  font-size: 1.0em;
  font-weight: 400;
  line-height: 1.3em;
  padding: 0.2em 0 0.3em ;
  margin: 0 ;
  text-align: center;
}

#c-main .col-shop-co-btm p.btn {
  letter-spacing: 0.02em;
  font-weight: 300;
  margin: 1.0em 0 ;
  padding: 0 ;
  text-align: center;
}
#c-main .col-shop-co-btm p.btn a:link,
#c-main .col-shop-co-btm p.btn a:visited {
  font-size:0.9em;
  letter-spacing: 0.05em;
  color: #fff;
  background: #ADA142;
  padding: 0.4em 2.0em 0.6em;
  text-decoration: none;
  display: inline-block;
  font-weight: 600;
  border-radius: 100vw;
}
#c-main .col-shop-co-btm p.btn a:hover {
  text-decoration: underline;
  background: #999;
}

/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
#c-main .col-shop-co {
  flex-basis: calc(100% / 2 - 4%);
}
	
	
}

/***********************************************************
#1　共通　下階層
***********************************************************/
#c-main .box-base01 {
  padding: 0 0 3.0em ;
  margin:0 auto;
  width: 100%;
  max-width: 100%;
}
#c-main .box-base01-inner {
  padding: 0 ;
  margin:0 auto;
  width: 1080px;
  max-width: 92%;
}

#c-main p.p-catch {
  font-size: 2.2em;
  font-weight: 600;
  margin-top: 1.2em;
}

#c-main .box-photolist {
  padding: 0 ;
  margin:2.0em auto;
  width: 100%;
  max-width: 100%;
}

/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

	
}