@charset "utf-8";


* {box-sizing: border-box;}
html {background-color: #000;}
p,
img,
ul,
ol,
.balloon {/*
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;*/
}
body {
	font-family: "M PLUS Rounded 1c",'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  margin: 0;
  padding: 0;
  font-size: 16px;
	letter-spacing: 0.01em;
  color: #85645a;
	box-sizing: border-box;
	line-height: 1.8;
}
@media screen and (max-width: 750px) {
	body {font-size: 14px;}
}
@media screen and (max-width: 320px) {
	body {font-size: 13px;}
}

ul li{
	list-style: none;
}
a{
	color: #1591f1;
	text-decoration: underline;
}
a:hover {
	top:1px;
	position:relative;
	opacity: 0.6 ;
	text-decoration: none;
}


pink {
	font-weight: bold;
	color: #ff7972;
}
bold {
	font-weight: bold;
}
star {
	color: #ffc723;
	font-size: 1.2em;
	letter-spacing: -0.03em;
}
lank {
	color: #f85983;
	font-size: 1.2em;
	font-weight: bold;
}
viol {
	font-weight: bold;
	color: #aa8ace;
}
blue {
	color: #1591f1;
}
twiblue {
	color: #1da1f2;
}
red {
	color: #f55f67;
}
gray {
	color: #b5a19c;
	font-weight: normal;
}
smal {
	font-size: 70%;
}
big {
	font-size: 140%;
	font-weight: bold;
}
black {
	color: #777;
	font-weight: normal;
}
linepink {
	background: linear-gradient(transparent 70%, #fcdcd4 0%);
	font-weight: bold;
}
under {
	font-weight: bold;
	text-decoration: underline;
	text-decoration-color: #f26860;
	text-decoration-style: double;
}
mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


/*==============================================================
■ 750pxまでの表示
==============================================================*/
@media screen and (min-width:751px){
.sp{display:none!important}
.pc{display:block!important}
}
@media screen and (max-width:750px){
.pc{display:none!important}
.sp{display:block!important}
}



/*==============================================================
■ 追加
==============================================================*/

.img-box {
  position: relative;
}
.img-box .active {
  position: absolute;
	width:40%;
  left:30% ;
  top: 0;
  opacity: 0;
  transition: 0.5s; // ゆっくり
}
.img-box:hover .active {
  opacity: 1;
}