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

/* import style
------------------------------------------------------------------- */
@import url('/css/mod_default.css');
@import url('/css/mod_layout.css');
@import url('/css/mod_headerfooter.css');
@import url('/css/mod_common.css');
@import url('/css/mod_others.css');

/* ------------------------------------------- */
/*　フォロー＆リツイートキャンペーン
------------------------------------------- */

.campaign0620{
	position: relative;
	background: url(/image/guide/03/cloud.png) repeat center top #a6e4e9;
	width: 100%;
	min-width: 1000px;
	margin: 0 auto;
	padding-top:30px;
}

.campaign0620-Box{
	position: relative;
	background: url("/image/event/june2019/special/bg.png") repeat center top #fefbf3;
	width: 1000px;
	height: 100%;
	margin: 16px auto 0 ;
	border-radius:16px;
	border: solid 3px #91ccc6;
	box-shadow:0px 0px 0px 3px #fff;
	box-sizing:content-box;
}

.campaign0620::before{
	content: "";
	width: 100%;
	height: 171px;
	position: absolute;
	bottom: 0;
	background: url("/image/guide/03/nicottotown_bottom.png") no-repeat center bottom;
}

.campaign0620_Green{
    background: url(/image/guide/03/bg_green.png) no-repeat center bottom;
	background-size: 180%;
	padding-bottom: 86px;
    box-sizing: border-box;
}

.campaign0620 h1,.campaign0620 h2{
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}

.campaign0620-Box_Title{
	background: url("/image/event/june2019/special/frcamp_bg01.png") no-repeat center top;
	width: 1000px;
	height: 480px;
}

.campaign0620-Box_Title::after{
	content: "";
	position: absolute;
	left: 0;
	top: -43px;
	background: url("/image/event/june2019/special/frcamp_title.png") no-repeat center top;
	width: 1000px;
	height: 480px;
}

.campaign0620-Box_Howto{
	background: url("/image/event/june2019/special/frcamp_bg02.png") no-repeat center top;
	height: 420px;
    padding-top: 260px;
    padding-left: 73px;
	box-sizing: border-box;
	position: relative;
}

.campaign0620-Box_Howto p{
	position: absolute;
	top: 176px;
    left: 195px;
}

.campaign0620-Box_Howto p span{
	font-weight: bold;
}

.campaign0620-Box_Howto #widget{
	position: absolute;
    top: 216px;
    left: 206px;
}

.campaign0620-Box_Howto #widget .btn-o{
	width: 98px;
	height: 30px;
	border: 2px solid #f58ea8;
	border-radius: 15px;
	background: #fff;
	box-sizing: border-box;
	transition: 0.6s;
}

.campaign0620-Box_Howto #widget .btn-o:hover{
	background: #f58ea8;
}

.campaign0620-Box_Howto #widget a{
	display: block;
	width: 100%;
	height: 100%;
	color: #f58ea8;
	padding-left: 10px;
	padding-top: 4px;
	box-sizing: border-box;
}

.campaign0620-Box_Howto #widget a:hover{
	text-decoration: none;
	color: #fff;
	opacity: 1;
}

.campaign0620-Box_Howto li{
	display: inline-block;
	width: 254px;
    padding: 0px 10px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
}

.campaign0620-Box_Howto li span{
	font-weight: bold;
}

.campaign0620-Box_Howto li:last-child{
    padding-left: 13px;
	margin-right: 0;
}

.campaign0620-Box_Tweet{
	background: url("/image/event/june2019/special/frcamp_bg03.png") no-repeat center top;
	padding-top: 64px;
	padding-bottom: 32px;
}

.campaign0620-Box_TweetBox{
	margin: 0 auto;
	border: 4px solid #bbce9c;
	border-radius: 10px;
	background: #fff;
	width: 500px;
	padding: 4px;
}

.campaign0620-Box_TweetBox .twitter-tweet{
	margin: 0!important;
}

.campaign0620-Box_Notice{
	background: url("/image/event/june2019/special/frcamp_bg04.png") no-repeat center top;
    height: 200px;
    padding-top: 46px;
    padding-left: 137px;
    box-sizing: border-box;
}

.campaign0620-Box_Notice li{
	position: relative;
	padding-bottom: 4px;
}

.campaign0620-Box_Notice li::before{
	content: "※";
	position: absolute;
	top: 0;
	left: -14px;
}

.campaign0620-Box_Notice li a{
	color: #a19553;
    text-decoration: underline;
	padding: 0 4px;
}

.campaign0620-Box_Notice li a:hover{
	opacity: 0.6;
}