@charset "UTF-8";
#main{position:relative;overflow:hidden}
.main_sizing,.main_sizing dl dt,.main_sizing dl dd { -webkit-box-sizing: initial;box-sizing: initial; }
sup {font-size: smaller;line-height: inherit;position: initial;vertical-align: super;}

/* site-name
*************************************************************** */
.container{position:relative;margin:0 auto}
.site-name-container{margin:0 auto}
.site-name{font-weight:bold}
.site-name:before{display:inline-block;margin-right:7px;width:4px;height:19px;vertical-align:-3px;background:#ec1d00;border-radius:4px;content:''}
@media print,screen and (min-width:768px){
.container{padding:0 13px;max-width:1226px}
.site-name-container{padding:0 13px 20px;max-width:1440px}
.site-name{font-size:1.13em}
}
@media screen and (max-width:767px){
.container{padding:0 30px}
.site-name-container{overflow:hidden;display:flex;justify-content:space-between;align-items:center;padding:12px 15px}
.site-name{font-size:1.4759em;line-height:normal}
}

/* site-menu
*************************************************************** */
.site-menu-item{display:block}
.site-menu-item__link{position:relative;font-weight:700}
.site-menu-item__link:before{position:absolute;display:block;pointer-events:none;content:''}
.site-menu-item__link:link,.site-menu-item__link:visited{color:inherit}
.site-menu-item__link:hover{text-decoration:none}
@media print,screen and (min-width:768px){
.site-menu-btn{display:none}
.site-menu-list{display:flex}
.site-menu-item{width:100%}
.site-menu-item:not(:first-child){margin-left:2px}
.site-menu-item__link{display:flex;height:58px;text-align:center;line-height:1.1875;justify-content:center;align-items:center}
.site-menu-item__link:before{bottom:0;left:0;width:100%;height:3px;background-color:#333;opacity:0;transform:scaleX(0);transition:transform .3s}
.site-menu-item__link:hover:before{transform:scale(1);opacity:1}
.site-menu-item__link.is-current:before{transform:scale(1);opacity:1;transition:none}
}
@media screen and (max-width:767px){
.site-menu-btn{position:relative;z-index:30;display:flex;width:50px;height:50px;background-color:#333;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;transition:background-color .3s}
.site-menu-btn__bar{display:block;margin:3px 0;width:25px;height:2px;background-color:#fff;border-radius:1px}
.site-menu-btn__bar:nth-child(1),.site-menu-btn__bar:nth-child(3){transition:transform .3s}
.site-menu-btn__bar:nth-child(2){transition:opacity .3s}
.site-menu-btn.is-opened{background-color:#434343}
.site-menu-btn.is-opened>.site-menu-btn__bar:nth-child(1){transform:translateY(8px) rotate(45deg)}
.site-menu-btn.is-opened>.site-menu-btn__bar:nth-child(2){opacity:0}
.site-menu-btn.is-opened>.site-menu-btn__bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.site-menu{position:absolute;top:0;right:0;z-index:29;padding-top:75px;width:305px;height:100%;background-color:#333;color:#fff;transition:transform .3s}
.site-menu:not(.is-opened){transform:translateX(100%);pointer-events:none}
.site-menu>.container{padding:0}
.site-menu-item{border-bottom:1px solid #434343}
.site-menu-item__link{display:block;padding:11px 20px 11px 25px;font-size:1.2245em;line-height:normal}
.site-menu-item__link:before{top:50%;right:15px;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;border-radius:2px;transform:translateY(-50%) rotate(45deg)}
}

/* h1
*************************************************************** */
#category_title { padding-top:6px; font-size: 128.57%;}
#category_title span { display: table-cell; vertical-align: middle; padding-right: 20px; }
#category_title a { display: table-cell; font-size: 0; line-height: 0; vertical-align: middle; }

@media only screen and (max-width: 767px){
#category_title { padding: 15px 20px; font-size: 128.57%; font-weight: bold; }
#category_title span { display: block; vertical-align: middle; padding-right: 0; }
#category_title a { display: none; }
}


/* rakuraku__loading
*************************************************************** */
.rakuraku__loading { position:relative; }
.rakuraku__loading .loading { background: #ffffff url(/home/shiawase-share/rakuraku/images/295.gif) center 200px no-repeat; position: absolute; top: 0px; left: 0px; width: 100%; height: 2000px; z-index: 100; }

@media only screen and (max-width: 767px){
.rakuraku__loading .loading { background: #ffffff url(/home/shiawase-share/rakuraku/images/295.gif) center 200px no-repeat; background-size: 32px 32px; position: absolute; top: 0px; left: 0px; width: 100%; height: 2000px; z-index: 100; }
}


/* rakuraku__wrapper
*************************************************************** */
.rakuraku__wrapper { /*display: none;*/ min-width: 980px; background-color: #f9f9f9; position: relative; padding-top: 30px; }
.rakuraku__wrapper.rakuraku__index { padding-top: 0; }
.rakuraku__wrapper .rakuraku__pagetop { font-size: 0; line-height: 0; position: fixed ; left: 0px; bottom: 0px; width: 100%; padding: 0;z-index: 10; transition: opacity .3s ease-out; }
.rakuraku__wrapper .rakuraku__pagetop.is-hidden{ visibility: hidden; opacity: 0; }
.rakuraku__wrapper .rakuraku__pagetop.is-absoluted{ position: absolute; bottom: 0; }
.rakuraku__wrapper .rakuraku__pagetop p { position: relative; max-width:1000px; _width:1000px; margin: 0 auto; }
.rakuraku__wrapper .rakuraku__pagetop p a { position: absolute; right: 10px; bottom: 0px; }

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

@media only screen and (max-width: 767px){
.rakuraku__wrapper { min-width: 0; }
.rakuraku__wrapper { background-color: #f9f9f9; position: relative; padding-top: 40px; }
	.global_footer{margin-top: 0;}
}

/* rakuraku__contents
*************************************************************** */
.rakuraku__contents { max-width: 980px; width: 980px; margin: 0 auto -60px auto; overflow: hidden; padding: 0 10px; }

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

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


/* rakuraku__inner
*************************************************************** */
.rakuraku__inner { text-align: left; max-width: 980px; width: 980px; margin: 0 auto; overflow: hidden; }

@media only screen and (min-width: 768px){
.rakuraku__inner { width: auto; }
}
@media only screen and (max-width: 767px){
.rakuraku__inner { text-align: left; max-width:none; width: auto; margin: 0 20px; overflow: hidden; }
}


/* rakuraku__branding
*************************************************************** */
.rakuraku__branding { /* border-top: 1px solid #eaeaea; font-size: 0; line-height: 0; */ position: relative; overflow: hidden; }
.rakuraku__branding .photo { display: none; position: absolute; top: 0px; left: 0px; width: 100%; }
.rakuraku__branding .photo img { width: 100%; height: auto; }
.rakuraku__branding .photo .pc_img { display: inline; }
.rakuraku__branding .photo .sp_img { display: none; }
.rakuraku__branding .rakuraku__inner { position: relative; font-size: 0; line-height: 0; }
.rakuraku__branding .branding__block { position: relative; }
.rakuraku__branding .branding__block img { width: 100%; height: auto; }
.rakuraku__branding h2 { position: absolute; top: 0px; left: 1.02%; padding-top: 9.38%; width: 45.71%; }
.rakuraku__branding .text { position: absolute; top: 0px; left: 1.02%; padding-top: 27.24%; width: 42%; }
.rakuraku__branding .logo { position: absolute; bottom: 133px; left: 0; width: 15.71%; }
.rakuraku__branding .kids { position: absolute; bottom: 101px; left: 17.15%; width: 27.15%; }
.rakuraku__branding .iaud { position: absolute; bottom: 140px; left: 28.06%; width: 7.65%; }
.rakuraku__branding .kids span,
.rakuraku__branding .iaud span { display: block; }
.rakuraku__branding .scroll { position: absolute; left: 50%; /*bottom: 5%;*/ bottom: 140px; margin-left: -37px; width: 74px; height: auto; }
.rakuraku__branding .scroll img { cursor: pointer; }

@media only screen and (max-width: 767px){
.rakuraku__branding { /*border-top: 0px; font-size: 0; line-height: 0;*/ position: relative; overflow: hidden; }
.rakuraku__branding .photo { display: none; position: absolute; top: 0px; left: 0px; width: 100%; }
.rakuraku__branding .photo img { width: 100%; height: auto; }
.rakuraku__branding .photo .pc_img { display: none; }
.rakuraku__branding .photo .sp_img { display: inline; }
.rakuraku__branding .rakuraku__inner { position: relative; font-size: 0; line-height: 0; }
.rakuraku__branding .branding__block { position: relative; padding-bottom: 107.14%; }
.rakuraku__branding .branding__block img { width: 100%; height: auto; }
.rakuraku__branding h2 { position: absolute; top: 0px; left: 0px; padding-top: 7.5%; width: 78%; }
.rakuraku__branding .text { position: absolute; top: 0px; left: 0px; padding-top: 37%; width: 66%; }
.rakuraku__branding .logo { position: absolute; top: 0px; left: 0px; bottom:0; padding-top: 72.8%; width: 27.50%; }
.rakuraku__branding .kids { position: absolute; top: 0px; left: 0px; bottom:0; padding-top: 81.8%; width: 50%; }
.rakuraku__branding .iaud { position: absolute; top: 0px; left: 13.75%; padding-top: 81.25%; width: 13.39%; }
.rakuraku__branding .kids span,
.rakuraku__branding .iaud span { display: block; }
.rakuraku__branding .scroll { display: none; }
}

/* navi*/
.rakuraku__branding .navi { position: absolute; bottom: 0; width: 100%; height: 80px; background-color: rgba( 255, 255, 255, 0.9 ); border-top: 1px #d2d2d2 solid; border-bottom: 1px #d2d2d2 solid; }
.rakuraku__branding .navi .navi__wrap { max-width: 980px; width: 980px; margin: 0 auto; overflow: hidden; height: 80px; }
.rakuraku__branding .navi .navi__wrap .navi__listbox ul li { float: left; width: 16.665%; border-left: #d2d2d2 1px solid; height: 80px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.rakuraku__branding .navi .navi__wrap .navi__listbox ul li a { display: block; width: 100%; height: 80px; display: table; color: #444; font-weight: 700; background: url(/home/shiawase-share/rakuraku/images/arw_top_down.png) no-repeat center 64px; }
.rakuraku__branding .navi .navi__wrap .navi__listbox ul li.pagelink a { background-color: rgba(228,231,213,0.3); background-image: none !important; }
.rakuraku__branding .navi .navi__wrap .navi__listbox ul li a span { display: block; width: 100%; display: table-cell; vertical-align: middle; text-align: center; padding-bottom: 5px;}
.rakuraku__branding .navi .navi__wrap .navi__listbox ul li.pagelink a span { display: block; width: 100%; display: table-cell; vertical-align: middle; text-align: center; padding-top: 8px;}
.rakuraku__branding .navi .navi__wrap .navi__listbox ul li:last-child { border-right: #d2d2d2 1px solid; }


@media only screen and (min-width: 768px){
.rakuraku__branding .navi.navifixed { position: fixed; top: 0; z-index: 100; }
#scene_4::before { content: ""; display: inline-block; height: 100px; margin-top: -100px; vertical-align: top; }
#merit6::before { content: ""; display: inline-block; height: 100px; margin-top: -100px; vertical-align: top; }
#relation::before {content: ""; display: inline-block; height: 100px; margin-top: -100px; vertical-align: top;}
}

@media only screen and (max-width: 767px){
.rakuraku__branding .navi { position: relative; bottom: 0; width: 100%; height: auto; background-color: #fff; border-top: none; border-bottom: none; }
.rakuraku__branding .navi .navi__wrap { width: auto; margin: 0 auto; overflow: hidden; height: auto; }
.rakuraku__branding .navi .navi__wrap .navi__listbox ul li { float: left; width: 50%; border-bottom: #d2d2d2 1px solid; height: 60px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.rakuraku__branding .navi .navi__wrap .navi__listbox ul li a { display: block; width: 100%; height: 45px; display: table; color: #444; font-weight: 700; background: url(/home/shiawase-share/rakuraku/images/arw_top_down.png) no-repeat center right 10px; }
.rakuraku__branding .navi .navi__wrap .navi__listbox ul li.pagelink a { background-color: rgba(228,231,213,0.3); background-image: none !important; }
.rakuraku__branding .navi .navi__wrap .navi__listbox ul li a span { display: block; width: 100%; display: table-cell; vertical-align: middle; text-align: left; padding: 2px 0 0 15px; }
.rakuraku__branding .navi .navi__wrap .navi__listbox ul li.pagelink a span { display: block; width: 100%; display: table-cell; vertical-align: middle; text-align: left; padding: 2px 0 0 15px; }
.rakuraku__branding .navi .navi__wrap .navi__listbox ul li:last-child { border-right: none; }
}

/* event */
.rakuraku__topics { width: 100%; background-color: #f9f9f9; }
.rakuraku__topics .topics__wrap { max-width: 980px; width: 980px; margin: 0 auto; overflow: hidden; }
.rakuraku__topics .topics__wrap .twitter__wrap h3 { font-size: 214.28%; padding-bottom: 15px; text-align:center; }
.rakuraku__topics .topics__wrap .schedule h3{padding-bottom:15px;border-radius: 10px 10px 0 0;} 
.rakuraku__topics .topics__wrap .first_block{background: #fff;border: #e8eade 1px solid;border-radius:7px;overflow:hidden;}
.rakuraku__topics .new_list{width:100%;font-size:114%;}
.rakuraku__topics .new_list li{position:relative;padding: 27px 6.78em 29px 56px;}
.rakuraku__topics .new_list li span{display:inline-block;}
.rakuraku__topics .new_list li:nth-child(odd){ background: #eeeeee;}
.rakuraku__topics .new_list li .date{position:absolute;top: 50%;transform: translateY(-50%);}
.rakuraku__topics .new_list li .information{padding:0 0 0 10.3em;}
.rakuraku__topics .new_list li:after{content: '';display: inline-block;position:absolute;background:url(../images/arrow.png) no-repeat center;background-size: 50% 50%;width:17px;height:27px;top:50%;right:7.5%;margin-top:-14px;}
.rakuraku__topics .new_list li.no_link:after{display:none}
.rakuraku__topics .twitter__wrap.schedule{margin:45px auto 0 auto;}
.rakuraku__topics .twitter__wrap { width: 700px; margin: 50px auto 70px auto; overflow: hidden;}
.rakuraku__topics .topics__wrap .twitter__wrap .twitter_title { background: #e8eade; padding:16px 20px 14px 20px; font-weight: 700; border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0; font-size:110%;  display: -webkit-box;display: -ms-flexbox;display: flex;  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.rakuraku__topics .topics__wrap .twitter__wrap .twitter { background: #fff; border: #e8eade 1px solid; width: 700px; padding: 20px 20px 0 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.rakuraku__topics .topics__wrap .twitter__wrap .twitter .twitter-timeline{margin-bottom: 20px !important; display: none !important;}
.rakuraku__topics .topics__wrap .twitter__wrap .twitter__campaign { margin: 0 0 25px; text-align: center; }
.rakuraku__topics .topics__wrap .twitter__wrap .twitter__campaign a { display: inline-block; padding: 10px 15px; background-color: #d62256; color: #fff; font-weight: bold; }
.rakuraku__topics .topics__wrap .twitter__wrap .twitter__campaign a:hover { opacity: 0.7; transition: opacity .2s ease-out; }
.timeline-Header { padding: 5px 0 !important; }
.timeline-Footer { padding: 13px 0 10px 0 !important; }
.timeline-Footer .u-floatLeft { display:none; }
.SandboxRoot.env-bp-550 .timeline-Header-title { font-size:150% !important; }
.SandboxRoot.env-bp-550 .timeline-Tweet-text { font-size:100% !important; line-height:1.5 !important; }

.special_block a{display: inline-block;}
.special_block a:hover{opacity: 0.7;}
@media only screen and (max-width: 767px){
.rakuraku__topics { width: 100%; background-color: #f9f9f9; }
.rakuraku__topics .topics__wrap { width: auto; margin: 10px auto 0 auto; overflow: hidden; }
	.rakuraku__topics .topics__wrap .twitter__wrap{position: relative}
.rakuraku__topics .topics__wrap .twitter__wrap h3 { font-size: 142.85%;text-align:center; }
.rakuraku__topics .topics__wrap .twitter__wrap { width: 90%; margin: 20px auto 40px auto; overflow: hidden;}
.rakuraku__topics .topics__wrap .twitter__wrap .twitter_title { display: block; background: #e8eade; padding:16px 18px 14px 18px; font-weight: 700; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; font-size:110%;}
.rakuraku__topics .topics__wrap .twitter__wrap .twitter_title	.twitter-follow-button{
    position: absolute!important;
    bottom: 18px;
		left: calc(50% - 91px);
	}
	.u-floatRight{
		display: none;
	}
	#twitter-widget-1{width: 740px !important;}
.rakuraku__topics .topics__wrap .twitter__wrap .twitter { background: #fff; border: #e8eade 1px solid; width: auto; padding: 20px 18px 35px 18px; }
 .rakuraku__topics .topics__wrap .schedule{margin-top:12px;}
.rakuraku__topics .new_list li span{display:block}
.rakuraku__topics .new_list li .date{position:inherit;font-size: 87.719%;padding-bottom: 4px;padding-right:0;top: 0;transform: initial;}
.rakuraku__topics .new_list li .information{padding:0;font-size: 100%;}
 .rakuraku__topics .new_list li{padding: 23px 42px 22px 19px;text-align:left;}
 .rakuraku__topics .new_list li:after{right:20px;}
 .rakuraku__topics .topics__wrap .schedule{margin-top:12px;}

}


/* rakuraku__scene
*************************************************************** */
.rakuraku__scene__wrap {}
.rakuraku__scene {}
#scene_1 > div { background-color: #ffe0e0; width: 33.3%; float:left; }
#scene_2 > div { background-color: #c1e8e9; width: 33.3%; float:left; }
#scene_3 > div { background-color: #b0f3d9; width: 33.4%; float:left; }
/*.rakuraku__scene.scene__1 { position: relative; z-index: 3; width: 100%;*/
/*.rakuraku__scene.scene__2 { position: relative; z-index: 5; width: 100%; }*/
/*.rakuraku__scene.scene__3 { position: relative; z-index: 7; width: 100%; }*/
.rakuraku__scene dl { text-align: center; position: relative; top: 0; padding: 48px 0 40px 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.rakuraku__scene dt { font-size: 0; line-height: 0; }
.rakuraku__scene dt img { width: auto; height: 33px; }
.rakuraku__scene dd { font-size: 162.5%; padding: 26px 0 0 0; }
.rakuraku__scene p { font-size: 0; line-height: 0; position: relative; overflow: hidden; padding-bottom: 50%; }
.rakuraku__scene p > img { width: 100%; height: auto; position: absolute; bottom: -14%; left: 0px; }
.rakuraku__scene p span { position: absolute; left: 50%; bottom: 5%; margin-left: -37px; width: 74px; height: auto; }
.rakuraku__scene p span img { cursor: pointer; }

@media only screen and (max-width: 767px){
.rakuraku__scene {}
#scene_1 > div { background-color: #ffe0e0; width: 100%; clear: both; }
#scene_2 > div { background-color: #c1e8e9; width: 100%; clear: both; }
#scene_3 > div { background-color: #b0f3d9; width: 100%; clear: both; }
.rakuraku__scene.scene__1 { position: relative; z-index: 3; width: 100%; }
.rakuraku__scene.scene__2 { position: relative; z-index: 5; width: 100%; }
.rakuraku__scene.scene__3 { position: relative; z-index: 7; width: 100%; }
.rakuraku__scene dl { text-align: center; position: relative; top: 0px; padding: 45px 0 40px 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.rakuraku__scene dt { font-size: 0; line-height: 0; }
.rakuraku__scene dt img { width: auto; height: 30px; }
.rakuraku__scene dd { font-size: 141.7%; padding: 20px 0 0 0; line-height: 1.7; }
.rakuraku__scene p { font-size: 0; line-height: 0; position: relative; overflow: hidden; padding-bottom: 50%; }
.rakuraku__scene p > img { width: 100%; height: auto; position: absolute; bottom: -14%; left: 0px; }
.rakuraku__scene p span { display: none; }
}


/* rakuraku__activity
*************************************************************** */
.rakuraku__activity { background: #fff; padding: 40px 50px; }
.rakuraku__activity .activitylink a { display: block; width: 100%; margin: 0 auto; padding: 25px 0 20px 0; text-align: center; border: #dbdbdb 2px solid; background: #fff; color: #333; text-decoration: none; }
.rakuraku__activity .activitylink a span { background: url(/home/shiawase-share/rakuraku/images/arw_detail.png) no-repeat left 0.38em; padding-left: 0.9em; line-height: 1; font-size: 157.1%; }

@media only screen and (max-width: 767px){
.rakuraku__activity { background: #fff; margin-top: 20px; padding: 0; }
.rakuraku__activity .activitylink a { display: block; width: 100%; margin: 0 auto; padding: 13px 0 11px 0; text-align: center; border: #dbdbdb 2px solid; background: #fff; color: #333; text-decoration: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.rakuraku__activity .activitylink a span { background: url(/home/shiawase-share/rakuraku/images/arw_detail_sp.png) no-repeat left 2px; background-size: 12px auto; padding-left: 1.3em; line-height: 1; font-size: 110%; }
}


/* rakuraku__concept
*************************************************************** */
.rakuraku__concept { background-color: #ffffff; line-height: 1.8; position: relative; padding: 75px 10px 0 10px; z-index: 5; }
.rakuraku__concept .concept__lead { text-align: center; }
.rakuraku__concept .concept__lead dt { font-size: 0; line-height: 0; position: relative; margin: 0 auto; padding-top: 0; width: 158px; height: 168px; }
.rakuraku__concept .concept__lead dt #concept_1 { position: absolute; top: 0px; left: -160px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; opacity: 0;}
.rakuraku__concept .concept__lead dt #concept_2 { position: absolute; top: 0px; left: 160px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; opacity: 0;}
.rakuraku__concept .concept__lead dt #concept_3 { position: absolute; top: 0px; left: -160px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; opacity: 0;}
.rakuraku__concept .concept__lead dt img { width: 158px; height: auto; }
.rakuraku__concept .concept__lead dd { font-size: 157.14%; padding-top: 50px; padding-left: 50px; padding-right: 50px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; opacity: 0; text-align:left; }
.rakuraku__concept .concept_title { display: block; width: 279px; height: auto; margin:0 auto 50px auto; }
.rakuraku__concept .concept_title img { width: 279px; height: auto; }
.rakuraku__concept .concept__box { padding: 60px; margin-top: 60px; }
.rakuraku__concept .concept__box.box__1 { border: 10px solid #ffd8d9; margin-top: 50px; }
.rakuraku__concept .concept__box.box__2 { border: 10px solid #bce6e7; }
.rakuraku__concept .concept__box.box__3 { border: 10px solid #a9f2d6; }
.rakuraku__concept .concept__box > dl { display: table; width: 100%; }
.rakuraku__concept .concept__box > dl > dt { display: table-cell; font-size: 0; line-height: 0; text-align: center; position: relative; vertical-align: middle; padding: 0px 60px 0 0; width: 158px; }
.rakuraku__concept .concept__box > dl > dt > span { display: block; position: relative; width: 158px; height:168px; }
.rakuraku__concept .concept__box > dl > dt > span span { position: absolute; top: -100px; left: 0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
.rakuraku__concept .concept__box > dl > dt img { width: 158px; height:168px; }
.rakuraku__concept .concept__box > dl > dd { display: table-cell; vertical-align: middle; width: 60.71%; }
.rakuraku__concept .concept__box > dl > dd dt { font-size: 214.28%; position: relative; }
.rakuraku__concept .concept__box > dl > dd dt img { width: auto; height: 27px; }
.rakuraku__concept .concept__box > dl > dd dd { font-size: 150%; padding-top: 15px; position: relative; }
.rakuraku__concept .concept__box > dl > dd ul { font-size: 135.71%; margin-top: 15px;}
.rakuraku__concept .concept__box > dl > dd li { text-indent: -1.3em; padding: 5px 0 0 1.3em; position: relative; }
.rakuraku__concept .concept__box > dl > dd dt span,
.rakuraku__concept .concept__box > dl > dd dd span,
.rakuraku__concept .concept__box > dl > dd li span { display: block; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; opacity: 0; position: relative; left: 200px; }

@media only screen and (max-width: 767px){
.rakuraku__concept { background-color: #ffffff; line-height: 1.8; padding: 35px 0 0 0; }
.rakuraku__concept .concept__lead { text-align: center; }
.rakuraku__concept .concept__lead dt { font-size: 0; line-height: 0; margin: 0 auto; width: 125px; padding-top: 0; }
.rakuraku__concept .concept__lead dt #concept_1 { position: absolute; top: 0px; left: 0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.rakuraku__concept .concept__lead dt #concept_2 { position: absolute; top: 0px; left: 0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.rakuraku__concept .concept__lead dt #concept_3 { position: absolute; top: 0px; left: 0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.rakuraku__concept .concept__lead dt img { width: 125px; height: auto; }
.rakuraku__concept .concept__lead dd { font-size: 100%; padding-top: 15px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1; text-align: left; padding-left: 0; padding-right: 0; }
.rakuraku__concept .concept_title { display: block; width: 100%; height: auto; margin:0 auto 35px auto; text-align:center; }
.rakuraku__concept .concept_title img { width: 50%; height: auto; }
.rakuraku__concept .concept__box { padding: 15px; margin-top: 20px; }
.rakuraku__concept .concept__box.box__1 { border: 5px solid #ffd8d9; margin-top: 40px; }
.rakuraku__concept .concept__box.box__2 { border: 5px solid #bce6e7; }
.rakuraku__concept .concept__box.box__3 { border: 5px solid #a9f2d6; }
.rakuraku__concept .concept__box > dl { display: block; width: auto; }
.rakuraku__concept .concept__box > dl > dt { display:block; font-size: 0; line-height: 0; text-align: center; position: relative; vertical-align: middle; margin: 0 auto; padding: 0 0 15px 0; width: 125px; height: 133px; }
.rakuraku__concept .concept__box > dl > dt > span { display: block; position: relative; width: 125px; height:133px; }
.rakuraku__concept .concept__box > dl > dt > span span { position: absolute; top: 0px; left: 0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.rakuraku__concept .concept__box > dl > dt img { width: 125px; height:133px; }
.rakuraku__concept .concept__box > dl > dd { display: block; text-align: left; vertical-align: middle; width: auto; }
.rakuraku__concept .concept__box > dl > dd dt { font-size: 142.85%; }
.rakuraku__concept .concept__box > dl > dd dt img { width: auto; height: 20px; }
.rakuraku__concept .concept__box > dl > dd dd { font-size: 100%; padding-top: 10px; }
.rakuraku__concept .concept__box > dl > dd ul { display: inline-block; font-size: 100%; margin: 10px auto 0 auto;}
.rakuraku__concept .concept__box > dl > dd li { text-align: left; text-indent: -1.3em; padding: 5px 0 0 1.3em; }
}


/* rakuraku__basic
*************************************************************** */
.rakuraku__basic { background-color: #ffffff; line-height: 1.8; padding: 80px 10px 75px 10px; position: relative; z-index: 6; }
.rakuraku__basic .basic__title { text-align: center; }
.rakuraku__basic .basic__title .cross { font-size: 0; line-height: 0; padding-bottom: 50px; }
.rakuraku__basic .basic__title .cross img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; opacity: 0; width: 73px; height: auto; }
.rakuraku__basic .basic__title .illust { font-size: 0; line-height: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
.rakuraku__basic .basic__title .illust img { width: 556px; height: auto; }
.rakuraku__basic .basic__title h3 { font-size: 214.28%; padding-top: 30px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
.rakuraku__basic .basic__block { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 14px solid #e8eade; display: table; position: relative; margin-top: 55px; width: 100%; }
.rakuraku__basic .basic__block > p { font-size: 0; line-height: 0; position: absolute; top: 50%; left: 50%; margin: -28px 0 0 -28px; }
.rakuraku__basic .basic__block > p img { width: 56px; height: auto; }
.rakuraku__basic .basic__left { border-right: 7px solid #e8eade; display: table-cell; padding: 45px 45px 40px 45px; vertical-align: top; width: 50%; }
.rakuraku__basic .basic__right { border-left: 7px solid #e8eade; display: table-cell; padding: 45px 45px 40px 45px; vertical-align: top; width: 50%; }
.rakuraku__basic .basic__block dl { text-align: center; }
.rakuraku__basic .basic__block dt { font-size: 0; line-height: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; opacity: 0;}
.rakuraku__basic .basic__block dt img { width: 132px; height: auto; }
.rakuraku__basic .basic__block dd { font-size: 214.28%; padding-top: 30px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; opacity: 0;}
.rakuraku__basic .basic__left p,
.rakuraku__basic .basic__right p { font-size: 128.57%; padding-top: 20px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; opacity: 0;}

@media only screen and (max-width: 767px){
.rakuraku__basic { background-color: #ffffff; line-height: 1.8; padding: 30px 0; }
.rakuraku__basic .basic__title { text-align: center; }
.rakuraku__basic .basic__title .cross { font-size: 0; line-height: 0; padding-bottom: 25px; }
.rakuraku__basic .basic__title .cross span { display: inline-block; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1; width: 32px; height: 32px; }
.rakuraku__basic .basic__title .cross img { width: 32px; height: auto; }
.rakuraku__basic .basic__title .illust { font-size: 0; line-height: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.rakuraku__basic .basic__title .illust img { width: 280px; height: auto; }
.rakuraku__basic .basic__title h3 { font-size: 142.85%; padding-top: 30px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.rakuraku__basic .basic__block { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 6px solid #e8eade; display: block; position: relative; margin-top: 30px; width: 100%; }
.rakuraku__basic .basic__left { border-bottom: 3px solid #e8eade; border-right: 0px; display: block; padding: 20px; vertical-align: top; width: auto; }
.rakuraku__basic .basic__right { border-top: 3px solid #e8eade; border-left: 0px; display: block; padding: 25px 20px 20px 20px; position: relative; vertical-align: top; width: auto; }
.rakuraku__basic .basic__block dl { text-align: center; }
.rakuraku__basic .basic__block dt { font-size: 0; line-height: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.rakuraku__basic .basic__block dt img { width: 86px; height: auto; }
.rakuraku__basic .basic__block dd { font-size: 142.85%; padding-top: 15px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1; line-height: 1.4 }
.rakuraku__basic .basic__left p,
.rakuraku__basic .basic__right p { font-size: 100%; padding-top: 10px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.rakuraku__basic .basic__right p.sp_only { font-size: 0; line-height: 0; position: absolute; top: 0px; left: 50%; margin: -18px 0 0 -15px; padding-top: 0; }
.rakuraku__basic .basic__block p.sp_only img { width: 30px; height: auto; }
}


/* rakuraku__merit
*************************************************************** */
.rakuraku__merit { text-align: center; line-height: 1.8; padding: 60px 10px; background-color: #f9f9f9; position: relative; z-index: 6; }
.rakuraku__merit.merit__title { text-align: center; padding: 60px 10px 100px 10px; }
.rakuraku__merit.merit__title .rakuraku__inner { text-align: center; }
.rakuraku__merit.merit__title h3 { font-size: 214.28%; padding-top: 30px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; opacity: 0;}
.rakuraku__merit.merit__title p { font-size: 171.42%; padding-top: 60px; }
.rakuraku__merit.merit__title p.icon { font-size: 0; line-height: 0; padding-top: 0; }
.rakuraku__merit.merit__title p#star_1.icon { margin: 0 auto; width: 132px; height: 142px; }
.rakuraku__merit.merit__title p#star_1.icon span { display: table-cell; vertical-align: middle; width: 132px; height: 142px; }
.rakuraku__merit.merit__title p#star_1.icon img { width: 66px; height: auto; }
.rakuraku__merit.merit__title p.text {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
.rakuraku__merit.merit__bg { background-color: #f0f0f0; }
.rakuraku__merit .merit__no { font-size: 0; line-height: 0; text-align: center; margin: 0 auto; width: 132px; height: 142px; }
.rakuraku__merit .merit__no img { width: 66px; height: auto; }
.rakuraku__merit .merit__no span { display: none; }
.rakuraku__merit .merit__no span.star { display: table-cell; vertical-align: middle; width: 132px; height: 142px; }
.rakuraku__merit .merit__block { display: table; margin: 50px auto 0 auto; width: 81.63%; }
.rakuraku__merit .merit__left { display: table-cell; position: relative; vertical-align: top; padding-right: 40px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; opacity: 0;}
.rakuraku__merit .merit__left .icon { font-size: 0; line-height: 0; position: absolute; top: 0px; left: 0px; }
.rakuraku__merit .merit__left .icon img { width: 56px; height: auto; }
.rakuraku__merit .merit__left dl { padding-left: 65px; }
.rakuraku__merit .merit__left dt { font-size: 207.14%; }
.rakuraku__merit .merit__left dd { font-size: 128.57%; padding-top: 20px; }
.rakuraku__merit .merit__right { display: table-cell; font-size: 0; line-height: 0; vertical-align: top; width: 39.5%; }
.rakuraku__merit .merit__right p {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; opacity: 0;}
.rakuraku__merit .merit__right img { width: 100%; height: auto; }
.rakuraku__merit .merit__right.small__img img { width: 74.68%; height: auto; }

@media only screen and (max-width: 767px){
.rakuraku__merit { text-align: center; line-height: 1.8; padding: 40px 0 20px 0; }
.rakuraku__merit.merit__title { text-align: center; padding: 30px 0 0 0; }
.rakuraku__merit.merit__title .rakuraku__inner { text-align: center; }
.rakuraku__merit.merit__title h3 { font-size: 142.85%; padding-top: 25px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.rakuraku__merit.merit__title p { font-size: 100%; padding-top: 10px; }
.rakuraku__merit.merit__title p.icon { font-size: 0; line-height: 0; padding-top: 0; }
.rakuraku__merit.merit__title p.icon img { width: 125px; height: auto; }
.rakuraku__merit.merit__title p.text {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.rakuraku__merit.merit__bg { background-color: #f0f0f0; }
.rakuraku__merit .merit__no { font-size: 235.71%; font-weight: bold; line-height: 1.2; text-align: center; margin: 0; width: auto; height: auto; }
.rakuraku__merit .merit__no img { display: none; }
.rakuraku__merit .merit__no span { border-bottom: 2px solid #999999; display: inline-block; padding-bottom: 5px; }
.rakuraku__merit .merit__no span.star { display: none; }
.rakuraku__merit .merit__block { display: block; margin: 20px 0 0 0; width: auto; }
.rakuraku__merit .merit__left { display: block; position: relative; text-align: center; vertical-align: top; padding-right: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.rakuraku__merit .merit__left .icon { font-size: 0; line-height: 0; position: relative; top: auto; left: auto; }
.rakuraku__merit .merit__left .icon img { width: 42px; height: auto; }
.rakuraku__merit .merit__left dl { padding: 15px 0 0 0; }
.rakuraku__merit .merit__left dt { font-size: 135%; /* font-size: 142.85%; */ text-align: left; }
.rakuraku__merit .merit__left dd { font-size: 100%; padding-top: 10px; text-align: left; }
.rakuraku__merit .merit__right { display: block; font-size: 0; line-height: 0; vertical-align: top; padding-top: 15px; width: auto; }
.rakuraku__merit .merit__right p {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.rakuraku__merit .merit__right img { width: 100%; height: auto; }
.rakuraku__merit .merit__right.small__img img { width: 100%; height: auto; }
}


/* rakuraku__evaluation
*************************************************************** */
.rakuraku__evaluation { padding: 100px 10px 0 10px; background-color: #f9f9f9; position: relative; z-index: 6; }
.rakuraku__evaluation .rakuraku__inner { background: url(/home/shiawase-share/rakuraku/images/bg_evaluation.png); }
.rakuraku__evaluation .evaluation__inner { background-color: #ffffff; margin: 8px; padding: 28px 55px; }
.rakuraku__evaluation h3 { font-size: 171.42%; }
.rakuraku__evaluation .evaluation__block { display: table; margin-top: 20px; width: 100%; }
.rakuraku__evaluation .evaluation__left { display: table-cell; vertical-align: top; width: 32.7%; }
.rakuraku__evaluation .evaluation__right { display: table-cell; vertical-align: top; padding-left: 5px; width: 25.15%; }
.rakuraku__evaluation .evaluation__block .evaluation_tittle{font-size: 142.85%;font-weight: bold;margin-bottom: 10px;}
.rakuraku__evaluation .evaluation__block .evaluation__right .logo { float: left; width:  44.126%;}
.rakuraku__evaluation .evaluation__block .evaluation__left .logo { float: left;width:  32.97%;}
.rakuraku__evaluation .evaluation__block .logo span{border: 1px solid #231815; display: block; border-radius: 5px;}
.rakuraku__evaluation .evaluation__block .logo span.border_none{border: none;}
.rakuraku__evaluation .evaluation__block .evaluation__left .logo span {padding: 20px 15px; }
.rakuraku__evaluation .evaluation__block .evaluation__right .logo span {padding: 15px 12px; }
.rakuraku__evaluation .evaluation__block .logo span img {width: 100%;height: auto;vertical-align: middle; }
.rakuraku__evaluation .evaluation__block .evaluation__left .logo span img {max-width:126px;}
.rakuraku__evaluation .evaluation__block .evaluation__right .logo span img {max-width:127px;}
.rakuraku__evaluation .evaluation__block dl { float: right; }
.rakuraku__evaluation .evaluation__block .evaluation__left dl { width: 65%; }
.rakuraku__evaluation .evaluation__block .evaluation__right dl{ width: 53.374%;}
.rakuraku__evaluation .evaluation__block dt{font-size: 92.85%;}
.rakuraku__evaluation .evaluation__block dd { padding-top: 10px; }
.rakuraku__evaluation .evaluation__block .link { clear: both;}
.rakuraku__evaluation .evaluation__block .link .link_arr{background: url(/home/shiawase-share/rakuraku/images/arw_detail.png) left center no-repeat;padding-left:1.2em;}
.rakuraku__evaluation .evaluation__block .link a { display: inline-block; font-size: 92.85%; }
.rakuraku__evaluation .evaluation__block .link a img { vertical-align: middle; margin-left: 5px; width: 15px; height: auto; }

@media only screen and (max-width: 767px){
.rakuraku__evaluation { padding: 30px 0 0 0; }
.rakuraku__evaluation .rakuraku__inner { background: url(/home/shiawase-share/rakuraku/images/bg_evaluation.png); background-size: 6px 6px; }
.rakuraku__evaluation .evaluation__inner { background-color: #ffffff; margin: 8px; padding: 20px 10px; }
.rakuraku__evaluation h3 { font-size: 142.85%; }
.rakuraku__evaluation .evaluation__block { display: block; margin-top: 20px; width: auto; }
.rakuraku__evaluation .evaluation__left {text-align: center; vertical-align: top; padding: 0 0 30px 0; width: auto; }
.rakuraku__evaluation .evaluation__left,.rakuraku__evaluation .evaluation__right{display: flex;flex-direction: column;align-items: center;}
.rakuraku__evaluation .evaluation__right { text-align: center; vertical-align: top; padding-left: 0; width: auto; }
.rakuraku__evaluation .evaluation__block .evaluation_tittle{width:100%;order: 2;text-align: left;font-size: 128.57%;;padding-top: 18px;margin-bottom: 0;}
.rakuraku__evaluation .evaluation__block .evaluation__left .logo{width: 100%;}
.rakuraku__evaluation .evaluation__block .evaluation__right .logo {width: 66.19%;}
.rakuraku__evaluation .evaluation__block .logo{display: inline-block; float: none;order: 1;}
.rakuraku__evaluation .evaluation__block .evaluation__left .logo span {padding: 38px 30px; }
.rakuraku__evaluation .evaluation__block .evaluation__right .logo span {padding: 15px 16px; }
.rakuraku__evaluation .evaluation__block .logo span img { width: 100%; height: auto; }
.rakuraku__evaluation .evaluation__block .evaluation__left .logo span img,.rakuraku__evaluation .evaluation__block .evaluation__right .logo span img {max-width:100%;}
.rakuraku__evaluation .evaluation__block dl { width: 100% !important;order:3;float: none; text-align: left; margin-top: 15px; font-size: 100%; }
.rakuraku__evaluation .evaluation__block dd { padding-top: 10px; }
.rakuraku__evaluation .evaluation__block .link { clear: both; padding-top: 10px; }
.rakuraku__evaluation .evaluation__block .link a {font-size: 100%; padding: 5px; }
.rakuraku__evaluation .evaluation__block .link a img { vertical-align: middle; margin-left: 5px; width: 14px; height: auto; }
}


/* rakuraku__relation
*************************************************************** */
.rakuraku__relation { padding: 60px 10px 53px 10px; background-color: #f9f9f9; position: relative; z-index: 6;}
.rakuraku__relation ul { margin-right: -22px; }
.rakuraku__relation li { float: left; width: 25%; margin-top: 22px;}
.rakuraku__relation li:nth-child(-n+4){margin-top: 0;}
.rakuraku__relation a { color: #ffffff; display: block; margin-right: 22px; }
.rakuraku__relation a dt { border: 1px solid #dbdbdb; font-size: 0; line-height: 0; }
.rakuraku__relation a dt img { width: 100%; height: auto; }
.rakuraku__relation a dd { background-color: #000000; display: table; text-align: center; width: 100%; }
.rakuraku__relation a dd span { display: table-cell; vertical-align: middle; padding: 10px 10px 8px 10px; } /* rewrite 170313 */
.rakuraku__relation h3 {font-size: 192.85%;text-align: center;margin-bottom: 20px;}
#related_sites.rakuraku__relation{padding: 0 10px 80px;}
@media only screen and (max-width: 767px){
.rakuraku__relation { padding: 10px 0 30px 0; }
.rakuraku__relation ul { margin-right: 0; }
.rakuraku__relation li { float: none; padding-top: 20px; width: auto; }
.rakuraku__relation li:nth-child(4) { float: none; padding-top: 20px; width: auto; margin-top: 0; } /* add 170313 */
.rakuraku__relation a { color: #ffffff; display: block; margin-right: 0; }
.rakuraku__relation a dt { border: 1px solid #dbdbdb; font-size: 0; line-height: 0; }
.rakuraku__relation a dt img { width: 100%; height: auto; }
.rakuraku__relation a dd { background-color: #000000; display: table; text-align: center; width: 100%; }
.rakuraku__relation a dd span { display: table-cell; vertical-align: middle; padding: 20px; } /* rewrite 170313 */
#related_sites.rakuraku__relation {padding: 10px 0 30px 0;}
.rakuraku__relation h3 {font-size: 164.28%;text-align: center;}
}

/* rakuraku__info
*************************************************************** */
.rakuraku__info { padding: 0 0 105px; }
.rakuraku__info .info__inner { background-color: #fff; border: 10px solid #e2e2e2; padding: 50px 80px 40px; }
.rakuraku__info .info__inner .info__text__block { display: flex; justify-content: center; }
.rakuraku__info .info__inner .info__text__block .info__img img { width: 54px; height: auto; }
.rakuraku__info .info__inner .info__text__block .info__text { font-size: 200%; color: #333; text-align: center; margin-left: 9px; }
.rakuraku__info .info__inner .info__btn { margin-top: 16px; }
.rakuraku__info .info__inner .info__btn .info__link { display: block; color: #fff; text-align: center; font-size: 128.5711%; font-weight: bold; text-decoration: none; padding: 24px 57px 19px; background-color: #d41346; }
.rakuraku__info .info__inner .info__btn .info__link:hover { background-color: #ee285c; }
.rakuraku__info .info__inner .info__btn .info__link .arr { position: relative; padding-left: 12px; }
.rakuraku__info .info__inner .info__btn .info__link .arr:before { position: absolute;top: .465em;left: 0;content: ""; width: 0; height: 0;border-style: solid;border-width: 4px 0 4px 7px;border-color: transparent transparent transparent #fff; }
@media only screen and (max-width: 767px){
.rakuraku__info { padding: 0 0 65px; }
.rakuraku__info .info__inner { border: 5px solid #e2e2e2; padding: 20px; }
.rakuraku__info .info__inner .info__text__block .info__img img { width: 40px; height: auto; }
.rakuraku__info .info__inner .info__text__block .info__text { font-size: 142.857%; margin-left: 5px; }
.rakuraku__info .info__inner .info__btn .info__link { padding: 15px; font-size: 114.286%; }
.rakuraku__info .info__inner .info__btn .info__link .arr:before { position: absolute;top: .55em;left: 0;content: ""; width: 0; height: 0;border-style: solid;border-width: 3px 0 3px 6px;border-color: transparent transparent transparent #fff; }
}


/* rakuraku__items
*************************************************************** */
.rakuraku__items { padding: 90px 10px 0 10px; background-color: #f9f9f9; position: relative; z-index: 6;}
.rakuraku__items h3 { font-size: 192.85%; text-align: center; }
.rakuraku__items .items__list { overflow: hidden; }
.rakuraku__items .items__list ul { margin-right: -20px; }
.rakuraku__items .items__list li { float: left; padding-top: 40px; width: 25%; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
.rakuraku__items .items__list .list__block { background-color: #ffffff; border: 1px solid #dbdbdb; margin-right: 20px; }
.rakuraku__items .items__list .list__block dl { text-align: center; padding: 0 8px; }
.rakuraku__items .items__list .list__block dt { border-bottom: 1px solid #dbdbdb; display: table; font-size: 92.85%; padding: 10px 0; width: 100%; }
.rakuraku__items .items__list .list__block dd { border-bottom: 1px solid #dbdbdb; display: table; font-size: 114.28%; padding: 10px 0; width: 100%; word-break: break-all; }
.rakuraku__items .items__list .list__block dt span,
.rakuraku__items .items__list .list__block dd span { display: table-cell; vertical-align: middle; }
.rakuraku__items .items__list .list__block dd.limited_stock em{display: inline-block;}
.rakuraku__items .items__list .list__block dd em.red_label{height: auto!important;font-size: 87.504%;margin: 8px 0 5px;padding: 1px 10px 0px;border: 1px solid #eb1c00;color: #eb1c00;font-weight: normal;} 
.rakuraku__items .items__list .list__block .photo { font-size: 0; line-height: 0; padding: 0 8px; }
.rakuraku__items .items__list .list__block .photo img { width: 100%; height: auto; }
.rakuraku__items .items__list .list__block a { color: #000000; display: block; }
.rakuraku__items .items__list .list__block .link,
.rakuraku__items .items__list .list__block a:active .link { background-color: #dbdbdb; color: #000000; display: block; font-weight: bold; text-align: center; padding: 15px 0; }
.rakuraku__items .items__list .list__block a:hover .link { background-color: #ecebeb; }
.rakuraku__items .items__list .list__block a:hover img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
.rakuraku__items .items__list .list__block a .link span { background: url(/home/shiawase-share/rakuraku/images/arw_detail.png) left center no-repeat; display: inline-block; padding: 0 20px; }

@media only screen and (max-width: 767px){
.rakuraku__items { padding: 30px 0 0 0; }
.rakuraku__items h3 { font-size: 164.28%; text-align: center; padding-bottom: 20px; }
.rakuraku__items .items__list { overflow: hidden; }
.rakuraku__items .items__list ul { margin-right: 0; }
.rakuraku__items .items__list li { float: none; padding-top: 20px; width: auto; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.rakuraku__items .items__list .list__block { background-color: #ffffff; border: 1px solid #dbdbdb; margin-right: 0; }
.rakuraku__items .items__list .list__block dl { text-align: center; padding: 0 10px; }
.rakuraku__items .items__list .list__block dt { border-bottom: 1px solid #dbdbdb; display: table; font-size: 100%; padding: 20px 0; width: 100%; }
.rakuraku__items .items__list .list__block dd { border-bottom: 1px solid #dbdbdb; display: table; font-size: 128.57%; padding: 20px 0; width: 100%; }
.rakuraku__items .items__list .list__block dt span,
.rakuraku__items .items__list .list__block dd span { display: table-cell; vertical-align: middle; }
.rakuraku__items .items__list .list__block .photo { font-size: 0; line-height: 0; padding: 0 10px; }
.rakuraku__items .items__list .list__block .photo img { width: 100%; height: auto; }
.rakuraku__items .items__list .list__block a { color: #000000; display: block; }
.rakuraku__items .items__list .list__block .link,
.rakuraku__items .items__list .list__block a:active .link { background-color: #dbdbdb; color: #000000; display: block; font-weight: bold; text-align: center; padding: 20px 0; }
.rakuraku__items .items__list .list__block a:hover .link { background-color: #dbdbdb; }
.rakuraku__items .items__list .list__block a:hover img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.rakuraku__items .items__list .list__block a .link span { background: url(/home/shiawase-share/rakuraku/images/arw_detail_sp.png) left center no-repeat; background-size: 11px 9px; ;display: inline-block; padding: 0 20px; }
}


/* br
*************************************************************** */
@media only screen and (min-width: 768px){
	br.sp {
		display: none;
	}
}
@media only screen and (max-width: 767px){
	br.pc {
		display: none;
	}
}


/* tel
*************************************************************** */
a[href^="tel:"] {
    cursor:default;
}
a[href^="tel:"]:hover {
    text-decoration:none;
}

@media screen and (min-width: 768px) {
    a[href^="tel:"] {
    	display: inline-block;
        pointer-events: none;
    }
}
/* link_btn
*************************************************************** */
.link_btn{
		margin-top: 40px;
    text-align: center;
}
.link_btn a{
		border: solid 1px #d0d0d0;
    display: inline-block;
    font-size: .93em;
    text-align: center;
    padding: 10px 45px;
		position: relative
}
.link_btn a::before{
	content: '';
    background: url(/home/shiawase-share/rakuraku/awards/images/arrow_r.png) no-repeat;
    background-size: contain;
    width: 6px;
    height: 10px;
    display: inline-block;
    position:absolute;
    top: calc(50% - 6px);
		right: 20px;
}
@media only screen and (max-width: 767px){
	.link_btn{
		margin-top: 20px;
	}
	.link_btn a{
			padding: 12px 40px;
	}
}

.caution__link.link_btn a{
	display: block;
}
.caution__link.link_btn a{
	font-size: 114%;
	color: #333;
}
.caution__link.link_btn a::before{
	display: none;
}
.caution__link.link_btn a span{
	position: relative;
}
.caution__link.link_btn a span::after{
	content: '';
	background: url(/home/shiawase-share/rakuraku/awards/images/arrow_r.png) no-repeat right bottom;
	background-size: contain;
	width: 6px;
	height: 10px;
	display: inline-block;
	position: absolute;
	bottom: 6px;
	right: -9px;
}
/* Special contents
*************************************************************** */
.rakuraku__topics .twitter__wrap.special__contents { width: auto; }
div.special_block {
	border-radius: 7px;
	border:1px solid #ececec;
	background-color:#fff;
	overflow:hidden;
}
div.special_block img{
	vertical-align: middle;
}
div.special_block > div {
	position:relative;
	display:none;
	max-height:320px;
	overflow:hidden;
}

div.special_block > div.current {
	display:block;
	animation: sel_anim .6s linear 0s;
}

div.special_block > div img {
	width:100%;
	height:auto;
}

@keyframes sel_anim {
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}

div.special_block > div a {
	color:#333;
	transition-duration:.3s;
	opacity:1;
}

div.special_block > ul li small {
	font-size:.85em;
	display:inline-block;
	margin-right:1em;
}

div.special_block > ul li a {
	width:100%;
	font-size:120%;
	display:inline-block;
	position:relative;
	box-sizing:border-box;
}

div.special_block > ul li a:after {
    content: 'インタビューを読む';
    display: inline-block;
    position: absolute;
    background: url(../images/arrow.png) no-repeat right .2em transparent;
    background-size:8px 14px;
    top:.1em;
    right:7.5%;
    font-size:.8em;
    padding-right:15px;
}

div#sp_vol1 img {
	margin-top:-50px;
}
div#sp_vol2 img {
	float:right;
	margin-top:-10px;
}
div.special_block > ul li:nth-of-type(2n) {
	background-color:#fff;
}
div.special_block > ul li:nth-of-type(2n+1) {
	background-color:#efefef;
}
div.special_block > ul li {
	padding:20px 0 20px 30px;
}


div.special_block > div p span {
	display:inline-block;
	box-sizing:border-box;
}

div.special_block > div p {
	width:100%;
}

div.special_block > div p small {
	font-weight:bold;
}

div.special_block .special_title {
	top:36%;
	right:0;
	position:absolute;
	display:inline-block;
	font-size:150%;
	background-color:rgba(255,255,255,.9);
	padding:20px 50px;
}


div.special_block .special_title > * {
	width:100%;
}

div.special_block p small {
	display:inline-block;
	font-weight:300;
	font-size:80%;
}

div.special_block div#sp_vol2  .special_title {
	left:0;
	right:auto;
	top:55%;
}

/*div.special_block .interview {
	display:inline-block;
	text-align:right;
	width:40%;
	font-weight:300;
	font-size:80%;
	background-color:rgba(255,255,255,0.8);
	position: relative;
}

div.special_block .interview:after {
	position: absolute;
	bottom: 12px;
	right: 5%;
	content: '';
	width: 11em;
	height: 2px;
	background: #333;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
div.special_block a:hover {
	opacity:.7;
}
div.special_block a:hover .interview:after {
	bottom: 16px;
	opacity: 1;
	visibility: visible;
}*/


.mb_only {display:none;}

@media only screen and (max-width: 767px){
	.caution__link.link_btn a{
	padding: 12px 20px;
	}
	.link_btn.caution__link{
		width: 90%;
		margin: 20px auto ;
	}
}

@media only screen and (max-width: 767px){
	.mb_only {display:inline-block;}
	.rakuraku__topics .twitter__wrap.special__contents { width: 90%; }
	.rakuraku__topics .twitter__wrap.special__contents img { max-width: 100%; }
	div.special_block > ul li a:after {
		content:'';
		width:17px;
		height:27px;
		right:30px;
		padding-right:0;
	}
	div.special_block > ul li a {
		padding-right:60px;
		text-indent:-1.45em;
		padding-left:2.5em;
	}
	div.special_block img {
		border-bottom-left-radius:0;
		border-bottom-right-radius:0;
	}
	div.special_block > div img {
		width:auto!important;
		max-height:440px;
	}
	div#sp_vol1 img {
		margin-top:-55px;
	}

	
	div.special_block .special_title {
		display:none;
	}

	/*div.special_block .interview {
		padding-bottom:10px;
	}
	div.special_block .interview:after {
		top:1.5%;
	}*/
div#sp_vol1 img {width:105%!important;margin-top:-50px;margin-left:-1.6%;height:auto;max-height:inherit;}
div#sp_vol2 img {width:100%!important;height:auto;max-height:inherit;margin-top:0;}

}

/* スペシャルコンテンツ　画像の位置調整 */

@media only screen and (max-width: 680px){
div.special_block > div {
	max-height:290px;
}
}

@media only screen and (max-width: 640px){
div#sp_vol1 img {margin-top:-30px;}
}
@media only screen and (max-width: 540px){
div.special_block > div {
	max-height:260px;
}div#sp_vol1 img {width:138%!important;margin-left:-6%;margin-top:-45px;}
div#sp_vol2 img {width:130%!important;margin-right:-3%;}
}
@media only screen and (max-width: 480px){
div.special_block > div {
	max-height:260px;
}
div#sp_vol1 img {margin-top:-40px;margin-left:-5.6%;}
div#sp_vol2 img {margin-right:-3.6%;}
}
@media only screen and (max-width: 470px){
div#sp_vol1 img {margin-left:-5%;}
div#sp_vol2 img {margin-right:-4%;}
}
@media only screen and (max-width: 460px){
div.special_block > div {
	max-height:230px;
}
div#sp_vol1 img {margin-top:-40px;}
div#sp_vol2 img {margin-right:-4%;}
}
@media only screen and (max-width: 420px){
div#sp_vol1 img {margin-top:-35px;}
div#sp_vol2 img {width:135%!important;}
}
@media only screen and (max-width: 400px){
div#sp_vol1 img {width:148%!important;}
div#sp_vol2 img {width:140%!important;}
}
@media only screen and (max-width: 375px){
div.special_block > div {
	max-height:200px;
}
}