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

/* 基本情報 */

body{
	background-color: #FFFCFC;
	
}

h1{
	font-family: 'Noto Serif JP', serif;
	font-size: 42px;
	text-align: center;
	
}

div#sixth{
	font-family: 'Noto Serif JP', serif;
	text-align: center;
}

h2{
	color: dimgray;
	font-size: 12px;
	text-align: right;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

h3 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	position: relative;
	width: 200px;
	font-size: 18px
}

h3:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 6px;
	background: -webkit-repeating-linear-gradient(-45deg, #f6bfbc, #f6bfbc 2px, #fff 2px, #fff 4px);
	background: repeating-linear-gradient(-45deg, #f6bfbc, #f6bfbc 2px, #fff 2px, #fff 4px);
}


p{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 14px;
}

p#first{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 14px;
	clear: both;
}

p#second{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 14px;
}

p#third{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 14px
}

p#forth{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	text-align: right;
	font-size: 14px
}

figure.hikaku {
	float: left;
	padding-right: 20px;
	text-align: center
}

/* 横スクロールメニューの文字系*/
p#fifth{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 12px;
}

p#tenth{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 12px;
}

p#eleventh{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 12px;
}

p#twelfth{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 12px;
}

span{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 12px;
	
}
/*親要素*/
div#hikaku {
  position: relative;
  /*要素内の余白は消す*/
  padding:0;
}
/*文字*/
div#hikaku span {
  position: absolute;
  bottom: 4px;
  right: 89px;
  /*以下装飾*/
  color: white;
  background: #E3BFFF;
  padding:0 2px;
  line-height:1.5;
}

/*親要素*/
div#hikaku2 {
  position: relative;
  /*要素内の余白は消す*/
  padding:0;
}
/*文字*/
div#hikaku2 span {
  position: absolute;
  bottom: 4px;
  right: 89px;
  /*以下装飾*/
  color: white;
  background: #E3BFFF;
  padding:0 2px;
  line-height:1.5;
}

/* ハンバーガーメニュー*/
#show ,#hide{
	float:right;
	cursor: pointer;
	width: 20px;

}

#menu {
	z-index: 1;
	position: absolute;

	top: 0;
	right: -180px;
	width: 180px;
	min-height:200px;
	
	color: #fff;
	background-color: lightpink;

	transition: .4s;
}

body.menu-open #menu{
	right: 0;
}

#wrapper{
	position: relative;
	overflow-x: hidden;

}
a {
	text-decoration: none;
	color: white;
}
a:hover{
	color: #8B8B8B;
}

div#seventh{
	text-align: center;
}

p#eighth{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 13px;
	color: dimgray;
}

p#namae{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 12px;
	text-align: center;
	color: dimgray;
}

.horizontal-list {
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

    .item {
      /* 横スクロール用 */
      display: inline-block;

      /* 見た目調整 */
	height: 3px;
	width: 170px;
	margin: 18px;
	font-size: 17px;
	background-color:lightpink;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

div#onlinestore {
	text-align:center;
	padding: 3px;
    margin-top:20px;
	margin-bottom: 30px;
	margin-left: 70px;
	margin-right: 70px;
    color: #5989cf;
    background: #E3BFFF;
    border-bottom: solid 6px #B4A2C2;
    border-radius: 9px;
}