@charset "UTF-8";
/* CSS Document */
/* 基本情報 */
@keyframes bodyFadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}
 @-webkit-keyframes bodyFadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}
img {
	max-width: 100%;
	height: auto;
}
body {
	animation: bodyFadeIn 2s ease 0s 1 normal;
	-webkit-animation: bodyFadeIn 2s ease 0s 1 normal;
font-family: fot-seurat-pron, sans-serif;
font-weight: 600;
font-style: normal;
}

body {
	display: block;
	z-index: -1;
	width: 100%;
    background:#FFF;
    overflow-x: hidden;
    font-size:18px; text-align:center;
}
ol, ul {
	list-style: none;
	list-style-type: none;
}
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
.imgPC {
	display: block;
}
.imgSP {
	display: none;
}
.fadein {
	opacity : 0;
	transform : translate(0, 50px);
	transition : all 300ms;
}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

#wrapper{
	width: 100%;
	background: url("../../_img/bg_fix.jpg") center top;background-attachment:fixed;background-size:100% auto;
    padding-bottom:30px;
}

/* ヘッダーロゴ部分 */
header{
	width: 100%; height:775px; position:relative; background: url("../../_img/top_bg.jpg") center top;overflow: hidden;
    border-bottom:30px solid #f46098;
}
header h1 {font-size: 0;}
header #chara1 {
    width:779px; position: absolute; left:0; right:-480px; top:20px; z-index:9; margin:0 auto; }
header #chara2 {
    width:429px; position: absolute; left:0; right:-315px; top:65px; z-index:8; margin:0 auto; }
header #chara3 {
    width:635px; position: absolute; left:-380px; right:0px; top:279px; z-index:7; margin:0 auto; }
header #chara4 {
    width:465px; position: absolute; left:-790px; right:0px; top:540px; z-index:8; margin:0 auto; }
header #chara5 {
    width:682px; position: absolute; left:-220px; right:0px; top:310px; z-index:6; margin:0 auto; }
header #chara6 {
    width:513px; position: absolute; left:-756px; right:0px; top:265px; z-index:5; margin:0 auto; }
header #chara7 {
    width:369px; position: absolute; left:-235px; right:0px; top:135px; z-index:5; margin:0 auto; }
header #chara8 {
    width:639px; position: absolute; left:-477px; right:0px; top:42px; z-index:4; margin:0 auto; }
header #chara9 {
    width:313px; position: absolute; left:-900px; right:0px; top:40px; z-index:3; margin:0 auto; }

header #logo1 {
    width:414px; position: absolute; left:0px; right:0px; margin:0 auto; top:130px; z-index:10;}
header #logo2 {
    width:414px; position: absolute; left:0px; right:0px; margin:0 auto; top:370px; z-index:10;}


header #title {
    width:591px; position: absolute; left:300px;right:0; margin:0 auto; top:560px; z-index:13;}
header #ink {
    width:230px; position: absolute; left:800px;right:0; margin:0 auto; top:530px; z-index:12;}
header #you {
    width:178px;  position: absolute; left:-330px;right:0; margin:0 auto; top:590px; z-index:12;}


/* H2設定 */
h2 {font-size:0;}
section#kikaku1 h2{width:406px;height:85px; margin:0px auto; 
background: url("../../_img/h2_gaiyou.png") center top; position: absolute; left:0; right:0; top:-45px;}
section#kikaku2 h2{width:585px;height:85px; margin:0px auto;
background: url("../../_img/h2_howto.png") center top; position: absolute; left:0; right:0; top:-45px;}
section#kikaku3 h2{width:590px;height:85px;  margin:0px auto;
background: url("../../_img/h2_kikan.png") center top; position: absolute; left:0; right:0; top:-45px;}
section#kikaku4 h2{width:404px;height:85px;  margin:0px auto; 
background: url("../../_img/h2_caution.png") center top; position: absolute; left:0; right:0; top:-45px;}


/* 企画1 */
section{width:1000px; margin:100px auto 70px;border-radius: 20px;  background:#FFF;position:relative; z-index:10;padding:5px; box-sizing: border-box;box-shadow: 0 0 12px gray; border:10px solid #f46098; }
section .inner{border:2px solid #f46098;border-radius: 10px;  padding:60px 30px 30px; background: url("../../_img/bg.jpg");}

section .inner #present{width:693px; display:flex; flex-wrap: nowrap; margin:0 auto 40px; }
section .inner #present li{margin:5px;height:316px;}
section .inner #present li.item1{width:280px;}
section .inner #present li.item2{width:393px;}
section .inner #present li img{border:1px solid #838383;}

/* 企画2 */
section#kikaku2,section#kikaku4{text-align:left; position:relative;}
section#kikaku2 #chara3{width:362px; position: absolute; right:-90px; top:-120px; z-index:1;}
section#kikaku2 #text2{position :relative; z-index:2;margin-top:20px;margin-left:20px;}

section#kikaku2 #kakomi{width:835px; margin:20px auto; background:#ff1871;padding:20px;color:#FFF;font-size:28px; border-radius: 12px;}
section#kikaku2 .caution{width:835px; margin:10px auto 20px; font-size:14px;line-height:1.5em;}

section#kikaku2 dl.sakkaBlock{width:835px; margin:0px auto; }
section#kikaku2 dl.sakkaBlock dt{width:136px;float:left;}
section#kikaku2 dl.sakkaBlock dd{margin-left:146px;padding-top:10px;}
section#kikaku2 dl.sakkaBlock dd .kakomi{border:3px solid #5566b8; padding:15px;font-size:18px; line-height: 1.5em; border-radius: 12px;font-weight:bold;}

section#kikaku2 dl.tweetBlock{width:690px; margin:-50px auto 0; }
section#kikaku2 dl.tweetBlock dt{width:136px;float:right;}
section#kikaku2 dl.tweetBlock dd{margin-right:146px;padding-top:30px;}

.textBox1{margin-left:250px;}
.textBox2{margin-right:250px;font-size:14px;line-height:1.3em; }
.textBox2 p{margin-bottom:10px;}



section#kikaku2 .inner #sec2chara{position:absolute;z-index:1;left:-120px;top:30px;}
section#kikaku2 .inner #sec2serihu{position:absolute;z-index:3;left:-120px;top:-20px;}

section#kikaku4 .inner #sec4chara{position:absolute;z-index:1;right:-70px;top:10px;}
section#kikaku4 .inner #sec4serihu{position:absolute;z-index:3;right:-60px;top:100px;}

strong{color:#3097c2;font-weight:bold;font-size:21px;display:block;}
strong.pink{color:#f46098;}
strong.bigText{font-size:28px;}
strong span.kakomi{color:#FFF; background:#f46098;padding:7px;display:inline;margin-right:10px;}

strong em{text-decoration: underline;font-style:normal}

section .textBomb{width:617px; margin:10px auto 0;}
section .textBomb0{width:483px; margin:0px auto 0;}

/* フッター */
footer {
	width: 100%;
    background:#000;
}
footer p.copy {
    padding:10px 0;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
    color:#FFF;
}

footer #snsBtn{
  font-size: 0;
  padding: 20px 0;
    text-align:center;
}
footer #snsBtn li{
  line-height: 1.83333;
  letter-spacing: 0;
  display: inline-block
}
footer #snsBtn li + li {
  margin-left: 15px
}
footer #snsBtn img {
  width: 50px;
  height: auto
}


/* clearfix */
.clearfix {
	zoom: 1;
}
.clearfix:after, ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/*ボタンのCSS　*/


a{color:#ff1871;}
a:hover{color:#8e0e3f;text-decoration: none;}



.btn1 {
  display: inline-block;
  width: 500px;
  text-align: center;
  background-color: #f46098;
  border: 2px solid #f46098;
  color: #f46098;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 24px;
  position: relative;
margin:30px auto 0;
    font-size:120%;
}

.btn1 span {
  position: relative;
  z-index: 1;
}

.btn1::before,
.btn1::after {
  content: "";
  display: block;
  background-color: #FFF;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: .2s;
}
.btn1::before {
  left: 0;
}
.btn1:after {
  right: 0;
}

.btn1:hover:before,
.btn1:hover:after {
  width: 0;
  background-color: #FFF;
}

.btn1:hover {
  color: #FFF;
}