@charset"UTF-8;"
 
 	/* 先にスマホ用と共通のCSSを記述して、最後にメディアクエリを設定してPCでの表示方法を記述しています。 */
	
 /* テキストの自動拡大を無効化 */
body {
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

 /* ページ全体の設定 ブラウザが挿入する余白を削除 */
 body {
 background-color: #ededed;
  margin: 0;
 font-family:'Poppins', 'M PLUS Rounded 1c','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}


/* TOPのナビゲーション  */
 .about {
  margin: 0;
  padding: 0;
 }

 .about ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
 margin: 0;
  padding: 10px;
  background-color: #fff;
 }
 
 .about li {
  color: #b3ada0;
  list-style-type: none;
  font-size: 12px;
  margin-right: 25px;
 letter-spacing: 1px;
 }

.top {
position: fixed;
z-index: 999;
top:90%;
right: 0;
}

.top p {
background-color: #b3ada0;
margin: 0;
padding: 10px 15px;
color: #fff;
border-radius: 15px 0 0 15px;
font-size: 15px;
 font-weight: 600;
}


header {
    
padding: 0;
color: #f5f5f5;
font-weight: 300;
text-align: center;
 background-color: #b3ada0;
font-family: 'Poppins', sans-serif;
}

#logo {
left: 50%;
margin: 0;
font-size: 40px;
 font-weight: 500;
font-family: 'Poppins', sans-serif;
}


/* 全部のリンクの装飾を消す */
a {
color: inherit;
text-decoration: none;
}

/* カーソルを合わせると半透明になる */
a:hover {
opacity: 0.7;
 color: #4a4a4a;
}


p {
	line-height: 1.7;
	font-size: 12px;
				letter-spacing: 1px;
}


h1 {
	font-size: 23px;
}

h2 {
	font-size:16px;
	color:#1c1c1c;
	border-bottom: solid 1px #666666;
	margin-top: 60px;
}

h4 {
	font-size: 14px;
	border-radius: 2px;
	background-color: #ededed;
padding: 7px 5px 5px 15px;
	line-height: 25px;

}

h5 {
	font-size:12px;
margin-top: 0;
	margin-bottom: 0;
}

h6 {
	font-size:12px;
margin-top: 10px;
	margin-bottom: 0;
	color:#004fbd;
	font-weight: bold;
}

i {
	margin-right: 5px;
}


.content-inner {
	margin-top: 150px;
	margin-bottom: 50px
}



/* サイドのナビゲーション */
@media screen and (max-width: 767px) {
.side-wrap {
		display: none;
	}
}
.guidenav div {
display: block;
flex-wrap: wrap;
justify-content: center;
}

.guidenav ul {
list-style-type: none;
padding:0px;
color: #1c1c1c;
font-size: 15px;
}

.guidenav li {
margin: 8px;
border-radius: 2px;
padding: 15px 20px 15px 25px;
}

.guidenav p {
	font-size: 12px;
}

.info1 div {
	margin-top: 20px;
	padding:0;
}

.info1 h1 {
	font-size: 20px;
	color:#1c1c1c;
}

/* アコーディオンメニュー */

.accordion-container .accordion-title {
  position: relative;
  margin: 0;
  background-color: #f2f2f2;
  font-size: 15px;
  font-weight: normal;
  color: #69655d;
  cursor: pointer;
}

.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open { 
  background-color: #dbdbd7;
}

.accordion-container .accordion-title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 50px;
  width: 15px;
  height: 2px;
  /*縦線に*/
  transform: rotate(90deg);
  background: #69655d;
  transition: all .3s ease-in-out;
}

.accordion-container .accordion-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 50px;
  /*横線*/
  width: 15px;
  height: 2px;
  background: #69655d;
  transition: all .2s ease-in-out;
}

.accordion-container .accordion-title.open::before {
  transform: rotate(180deg);
}

.accordion-container .accordion-title.open::after {
  opacity: 0;
}

.accordion-content {
  padding-left: 3rem;
  border: 1px solid #f5f5f5;
background-color: #fff;
}

.accordion-content p {
line-height: 2rem;
border-bottom: 1px dashed #8f8f8f;
color: #69655d;
}

/* CSS for CodePen */
.accordion-container {
  width: 100%;
  margin: 0 auto;
}

/* holiday */

.holiday {
 margin-top: 15px;
 margin-bottom: 30px;
}

.holiday span {
 color: #f20000;
font-weight: 500;
}



/* ご注文について */

	.info-wrap img {
		max-width: 100%;
	}
		

.reserve img {
margin: 30px 0 30px 0 ;
	padding: 10px
	}
		

.returns div {
	margin-top: 20px;
	padding: 5px;
}

.returns p {
margin-top: 0;
	margin-bottom: 15px;
}

.item div {
	margin-top: 20px;
	padding: 5px;
}

.question div {
	margin-top: 20px;
	padding: 5px;
}


.question p {
margin-top: 0;
	margin-bottom: 15px;
}


.other div {
	margin-top: 20px;
	padding: 5px;
}


.other p {
margin-top: 0;
	margin-bottom: 15px;
}

.ship-info {
	margin-top: 20px;
	padding: 5px;
}


.ship-info p {
margin-top: 0;
	margin-bottom: 15px;
}



/* 配送について */

#shippment {
	font-size:13px;
	line-height: 1.5;
}

#shippment h1 {
	margin: 20px 0 0 0;
	font-size: 18px;
}

#shippment li {
	margin-bottom: 5px;
	list-style-type: square;
}

#shippment p {
	font-weight: normal;
	margin: 0;
	font-size: 13px;
}

#shippment-time {
	display: flex;
	flex-wrap: wrap;
text-align: left;
	padding: 0;
}

#shippment-time li {
	list-style: none;
	padding: 5px 15px 5px ;
	border: solid 1px #e6ebf2;
	margin: 5px;
	border-radius: 5px;
	background-color: #e6ebf2;
} 

#shippment img {
	width: 100%;
}


.info-wrap {
	background-color: #ffffff;
	padding: 20px;
}




/* 「サイトについて」ページ */
table {
	border-collapse: collapse;
}

th, td {
	border: solid 1px #dbdbdb;
	padding: 15px 5px 15px;
}

th {
	width: 20%;
	text-align: left;
	background-color: #1c1c1c;
	color: #f5f5f5;
	font-weight: normal;
	font-size: 13px;
}

td {
	background-color: #f2f2f2;
		font-size: 12px;
}

#fee_01 {
	width: 60%;
}

#fee_02 {
	width: 20%;
}


.mail-ship td {
	background-color: #f0f0f0;
}

.mail-ship th {
	background-color: #b3b3b3;
}

.mail-ship th,
.mail-ship td {
	display: block;
	width: 90%;
border: none;
 margin: 0;
padding: 15px  10px 15px;
}

.mail-ship {
	width: 100%;
	border: none;
margin: 0;
}


/* 「フッター」ブロック */
footer {
background-color: #b3ada0;
padding: 30px 15px;
 margin-top: 5em;
color: #fff;
text-align: center;
font-family: 'Poppins', sans-serif;
}

.company {
line-height: 1.3rem;
}

.company font {
 font-size: 15px;
 letter-spacing: 0.3em;
 padding-left: 10px;
}

.company h1 {
font-size: 60px;
 font-weight: 500;
padding-bottom: 15px;
font-family: 'Poppins', 'M PLUS Rounded 1c',sans-serif;
 margin-top: 30px;
 margin-bottom: 0;
}

.company p {
font-size: 12px;
font-family: 'M PLUS Rounded 1c', sans-serif;
letter-spacing: 3px;
}

footer  ul {
justify-content: center;
text-align: center;
list-style: none;
margin-top: 35px;
padding: 15px;
}

.list li {
padding: 8px;
letter-spacing: 3px;
font-family: 'M PLUS Rounded 1c', sans-serif;
}

footer h2 {
font-size: 13px;
color: #fff;
letter-spacing: 3px;
 margin: 0;
 padding-top: 10px;
font-family: 'Poppins', sans-serif;
 border-top: 1px solid #fff;
  border-bottom: none;
}

/*=================== PC用 ===================*/
@media screen and (min-width: 768px) {

	/* 2カラムにチェンジ */
	.pc-wrap {
		display: flex;
	}
    
header { 
max-width: 768x;
background-color: #b3ada0;
}

#logo {
text-align: center;
font-size: 50px;
}


h1 {
	font-size: 15px;
}

p {
	font-size: 12px;
}

	
	.info-wrap {
		width: 70%;
		margin-right: 10px;
 margin-top: 10px;
padding: 15px;
	}
	
	.info-wrap img {
		max-width: 70%;
	}
		
	/* サイドのナビゲーション */
	.side-wrap {
	width: 350px;
		margin: 80px 10px 20px 10px;
		background-color:#fff;
		padding-left: 5px;
		padding-right: 5px;
		color:#1c1c1c;
		box-sizing: border-box;
	}
	
	.side-wrap ul {
		padding: 0;
	}

	.side-wrap li {
		margin-top: 40px;
		list-style-type:none;
		background-color: #f5f5f5;
		padding: 15px 20px 15px 25px;
	}
	
	.side-wrap p {
padding-left: 25px;
	}

	.side-wrap i {
		color:#1c1c1c;
		margin-right: 5px;
	}
	
/* アコーディオンメニュー */
.accordion-container .accordion-title {
display: none;
}
	
#add {
font-size:12px ;
line-height: 0.7rem;
	}
	
	table {
	border-collapse: collapse;
}

th, td {
	border: solid 1px #dbdbdb;
	padding: 15px 5px 15px;
}

th {
	width: 20%;
	text-align: left;
	background-color: #1c1c1c;
	color: #f5f5f5;
	font-weight: normal;
	font-size: 12px;
}

td {
	background-color: #f2f2f2;
		font-size: 12px;
}

#fee_01 {
	width: 60%;
}

#fee_02 {
	width: 20%;
}
 
 
 /* 「フッター」ブロック */
.company h1 {
padding-bottom: 5px;
}
	
.company {
text-align: left;
margin-left: 5em;
}
	
.company p {
font-size: 13px;
text-align: left;
letter-spacing: 2px;
font-weight: 300;
margin: 0;
padding: 2px;
}
	
footer .container {
display: flex;
vertical-align:bottom;
width: 100%;
padding: 0;
margin-bottom: 0;
justify-content:space-between;
margin-bottom: 30px;
}
    
.list {
padding: 0;  
text-align: right;
margin-right: 5em;
}   


}
	


	
/* ===== PC版の設定ここまで ===== */



/* ==== PC版（大） ==== */
@media screen and (min-width: 1024px) {

/* PC版（大） フッター コンテンツ */
.company {
margin-left: 10em;
}
    
.list {
margin-right: 10em;
}  

    

/* PC版（大）：「コンテンツ」ブロック内のコンテナ */
.contents{
	display: flex;
	justify-content: space-between;
}

/* PC版（大）：記事 */
.info-wrap {
	width: 68%;
	box-sizing: border-box;
}

/* PC版（大）：サブメニュー */
.sub {
	width: 28%;
}

		/* サイドのナビゲーション */
	.side-wrap {
	width: 350px;
		margin: 80px 15px 40px 15px;
		background-color:#fff;
		padding-left: 5px;
		padding-right: 5px;
		color:#1c1c1c;
		box-sizing: border-box;

	}

	.side-wrap li {
		margin-top: 40px;
		list-style-type:none;
		background-color: #f5f5f5;
		padding: 15px 20px 15px 25px;
		width:inherit;
	}
	
	.side-wrap p {
padding-left: 25px;
	}

	.side-wrap i {
		color:#1c1c1c;
		margin-right: 5px;
	}
}
/* ===== PC版（大）の設定ここまで ===== */