@charset "UTF-8";

/* rakuraku__wrapper overwrite
*************************************************************** */
.rakuraku__wrapper { background-color: #f9f9f9; padding-top: 0; }

@media only screen and (max-width: 767px){
.rakuraku__wrapper { background-color: #ffffff; padding-top: 0; }
}

/* rakuraku__campaign__bg
*************************************************************** */
.rakuraku__campaign__bg { background-color: #ffffff; padding-bottom: 50px; }

@media only screen and (max-width: 767px){
.rakuraku__campaign__bg { background-color: #ffffff; padding-bottom: 0; }
}


/* rakuraku__campaign__wrap
*************************************************************** */
.rakuraku__campaign__wrap { max-width: 980px; width: 980px; margin: 0 auto; overflow: hidden; position:relative; padding: 0 10px; }

@media only screen and (min-width: 768px){
.rakuraku__campaign__wrap { width: auto; }
}

@media only screen and (max-width: 767px){
.rakuraku__campaign__wrap { max-width:none; width: auto; margin: 0 20px; overflow: hidden; position:relative; padding: 0; }
}



/* rakuraku__toppage__button
*************************************************************** */
.rakuraku__toppage__button p { text-align: center; margin-top: 40px; padding: 25px 0; }
.rakuraku__toppage__button p a { background-color: #d41346; color: #ffffff; display: inline-block; font-size: 114.28%; font-weight: bold; padding: 15px 65px;}
.rakuraku__toppage__button p a:hover { background-color: #ee285c; }


.rakuraku__toppage__button.product__button{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: center;margin-top: 40px;}
.rakuraku__toppage__button.product__button p{display: table;width: 30%;margin-top: 0;padding: 0;}
.rakuraku__toppage__button.product__button p+p{margin-left: 30px;margin-top: 0 !important;}
.rakuraku__toppage__button.product__button a{display: table-cell;width: 100%;padding: 15px;vertical-align: middle;}

@media only screen and (max-width: 767px){
.rakuraku__toppage__button p { text-align: center; margin-top: 0; padding: 25px 0; }
.rakuraku__toppage__button p a { background-color: #d41346; color: #ffffff; display: inline-block; font-size: 100%; font-weight: bold; padding: 15px 70px;}
.rakuraku__toppage__button p a:hover { background-color: #d41346; }
.rakuraku__toppage__button.product__button{display: block;}
.rakuraku__toppage__button.product__button p{display: block;width: auto;}
.rakuraku__toppage__button.product__button p+p{margin-left:0;margin-top: 20px !important;}
.rakuraku__toppage__button.product__button p a{display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
}

/* index.html 
*************************************************************** */
#index.rakuraku__wrapper { background: #f9f9f9; padding-top: 0; }
#index .rakuraku__campaign__bg { background: #f9f9f9; padding-bottom: 0; }
#index .rakuraku__campaign__wrap__title .campaign_text { line-height: 1.8751em; width: 100%; margin: 5px 0 0 0; padding-bottom: 10px; }
#index .rakuraku__campaign__wrap__title .campaign_date { margin-top: 10px;text-align: right; font-size:100%; padding-bottom: 10px; }
#index .rakuraku__campaign__wrap__title h2 { text-align: center; font-size: 228.5712%; font-weight: 700; padding: 80px 15px 50px; }
@media only screen and (max-width: 767px){
	#index .rakuraku__campaign__wrap { max-width:none; width: auto; margin: 0; overflow: hidden; position:relative; padding: 0 0 45px; }
	#index .rakuraku__campaign__wrap__title h2 { font-size: 158%; line-height: 1.5; padding: 50px 0px 30px; }
#index .rakuraku__campaign__wrap__title .campaign_text { line-height: 2.2; width: 100%; margin: 5px 0 0 0; padding-bottom: 10px; }
#index .rakuraku__campaign__wrap__title .campaign_date { margin-top: 0; }
}

/* rakuraku__campaign__banner */
#index .rakuraku__campaign__banner { max-width: 980px; width: 980px; margin: 0 auto; padding: 5px 0 93px; }
@media only screen and (max-width: 767px){
	#index .rakuraku__campaign__banner { max-width:none; width: auto; padding-bottom: 50px;margin:0 20px; }
	#index .rakuraku__campaign__banner img{ width: 100%; }
}

@media only screen and (max-width: 767px){
	#index.rakuraku__wrapper { background-color: #ffffff; padding-top: 0; }
	#index .rakuraku__campaign__bg { background: #f9f9f9; padding-bottom: 0; }
	#index .rakuraku__campaign__wrap__title { max-width:none; width: auto; margin: 0; overflow: hidden; position:relative; padding: 0; }
}


/* rakuraku__campaign__list */
#index .campaign__list_title { font-size: 171.4%;color: #00aced;font-weight: bold; margin-bottom: 20px; }
#index .rakuraku__campaign__list { padding: 40px 40px;border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; background-color: #ffffff; border: 1px solid #00aced; margin-bottom: 35px;}
#index .rakuraku__campaign__list .campaign__list__wrap img { max-width: 100%; vertical-align: middle; }
#index .rakuraku__campaign__list .campaign__list__wrap .campaign__img { margin-bottom: 30px; }
#index .rakuraku__campaign__list .campaign__list__wrap p {  line-height: 1.75; font-size: 114.3%; }
#index .rakuraku__campaign__list .campaign__list__wrap p + p { margin-top: 30px; }
#index .rakuraku__campaign__list .campaign__list__wrap .note_text {position: relative;padding-left: 1.25em;}
#index .rakuraku__campaign__list .campaign__list__wrap .note_text span {position: absolute;left: 0;}
/*#index .rakuraku__campaign__list .campaign__list__wrap .campaign__img img{opacity: 0.2;filter: alpha(opacity=20)}*/
#index .rakuraku__campaign__list .campaign__list__wrap p + .campaign__img { margin-top: 30px; position: relative;}
/*#index .rakuraku__campaign__list .campaign__list__wrap .campaign__ended{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #e7e6e6;font-size: 157.143%;font-weight: bold;margin-top: 0;width: 90%;text-align: center;padding:10px;}
#index .rakuraku__campaign__list .campaign__list__wrap .campaign__ended_text{font-size: 129%;}*/
#index .rakuraku__campaign__list .campaign__list__wrap .campaign_lead_list { margin-bottom: 30px; }
#index .rakuraku__campaign__list .campaign__list__wrap .campaign_lead_list li { position: relative; padding-left: 1em; }
#index .rakuraku__campaign__list .campaign__list__wrap .campaign_lead_list li .num { position: absolute; left: 0; }
#index .rakuraku__campaign__btn { background-color: #00aced; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #ffffff; display: block; font-size: 114.3%; font-weight:bold; text-align: center; padding: 13px 15px; width: 480px; margin: 30px auto 30px auto; }
#index .rakuraku__campaign__btn span { background: url(/home/shiawase-share/rakuraku/twitter/campaign/images/arw_link_02.png) right center no-repeat; background-size: 7px 10px; display: block; padding: 0 10px; }
#index .rakuraku__campaign__btn em{font-size: 112.486%;}
#index .rakuraku__campaign__btn:hover { /*background-color: #00aced;*/ opacity: 0.7; }
#index .campaign__about_wrap { margin-top: 60px; }
#index .campaign__about_wrap .campaign__about_title { font-size: 129%; font-weight: bold; margin-bottom: 10px;  }
#index .campaign__about_wrap .campaign__about_subtitle { font-size: 114.5%; font-weight: bold; margin-bottom: 5px; position: relative; padding-left: 1.3em; }
#index .campaign__about_wrap .campaign__about_subtitle .angle { position: absolute; left: 0; }
#index .campaign__about_wrap .campaign__about_block { margin-top: 45px; }
#index .campaign__about_wrap .campaign__about_block a {word-break: break-all;}
#index .campaign__about_wrap .campaign__about_block .campaign__about_title01 { font-size: 129%; font-weight: bold;     margin-bottom: 10px; }
#index .campaign__about_wrap .campaign__about_block .text_bold { font-size: 129%; font-weight: bold; }
#index .campaign__about_wrap .campaign__about_block .text_bold + .campaign__red__text{
	margin-top: 0;
}
#index .campaign__about_wrap .campaign__about_block .campaign__about_text { font-size: 114.5%; }
#index .campaign__about_wrap .campaign__about_block .campaign__about_text + .campaign__about_text { margin-top: 0; }
#index .campaign__about_wrap .campaign__about_block .campaign__about_text + .campaign__about_text { margin-top: 5px; }
#index .campaign__about_wrap .campaign__about_block .campaign__about_text + a { margin-top: 30px; }
#index .campaign__about_wrap .campaign__about_block .note_list { font-size: 114.5%; }
#index .campaign__about_wrap .campaign__about_block .note_list li,#index .campaign__list__wrap p.note_list {  position: relative; padding-left: 1.25em; line-height: 1.75; }
#index .campaign__about_wrap .campaign__about_block ul li.text_mrg { margin-left: 15px; }
#index .campaign__about_wrap .campaign__about_block .note_list li span,#index .campaign__list__wrap p.note_list span { position: absolute; left: 0; }
#index .campaign__about_wrap .campaign__about_block .dots_list li { font-size: 114.5%; position: relative; padding-left: 1em; line-height: 1.75; }
#index .campaign__about_wrap .campaign__about_block .dots_list li img {margin: 10px 0; }
#index .campaign__about_wrap .campaign__about_block .dots_list li .img_btn { -webkit-transition: all .25s ease-out; transition: all .25s ease-out; }
#index .campaign__about_wrap .campaign__about_block .dots_list li .img_btn:hover { opacity: .7; }
#index .campaign__about_wrap .campaign__about_block .dots_list li span { position: absolute; left: 0; }
#index .campaign__about_wrap .campaign__about_block .dots_list + .note_list { margin-top: 20px; }
#index .campaign__about_wrap .campaign__about_block .dots_list + .campaign__about_subtitle { margin-top: 8px; }
#index .campaign__about_wrap .campaign__about_block .indent{margin-left: 1.3em;}
#index .campaign__about_wrap .campaign__about_block .dash_list li { font-size: 100%; }
#index .campaign__about_wrap .campaign__about_block + a { margin-top: 40px; }
#index .campaign__about_wrap .campaign__about_block .campaign__about_text + .dots_list { padding-top: 10px; }
#index .campaign__about_wrap .campaign__about_block .notice { font-weight: bold; text-decoration: underline; }
#index .campaign__about_wrap .campaign__about_block .bold { font-weight: bold; }

/* campaign__red__text */
#index .rakuraku__campaign__list .campaign__list__wrap .campaign__red__wrap{
	border: solid 2px #CC0303;
}
#index .rakuraku__campaign__list .campaign__list__wrap .campaign__red__wrap .campaign__red__text{
	text-align: center;
	font-size: 114.5%;
}
#index .rakuraku__campaign__list .campaign__list__wrap .campaign__red__text{
	color: #CC0303;
	font-weight: 700;
	font-size: 142.8571428%;
}
#index .rakuraku__campaign__list .campaign__list__wrap .campaign__red__text.campaign__red__bg{
	background-color: #fffae1;
	text-align: center;
	padding:15px 10px;
}
#index .rakuraku__campaign__list .campaign__list__wrap .notice_block{
	border: 2px solid #d41346;
	padding: 20px;
}
#index .rakuraku__campaign__list .campaign__list__wrap .color__text{
	color: #d41346;
}
#index .rakuraku__campaign__list .campaign__list__wrap .icon_blank_img{
	vertical-align: middle;
    margin-right: 5px;
    width: 15px;
    height: auto;
}

@media only screen and (max-width: 767px){
	#index .rakuraku__campaign__list { padding: 20px; }
	#index .campaign__list_title { font-size: 129%; }
	#index .rakuraku__campaign__list .campaign__list__wrap { padding: 20px 20px 0 20px; }
	#index .rakuraku__campaign__list .campaign__list__wrap p { line-height: 1.75; font-size: 100%; }
	#index .rakuraku__campaign__list .campaign__list__wrap p:first-child { margin-top: 1.5em; }
	#index .rakuraku__campaign__list .campaign__list__wrap { padding: 0; }
	/*#index .rakuraku__campaign__list .campaign__list__wrap .campaign__ended{font-size: 107%;}*/
	#index .rakuraku__campaign__list .campaign__list__wrap p + .campaign__img{margin-top: 1.5em;}
	#index .campaign__about_wrap .campaign__about_block .campaign__about_title01 { font-size: 115%; }
	#index .campaign__about_wrap .campaign__about_block .text_bold { font-size: 115%; line-height: 1.5; }
	#index .campaign__about_wrap .campaign__about_block .campaign__about_text { font-size: 100%; }
	#index .campaign__about_wrap .campaign__about_block .dots_list li { font-size: 100%; }
	#index .campaign__about_wrap .campaign__about_block .dots_list li .img_btn:hover { opacity: 1; }
	#index .campaign__about_wrap .campaign__about_block .note_list {font-size: 100%;}
	#index .campaign__about_wrap .campaign__about_block ul li.text_mrg { margin-left: 0; }
	#index .rakuraku__campaign__btn { background-color: #00aced; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #ffffff; display: block; font-size: 100%; line-height: 1.3; text-align: center; padding: 3.2% 0 2.6% 0; width: 100%; margin: 20px 0 20px 0; }
	#index .rakuraku__campaign__btn span { background: url(/home/shiawase-share/rakuraku/twitter/campaign/images/arw_link_02.png) right center no-repeat; background-size: 9px 12px; display: block; margin: 0 7px; }
	#index .rakuraku__campaign__btn:hover { background-color: #fb915d; }
	#index .rakuraku__campaign__list .campaign__list__wrap .campaign__img { margin-bottom: 20px; }
	#index .campaign__about_wrap { margin-top: 40px; }
	#index .campaign__about_wrap .campaign__about_title { font-size: 115%; }
	#index .campaign__about_wrap .campaign__about_subtitle { font-size: 100%; }
	#index .rakuraku__campaign__list .campaign__list__wrap .campaign__red__wrap{
		padding: 5px 10px;
	}
	#index .rakuraku__campaign__list .campaign__list__wrap .campaign__red__wrap .campaign__red__text{
	font-size: 100%;
	}
	#index .rakuraku__campaign__list .campaign__list__wrap .campaign__red__text{
		font-size: 114.2857142%;
	}
	#index .rakuraku__campaign__list .campaign__list__wrap .campaign__red__text:first-child{
		margin-top: 0;
	}
	#index .rakuraku__campaign__list .campaign__list__wrap .icon_blank_img{
		width: 14px;
	}
}