@charset "utf-8";
/* WOW!  _ CSS (lastupdate _ 2019.10.30)

- 全ての要素 _ box sizing = border-box 指定

*/

*, *::before, *::after { /* box-sizing all */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.boxsizing-content	{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing:content-box;
}

html { font-size:62.5%; }
body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica,sans-serif;
	color:#664840;
	letter-spacing:normal;
	text-align:center;
	-webkit-text-size-adjust: 100%; /* SmartPhone表示用 */
	}

/*-------------------------------
 Base _ link
---------------------------------*/
a			{ text-decoration:none; color:#0095d9; /* 青系 color:#;*/}
a:hover		{ text-decoration:underline; color:#19448e; /* 青系 color:#0095d9;color:#;*/}

a:hover > img[src$=".jpg"]	{
  background:#fff;
  filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
  transition : all .2s; /* Animation Effect */
  }

/*-------------------------------
 Base _ text
---------------------------------*/

/*p	{ font-size:1.2rem;}*/
.txtl	{ text-align:left;}
.txtc	{ text-align:center;}
.txtr	{ text-align:right;}

strong { font-size:112.5%;}
small { font-size:75%; font-weight:normal;}

/* Text Color */
.tc_inport { color:#fc3959;}
.tc_drd	{ color:#b81b30;} /* darkred */
.tc_org	{ color:#f0960c;} /* orange */


/* Text Shadow */
.ts_blu	{ text-shadow:0 0 40px #748dac, 0 0 25px #748dac, 0 0 20px #748dac, 0 0 0.40px #748dac;}
.ts_pnk	{ text-shadow:0 0 40px #ba6568, 0 0 25px #ba6568, 0 0 20px #ba6568, 0 0 0.40px #ba6568;}

/* Note text */
.note	{ font-size:100%;}

/* Note list */
.note-list	{
  padding:5px 0;
  font-size:1.4rem;
  line-height:1.3;
}

.note-list li	{
  
  padding-left:1em;
  margin-bottom:0.5em;
  text-indent:-1em;
}
.note-list li strong	{ margin:auto; }

/*-------------------------------
 Base _ placement
---------------------------------*/
/* Float*/
.fltl	{ float:left;}
.fltr	{ float:right;}

/* Clear Fix */
.clrfx::after	{ content:".";display:block; height:0;clear:both;visibility:hidden;}
.clrfx	{ zoom:1;}
.clr		{ clear:both;}
		
/*-------------------------------
 Base _ image
---------------------------------*/
	img {
		max-width:100%;
		height:auto;
	}
	
/* Image Position */
  .img--abslt { position:absolute;} /* 位置は直接タグへ指定 */
		
	
/* Box shadow */
.bs_wht	{ box-shadow:0 0 5px 0 rgba(256,256,256,0.9);}
.bs_brw	{ box-shadow:0 0 5px 0 rgba(166,154,152,0.9);}

/*-------------------------------
 Hero area
---------------------------------*/
.hero {
  width: 100%;
  line-height: 0;
  position: relative;
}

.hero__img--pc {
  display: none;
}
.hero__img--sp {
  display: block;
}
/*.hero__title {
  width: 75%;
  margin: 0 auto;
  line-height: 0;
}*/
.hero__title {
  top: 0;
  left: 0;
  position: absolute;
}
.hero__catch {
  top: 40%;
  left: 0;
  position: absolute;
}


/*-------------------------------
 Main
---------------------------------*/

.wrapper {
  background: #fff;
}
.content {
  max-width: 960px;
  padding: 0 2vw 2vmin;
  margin: 0 auto;
}
.cont-wow {
  margin: 6rem auto ;
  position: relative;
}
.cont-wow__title {
  margin: 0 auto 1rem;
  font-size: 1.2rem;
  line-height: 1;
}
.cont-wow__topic {
}
.cont-wow__topic-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cont-wow__topic-list li {
  width: 90%;
  padding: 1em 0;
  margin: 1rem auto;
  background: rgba(256,256,256,0.9);
  border: 4px solid #ffbddf;
  border-radius: 40rem;
  color: #d31e6b;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
}

.text-note {
  max-width: 800px;
  padding: 1em;
  margin: 0 auto;
  font-size: 1.2rem;
  line-height: 1.4;
  text-align: left;
}
.text-note::before {
  content: url("/wow/image/deco_star.png");
  margin: -1.5rem 0 1.5rem -2rem;
  float: left;
}

.text-ep {
  padding: 3rem 5vw;
  background: #d9a4b5;
  font-size: 1.2rem;
  line-height: 1.8;
}
.text-ep p {
  max-width: 780px;
  margin: 0 auto;
  color: #fff;
}


/*-------------------------------
 Footer
---------------------------------*/
footer	{
	padding:3rem 0;
	background:#b84274;
  font-size: calc(100vw / 45);
}



/* Footer _ Inner
-----------------------------*/
.footer-inner {
  max-width: 960px;
  margin: 0 auto;
}
.footer__brand {
  min-width: 45%;
  display: inline-block;
  vertical-align: top;
}
.link-logo {
max-height: 3rem;
}

.footer__copylight	{
  margin:1em auto;
  color:#fff;
  font-size:1.2rem;
  line-height:1.5;
  text-align:center;
}

.footer__note {
padding:0 1em;
margin:1em auto;
color:#fff;
text-align: left;
display: inline-block;

}
.footer__note li {
  padding:0.2em 1em;
  text-indent:-1em;
  line-height:1.2;
}



/* SNS Link Icon
-----------------------------*/
.snslnk	{
  margin: 1rem auto 3rem;
  overflow:hidden;
}
  .snslnk li	{
    margin:0 0.5rem;
    display:inline-block;
    overflow:hidden;
  }
  .snslnk li a	{ overflow:hidden; display:block;}

/* media screen -----------------------------------------------------*/