@charset "utf-8";
.cf:before, .cf:after {content:""; display:table; } .cf:after {clear:both; } .cf {zoom:1; }
.fl { float: left; }
.mb20 { margin-bottom: 20px; }
.col3 { width: 32%; }
.col3.mrgin { margin:0 2%; }
.col2 { width: 50%; }
ul.ldd_menu li { padding:0; }
ul.ldd_menu li a,ul.ldd_menu li span {color:#fff; cursor: pointer; font-weight:normal;}
ul.ldd_menu li a:hover,ul.ldd_menu li span:hover {color:#ccc; background:#222;}
ul.ldd_menu li a.on {color:#d09713; background:#191919;}
sup { vertical-align: sub; font-size: 80%; line-height: 1; position: relative; }
.foucus_title{
    padding: 40px 60px 0px;
}
.foucus_title p.fro_number { font-size:12px; line-height:20px; padding:0; line-height:30px; margin-bottom: 30px; font-weight: bold; border-bottom: 1px solid #000;}
.foucus_title p.fro_number span { display: inline-block; padding-right: 10px; font-weight: normal; }
.foucus_title p.fro_number span.name { color:#999; }
.foucus_title p.fro_number span.car {font-family: 'GothamCondensedBook'; font-size: 15px; letter-spacing: 1px; color:#e53c40;}
.foucus_title h1{
	font-weight: 900;
	font-size: 32px;
}

#foucus_page {margin:0 auto; max-width:1160px; position:relative; display:block; background:#fff;}
#foucus_single { width:800px; float:right; padding:30px 60px 40px 0; margin:0; background:#fff; }
#foucus_single.fill_size { width:100%; float: none; padding:30px 0 40px; }
#foucus_single h1 { font-size:20px; line-height:30px; font-weight:bold; display:block; margin:5px 0 0 40px;}
#foucus_single h1 img { display: block; width: 100%; }
#foucus_single img { display: block; max-width: 100%; }
#foucus_single p.fro_number { font-size:12px; line-height:30px; padding:0; line-height:30px; margin:10px 40px 20px; font-weight: bold; border-bottom: 1px solid #000;}
#foucus_single p.fro_number span { display: inline-block; padding-right: 10px; font-weight: normal; }
#foucus_single p.fro_number span.name { color:#999; }
#foucus_single p.fro_number span.car {font-family: 'GothamCondensedBook'; font-size: 15px; letter-spacing: 1px; color:#507040;}
#foucus_single.fill_size .foucus_single_inner { padding-right: 40px; }
#foucus_single .foucus_single_inner { /*padding-left: 40px;*/ }
#foucus_single .foucus_single_inner p { font-size:13px; line-height:21px; margin:0;}
#foucus_single .foucus_single_inner h3 { font-size:15px; line-height: 1.1; padding:10px 10px 8px; color:#111; font-weight:bold; margin:30px 0 10px; display:block; background: #fff; border: 1px solid #000; }
#foucus_single .foucus_single_inner h2 { font-size: 18px; line-height: 1.1; padding:10px 10px 8px; color:#fff; font-weight:bold; margin:30px 0 20px; display:block; background: #324c24; text-align: center; }
#foucus_single .foucus_single_inner img { width:800px; display:block; margin:10px 0 5px;}
#foucus_single.fill_size .like_button { margin:0 0 20px; }
#foucus_single .like_button { display: block; width: 100%; text-align: left; margin: 20px 0; }
#foucus_single .instagram_tag2 {overflow: hidden; display: block; float: right;    font-weight: bold;
    padding-left: 20px; line-height: 20px;}
#foucus_single .instagram_tag1 {overflow: hidden; display: block; float: right;    font-weight: bold;
    padding-left: 20px; line-height: 20px;}
#foucus_single .instagram_tag2 a,#foucus_single .instagram_tag1 a{
	color: #00cf18;
}
.sns_btn_wrap{    display: block;
    float: right;}

#foucus_single .instagram_follow_button {width: 76px;overflow: hidden; display: block; float: right;}
#foucus_single .facebook_like_button_count {width: 110px;overflow: hidden; display: block; float: right;}
#foucus_single .twitter_tweet_count_m {width: 90px;overflow: hidden; display: block; float: right;}
#foucus_single .line_send_count {width: 88px;overflow: hidden; display: block; float: right;}
#tab_posts { margin:0 0 20px; padding:30px 40px 30px 0; background: #fff; float:right; width:300px; }
#tab_posts h2 {margin: 0;padding: 10px; margin:0 10px 10px 0; text-align: center; font-size:13px; color:#324c24; background: #fff;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border: 1px solid #000;}
#tab_posts h2 img{width: 100%;vertical-align: middle;}
#tab_posts ul { padding:10px 10px 5px 0; background:#fff; }
#tab_posts li { height:80px; overflow: hidden; position: relative; margin-bottom:1px;}
#tab_posts li:last-child { border:none; margin-bottom: 0; }
#tab_posts li p {position: absolute; margin-left:90px; top:0; left:0; font-weight:normal; font-size:12px; line-height:17px; display: block; }
#tab_posts li img { width:80px; }
#tab_posts li a { display: block; color:#222;}
#tab_posts li a:hover { color:#999;}
#tab_posts li a:hover img { opacity: 0.6; }
#tab_posts .foucus_banners { background: #507040; display: block; padding:5px; margin:10px 10px 0 0; text-align: center; color:#fff; }
#tab_posts .foucus_banners:hover { background: #324c24; }
.btn_area{
	margin-top: 30px;
}
.btn_car,.btn_car:hover{
	display: block;
	text-align: center;
	background-color: #ff7e00;
	color: #fff;
	padding: 15px 0;
	width: 100%;
	font-weight: bold;
	font-size: 18px;
}
@media all and (max-width: 1160px){
	#foucus_single { float: none; margin:0 auto; }
	#foucus_single.fill_size { width: 100%; }
	#foucus_single .foucus_single_inner { padding: 10px 20px; }
	#foucus_single h1 { margin:5px 20px 0;}
	#foucus_single p.fro_number { margin:10px 20px 20px; }
	#tab_posts { margin:0 auto; float:none; width:800px; }
	.foucus_title {    padding: 30px 60px 0px 0; width: 800px;    margin: 0 auto;}
	.foucus_title h1 {
	    font-weight: 900;
	    font-size: 16px;
	    margin-top: 10px;
	}
	.foucus_title p.fro_number span.car{
		margin-top: 15px;
	}
}
@media all and (max-width: 800px){
	#foucus_single { width: 100%; padding:0;}
	#foucus_single .foucus_single_inner { padding: 10px 20px; }
	#foucus_single h1 { margin:5px 20px 0;}
	#tab_posts { width: 100%;}
	#tab_posts ul { padding:10px 10px 5px; }
	#tab_posts .foucus_banners { margin:10px 10px 0; }
	#tab_posts h2 { margin:0 10px 10px; }
	#foucus_single p.fro_number { font-size:11px;}
	#foucus_single p.fro_number span.car { font-size: 13px;}
	#foucus_single .foucus_single_inner h3 { font-size:12px;}
	#foucus_single .foucus_single_inner p { font-size:11px; }
	.col3,.col2 { width: 90%; float: none !important; margin:0 auto 10px !important; }
	#foucus_single.fill_size .foucus_single_inner { padding-right: 20px; }
	#foucus_single .foucus_single_inner h2 { font-size: 14px;}
	#foucus_single .foucus_single_inner h3 { font-size:13px; }
	#foucus_single .foucus_single_inner p { font-size:11px; line-height: 1.8; }
	.foucus_title {padding: 20px 20px 0px;width: 100%;}
	.foucus_title h1 {
	    font-weight: 900;
	    font-size: 16px;
	    margin-top: 10px;
	}
	.foucus_title p.fro_number span.car{
		margin-top: 15px;
	}
	#foucus_single .like_button{
		    padding: 0 20px;
	}
}

.media-grid{position:relative;width:100%; height:0;padding-bottom:42%;overflow:hidden;display:block; border-top:1px solid #fff;}
.media-grid .media-piece{position:absolute;display:block;width:25%;height:33%;    border: 4px solid #fff;}
.media-grid .media-inner{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;overflow:hidden; background:#000;}
.media-grid .media-inner img{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.media-grid .title { position:absolute;top:50%;left:0; width:90%; height:50px; margin:-25px 5% 0 5%; text-align:center; z-index:10; display:none; color:#fff;}
.media-grid .title p { font-size:12px; line-height:25px; }
.media-grid .title p span { font-family:'GothamLightRegular','Helvetica', sans-serif; font-size:12px; line-height:25px; }
/*.media-grid .rb:after{display:block;content:"";position:absolute;top:0px;right:0px;width:2px;height:100%;background-color:#dcdcdc}
.media-grid .lb:after{display:block;content:"";position:absolute;top:0px;left:0px;width:2px;height:100%;background-color:#dcdcdc}
.media-grid .lb2:after{display:block;content:"";position:absolute;top:0px;left:-2px;width:1px;height:100%;background-color:#dcdcdc}
.media-grid .tb .media-inner:after{display:block;content:"";position:absolute;top:0px;left:0px;width:100%;height:1px;background-color:#dcdcdc}*/

.media-grid .media-0-0{top:0%;left:0%;
    width: 50%;
    height: 50%;
}
.media-grid .media-0-25 {top:0%;left:25%;}
.media-grid .media-0-50 {top:0%;left:50%;
	height: 50%;
}
.media-grid .media-0-75 {top:0%;left:75%;}
.media-grid .media-67-0{top:67%;left:0;}
.media-grid .media-67-25 {top:50%;left:25%;
	height: 50%;
}
.media-grid .media-0-0-25-67{top:0;left:0;width:25%;height:67%}
.media-grid .media-33-0-50-67{top:33%;left:0;width:50%;height:67%;}
.media-grid .media-33-0-25-67 {top:50%;left:0%;width:25%;height:50%}
.media-grid .media-33-25-25-67{top:33%;left:25%;width:25%;height:67%}
.media-grid .media-33-50-25-67 {top:50%;left:50%;width:50%;height:50%}
.media-grid .media-0-75-25-67{top:0;left:75%;width:25%;height:50%}
.media-grid .media-0-75-25-100{top:0;left:75%;width:25%;height:100%}
.media-grid .media-67-75-25-33{top:67%;left:75%;width:25%;height:33%}
.media-grid .media-33-50-50-67{top:33%;left:50%;width:50%;height: 67%;}
.media-grid .media-0-0-50-100{top:0;left:0;width:50%;height:100%}

@media all and (max-width: 800px){
	.media-grid{ border-top:none;}
	.media-grid .rb:after{ display: none; }
	.media-grid .lb:after{ display: none; }
	.media-grid .lb2:after{ display: none; }
	.media-grid .tb .media-inner:after{ display: none; }
	.media-grid{padding-bottom:168%;}
/*	.media-grid .media-piece{width:50%;height:17%}*/
.media-grid .media-0-0 {
    top: 0%;
    left: 0%;
    width: 100%;
    height: 25%;
}	.media-grid .media-0-25 {top:0%;left:50%;}
	.media-grid .media-0-50 {top: 50%;
    left: 0;
    height: 25%;
    width: 50%;}
	.media-grid .media-0-75 {top:50%;left:50%;}
	.media-grid .media-67-0 {top:33%;left:0;}
	.media-grid .media-67-25 {    top: 25%;
    left: 50%;
    height: 25%;
    width: 50%;}
	.media-grid .media-0-0-25-67 {top:0;left:0;width:50%;height:33%}
	.media-grid .media-0-75-25-67 {top:50%;left:50%;width:50%;height:25%}
	.media-grid .media-0-75-25-100 {top:50%;left:50%;width:50%;height:50%}
	.media-grid .media-33-0-25-67 {    height: 25%;
    top: 25%;
    width: 50%;}
	.media-grid .media-33-25-25-67 {top:17%; left:50%; width:50%; height:33%;}
	.media-grid .media-33-50-25-67 {    top: 75%;
    left: 0;
    width: 100%;
    height: 25%;}
	.media-grid .media-33-0-50-67 {top:17%;left:0;width:100%;height:33%;}
	.media-grid .media-33-50-50-67 {top:67%;left:0;width:100%;height: 33%;}
	.media-grid .media-0-0-50-100 {top:0;left:0;width:100%;height:50%}
}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active { outline: none;}

.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider { max-width: 800px; max-height:533px; margin:20px 0 10px; padding: 0; position:relative; overflow: hidden;}
.min-flexslider { max-width: 760px; max-height:507px; }
.flexslider .slides > li { display: none;}
.flexslider .slides img { max-width: 100%; display: block;}
.flex-pauseplay span { text-transform: capitalize;}
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides { display: block;}
* html .slides { height: 1%;}
.no-js .slides > li:first-child { display: block;}
.flexslider { zoom: 1;}
.flexslider .slides { zoom: 1; position:relative; z-index:10;}
.flexslider .slides > li { position: relative;}
.flex-container { zoom: 1; position: relative;}
.flexslider section { font-size:12px; color:#fff; background:#333; background-color: rgba(0,0,0,0.8); padding: 10px 10px 5px 10px;position: absolute;bottom: 10px;left: 10px;right: 10px;z-index: 5; width: auto;}
#foucus_single .foucus_single_inner .flexslider section p { font-size:12px; }
/* IE rgba() hack */
.flex-caption {  background:none;
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000); zoom: 1;}
.flex-caption {  width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(/bereal/img2/bg_direction_nav.png) no-repeat 0 0; position: absolute; z-index: 99; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}


.flex-control-nav { right: 5px; position: absolute; top: 20px; z-index: 99; height: 20px; padding: 0 6px; background: rgba(0,0,0,0.5);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; }
.flex-control-nav li { margin: 0 0 0 5px; display: inline-block; zoom: 1;*display: inline; background:none;}
.flex-control-nav li:first-child { margin: 0;}
.flex-control-nav li a { margin-top: 5px; width: 12px; height: 12px; display: block; background: url(/bereal/img2/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover { background-position: 0 -12px;}
.flex-control-nav li a.flex-active { background-position: 0 -24px; cursor: default;}



#foucus_single .section_toukouko { margin:0 auto 40px; background: #fff; }
#foucus_single .section_toukouko h3 { font-weight: normal; color: #fff; font-size: 18px; line-height: 40px; background: #444; text-align: center; margin:40px 40px 0; max-width:1080px; padding:10px 0 7px; text-transform: uppercase; letter-spacing: 1px; }
#foucus_single #content_sec5 { max-width:1080px; position:relative; margin:0 40px; padding:0; text-align: center; }
#foucus_single .cj-form-content h4 {color: #fff; font-size: 15px; line-height: 1.6; margin: 0 0 10px; font-weight: normal; }
#foucus_single .cj-form-content p { font-size:12px; line-height:19px; color:#c0c0c0;}
#foucus_single .cj-form-content { margin: 0 auto; padding: 30px; background: #191919; text-align: left;}
#foucus_single #doui-cover { margin:10px auto; max-width:500px; width:90%; height:70px; position:relative; }
#foucus_single #doui {text-align: center; display:block; height:40px; margin: 0 0 20px; max-width:1080px; padding: 0;}
#foucus_single #doui label{background: #222; padding: 10px 0; margin: 0; max-width: 100%; display: block; cursor: pointer; font-size:13px; color:#fff;}
#foucus_single .cj-form { display:none;}
#foucus_single #owner_post,#foucus_single #linkmask {position: absolute;top: 10px;left: 0px;width: 100%;display: block;}
#foucus_single #owner_post img,#foucus_single #linkmask img { display: block; width:100%; }
.oubosuru { display: inline-block; padding: 4px 12px; background: #0f9eda; color: #fff; font-weight: bold; border-radius: 4px 4px; }
@media all and (max-width: 800px){
	#foucus_single .section_toukouko h3 { margin:40px 20px 0; }
	#foucus_single #content_sec5 { margin:0 20px; }

}
.all_campaign { margin:0 auto; background: #ffd800; color: #2b2b2b; width: 100%; font-size: 16px; line-height: 50px; height: 50px; display: block; text-align: center; font-weight: bold; }
.all_campaign:hover { background-color:#ffb202; color: #111;}