@charset "utf-8";
/* ---------------------------------------------------------------------------------
Copyright パシュミナ. All rights reserved.

HTML CSS Selectors common 

$Revision: 1.0 $
--------------------------------------------------------------------------------- */

/*---------------------------------------------------------------------------------
初期設定
--------------------------------------------------------------------------------- */
html,body {
  height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 16px;
	line-height: 1.75;
  letter-spacing: 0.08em;
	color: #000;
  -webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
  font-feature-settings: "palt";
}
h1,h2,h3,h4,h5,h6 {
}
h1,h2,h3,h4,h5,h6,
ul,ol,dl,
p,li,dt,dd,th,td,em,strong,blockquote {
	margin: 0px;
	padding: 0px;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
  font-weight: 400;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
	display: block;
	margin: 0px;
	padding: 0px;
}
p,dd,li {
  text-align: justify;
  list-style: none;
}
em,strong {
  font-weight: bold;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}

img {
	vertical-align:middle;
  width:100%;
	max-width: 100%;
	height: auto;
}
a img {
	border: none;
}
a:link,
a:visited,
a:hover,
a:active {
	color: inherit;
	text-decoration: none;
}

a:hover {
	transition: 0.2s ease-in-out;
  opacity: 0.5;	
}

.clearfix::after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
.none {
  display: none!important;
}
.pc {
  display: block;
}
br.pc,
span.pc,
img.pc {
  display: inline;
}
.sp {
  display: none!important;
}
.anchor {
  display: block;
  height: 0;
  position: relative;
  top: -126px;
}

/*SP ---------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  body {
    width: 100%;
    font-size: 14px;
    overflow-x: hidden;
  }
  .pc {
    display: none!important;
  }
  .sp {
    display: block!important;
  }
  br.sp,
  span.sp,
  img.sp {
    display: inline!important;
  }
  a:hover {
    opacity: 1;
  }
  .anchor {
    display: block;
    height: 0;
    position: relative;
    top: -60px;
  }
}


/*---------------------------------------------------------------------------------
コンテンツ
--------------------------------------------------------------------------------- */
.wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

h1 {
  width: 90%;
  max-width: 600px;
}
.read {
  padding: 0 0 40px;
  font-family: 'Poiret One', cursive;
  font-size: 60px;
  text-align: center;
}
.img {
  width: 600px;
  padding-top: 20px;
  margin: 0 auto 40px;
}

.sns {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.sns a {
  width: 50px;
  margin: 0 10px;
}

/*SP ---------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  .read {
    font-size: 30px;
  }
  .img {
    width: 90%;
    margin-bottom: 20px;
  }
  .read {
    padding-bottom: 20px;
  }
  .sns {
    width: 90%;
  }
  .sns a {
    width: 16%;
    margin: 0 2%;
  }
}