@charset "utf-8";

/*--------------------------外部ブログ--------------------------------*/

#otherblog_wrapper {
	width:100%;
	height:240px;
	margin:0 auto;
	padding:0 12px;
	overflow-y: auto;
	border:none;
}
@media screen and (max-width: 767px) {
	#otherblog_wrapper {
	width:100%;
	height:240px;
	margin:0 auto;
	padding:0;
	overflow-y: auto;
	border:none;
}
}

#feed_others .feedbox {
	width: 14.5%;
	height: 200px;
	margin: 0 15px 15px 0;
	font-size:12px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;
	-webkit-box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;
	-moz-box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;
	border:1px solid #ddd;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/	
	overflow: hidden;
	position: relative;
	background-color:#fff;
}
@media screen and (max-width: 767px) {
#feed_others .feedbox:nth-child(odd) {/*奇数数のみ*/
	width: 46.5%;
	height: 200px;
	margin: 0 7px 12px 0;
	float:left;
	overflow: hidden;
}
#feed_others .feedbox:nth-child(even){/*偶数のみ*/
	width: 46.5%;
	height: 200px;
	margin: 0 7px 12px 0;
	float:right;
	overflow: hidden;
}
}

#feed_others .feedbox .site_title {
	width: 100%;
	min-height:28px;
	color:#333;
	padding:7px 5px 5px 5px;
	font-weight:bold;
	line-height:130%;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	border-bottom:1px dotted #ccc;
	/*background-color:#F7F1C3;*/
	background-color:#8CC84B;
	/*background-image:url(../img/feed-icon01.png);
	background-repeat:no-repeat;*/
	word-wrap: break-word;
}
#feed_others .feedbox .site_title a {
	color:#333;
	padding:7px 5px 5px 5px;
	text-decoration: none;outline: none;
}
#feed_others .feedbox .trim {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#feed_others .feedbox .trim img {
	width: 100%;
	height: auto;
}

#feed_others .feedbox .title {
	width: 100%;
	color:#666;
	padding:5px;
	margin:0;
	line-height:130%;
	font-size:12px;
	position: absolute;
	bottom:0;
	background-color: rgba( 255, 255, 255, 0.8 );
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	word-wrap: break-word;
}

#feed_others .feedbox .title a {
	color: #027db3;
	text-decoration: none;outline: none;
}

@media screen and (max-width: 767px) {
#feed_others .feedbox .title {
	width: 100%;
	margin:0;
	padding:5px 5px 7px 5px;
	font-size:12px;
	position: absolute;
	bottom:0;
	background-color: rgba( 255, 255, 255, 0.8 );
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	word-wrap: break-word;
}	
}

#feed_others .feedbox .date {
	padding:0;
	margin:0;
}
#feed_others .feedbox .txt {
	padding:0;
	margin:0;
}

/*--------------------------新着ブログ--------------------------------*/
#feeds .container{
	margin:0 auto 60px auto;
	overflow:hidden;
	
	
}

@media screen and (max-width: 767px) {
#feeds .container{
	width:88%;
	margin:0 auto;
	padding:20px 10px;
	height:500px;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	overflow:hidden;
}
}

@media screen and (max-width: 767px) {
#feeds .container .feed_wrapper {
	width:100%;
	clear:both;
	height:700px;
	overflow-y: auto;
	padding:20px 0 5px 20px;
}
}
@media screen and (min-width: 768px) {
#feeds .container .feed_wrapper {
	width:100%;
	clear:both;
	padding:20px 0 5px 20px;
}
}
#feeds .container .feed_wrapper #feed .feedbox {
	width: 14.5%;
	height: 200px;
	margin: 0 15px 15px 0;
	font-size:12px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;
	-webkit-box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;
	-moz-box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;
	border:1px solid #ddd;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/	
	overflow: hidden;
	position: relative;
	background-color:#fff;
}
@media screen and (max-width: 767px) {
#feeds .container .feed_wrapper #feed .feedbox:nth-child(odd) {/*奇数数のみ*/
	width: 46.5%;
	height: 200px;
	margin: 0 7px 12px 0;
	float:left;
	overflow: hidden;
}
#feeds .container .feed_wrapper #feed .feedbox:nth-child(even){/*偶数のみ*/
	width: 46.5%;
	height: 200px;
	margin: 0 7px 12px 0;
	float:right;
	overflow: hidden;
}
}

#feeds .container .feed_wrapper #feed .feedbox .site_title {
	width: 100%;
	min-height:28px;
	color:#333;
	padding:7px 5px 5px 5px;
	font-weight:bold;
	line-height:130%;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	border-bottom:1px dotted #ccc;
	/*background-color:#F7F1C3;*/
	background-color:#ffe699;
	/*background-image:url(../img/feed-icon01.png);
	background-repeat:no-repeat;*/
	word-wrap: break-word;
}
#feeds .container .feed_wrapper #feed .feedbox .site_title a {
	color:#333;
}
#feeds .container .feed_wrapper #feed .feedbox .trim {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#feeds .container .feed_wrapper #feed .feedbox .trim img {
	width: 100%;
	height: auto;
}

#feeds .container .feed_wrapper #feed .feedbox .title {
	width: 100%;
	padding:5px;
	margin:0;
	line-height:130%;
	font-size:12px;
	position: absolute;
	bottom:0;
	background-color: rgba( 255, 255, 255, 0.8 );
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	word-wrap: break-word;
}

@media screen and (max-width: 767px) {
#feeds .container .feed_wrapper #feed .feedbox .title {
	width: 100%;
	margin:0;
	padding:5px 5px 7px 5px;
	font-size:12px;
	position: absolute;
	bottom:0;
	background-color: rgba( 255, 255, 255, 0.8 );
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	word-wrap: break-word;
}	
}

#feeds .container .feed_wrapper #feed .feedbox .date {
	padding:0;
	margin:0;
}
#feeds .container .feed_wrapper #feed .feedbox .txt {
	padding:0;
	margin:0;
}

/*--------------------------------オフィシャル　右---------------------------------------*/
#official #official_wrapper #official_right #feed_care {
	width:100%;
}
#official #official_wrapper #official_right #feed_care .feedbox {
	width: 100%;
	height: 504px;
	margin: 0;
	font-size:12px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;
	-webkit-box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;
	-moz-box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;*
	border:1px solid #ddd;
	overflow: hidden;
	position: relative;	
}
#official #official_wrapper #official_right #feed_care .feedbox .site_title {
	width: 100%;
	min-height:28px;
	font-size:14px;
	color:#333;
	padding:7px 5px 5px 5px;
	font-weight:bold;
	line-height:130%;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	border-bottom:1px dotted #ccc;
	/*background-color:#F7F1C3;*/
	background-color:#a6def1;
	/*background-image:url(../img/feed-icon01.png);
	background-repeat:no-repeat;*/
	word-wrap: break-word;
}
#official #official_wrapper #official_right #feed_care .feedbox .site_title a {
	color:#333;
}
#official #official_wrapper #official_right #feed_care .feedbox .trim {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#official #official_wrapper #official_right #feed_care .feedbox .trim img {
	width: 100%;
	height: auto;
}
#official #official_wrapper #official_right #feed_care .feedbox .trim img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#official #official_wrapper #official_right #feed_care .feedbox .trim:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
#official #official_wrapper #official_right #feed_care .feedbox .title {
	width: 100%;
	padding:5px;
	margin:0;
	line-height:130%;
	font-size:14px;
	position: absolute;
	bottom:0;
	background-color: rgba( 255, 255, 255, 0.8 );
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	word-wrap: break-word;
}

/*--------------------------------オフィシャル　左　1段目---------------------------------------*/

#official #official_wrapper #official_left #feed_event {
	width: 48%;
	float:left;
}

#official #official_wrapper #official_left #feed_event .feedbox {
	width: 100%;
	height: 240px;
	margin: 0 0 15px 0;
	font-size:12px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;
	-webkit-box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;
	-moz-box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;*
	border:1px solid #ddd;
	overflow: hidden;
	position: relative;
	
}

#official #official_wrapper #official_left #feed_shop {
	width: 48%;
	float:right;
}
#official #official_wrapper #official_left #feed_shop .feedbox {
	width: 100%;
	height: 240px;
	margin: 0 0 15px 0;
	font-size:12px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;
	-webkit-box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;
	-moz-box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;*
	border:1px solid #ddd;
	overflow: hidden;
	position: relative;
	float:right;
}


#official #official_wrapper #official_left .feedbox .site_title {
	width: 100%;
	min-height:28px;
	font-size:14px;
	color:#333;
	padding:7px 5px 5px 5px;
	font-weight:bold;
	line-height:130%;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	border-bottom:1px dotted #ccc;
	/*background-color:#F7F1C3;*/
	background-color:#a6def1;
	/*background-image:url(../img/feed-icon01.png);
	background-repeat:no-repeat;*/
	word-wrap: break-word;
}
#official #official_wrapper #official_left .feedbox.site_title a {
	color:#333;
}
#official #official_wrapper #official_left .feedbox .trim {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#official #official_wrapper #official_left .feedbox .trim img {
	width: 100%;
	height: auto;
}
#official #official_wrapper #official_left .feedbox .trim img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#official #official_wrapper #official_left .feedbox .trim:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
#official #official_wrapper #official_left .feedbox .title {
	width: 100%;
	padding:5px;
	margin:0;
	line-height:130%;
	font-size:14px;
	position: absolute;
	bottom:0;
	background-color: rgba( 255, 255, 255, 0.8 );
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	word-wrap: break-word;
}

@media screen and (max-width: 767px) {
#official #official_wrapper #official_left .feedbox .feedbox .title {
	width: 100%;
	margin:0;
	padding:5px 5px 7px 5px;
	font-size:12px;
	position: absolute;
	bottom:0;
	background-color: rgba( 255, 255, 255, 0.8 );
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	word-wrap: break-word;
}	
}

#official #official_wrapper #official_left .feedbox .feedbox .date {
	padding:0;
	margin:0;
}

/*--------------------------------オフィシャル　左　2段目---------------------------------------*/

#official #official_wrapper #official_left #feed_ofcs {
	width: 100%;
}

#official #official_wrapper #official_left #feed_ofcs .feedbox:nth-child(odd) {
	width: 48%;
	height: 240px;
	margin: 0;
	font-size:12px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;
	-webkit-box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;
	-moz-box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;
	border:1px solid #ddd;
	overflow: hidden;
	position: relative;
	float:left;	
}
#official #official_wrapper #official_left #feed_ofcs .feedbox:nth-child(even) {
	width: 48%;
	height: 240px;
	margin: 0;
	font-size:12px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;
	-webkit-box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;
	-moz-box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;
	border:1px solid #ddd;
	overflow: hidden;
	position: relative;
	float:right;	
}


/*--------------------------------注目ブログ---------------------------------------*/

#attention #attention_wrapper {
	width: 100%;
}

#attention #attention_wrapper .feedbox {
	width: 100%;
	height: 240px;
	margin: 0 auto 15px auto;
	font-size:12px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;
	-webkit-box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;
	-moz-box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 1px 1px;*
	border:1px solid #ddd;
	overflow: hidden;
	position: relative;
	
}



#attention #attention_wrapper .feedbox .site_title {
	width: 100%;
	min-height:28px;
	font-size:14px;
	color:#333;
	padding:7px 5px 5px 5px;
	font-weight:bold;
	line-height:130%;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	border-bottom:1px dotted #ccc;
	/*background-color:#F7F1C3;*/
	background-color:#e0bff1;	
	/*background-image:url(../img/feed-icon01.png);
	background-repeat:no-repeat;*/
	word-wrap: break-word;
}
#attention #attention_wrapper .feedbox.site_title a {
	color:#333;
}
#attention #attention_wrapper .feedbox .trim {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#attention #attention_wrapper .feedbox .trim img {
	width: 100%;
	height: auto;
}
#attention #attention_wrapper .feedbox .trim img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#attention #attention_wrapper .feedbox .trim:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}


#attention #attention_wrapper .feedbox .title {
	width: 100%;
	padding:5px;
	margin:0;
	line-height:130%;
	font-size:14px;
	position: absolute;
	bottom:0;
	background-color: rgba( 255, 255, 255, 0.8 );
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	word-wrap: break-word;
}

@media screen and (max-width: 767px) {
#attention #attention_wrapper .feedbox .feedbox .title {
	width: 100%;
	margin:0;
	padding:5px 5px 7px 5px;
	font-size:12px;
	position: absolute;
	bottom:0;
	background-color: rgba( 255, 255, 255, 0.8 );
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	word-wrap: break-word;
}	
}

#attention #attention_wrapper .feedbox .feedbox .date {
	padding:0;
	margin:0;
}
/*--------------------------------幕張カレンダー---------------------------------------*/
#blog_calendar #blog_cle_wrapper .feedbox:nth-child(odd) {
	width: 13%;
	height: 280px;
	margin: 0 5px;
	padding:7px;
	font-size:12px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 0px 0px;
	-webkit-box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 0px 0px;
	-moz-box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 0px 0px;
	border:1px solid #ddd;
	overflow: hidden;
	position: relative;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/	
}
#blog_calendar #blog_cle_wrapper .feedbox:nth-child(even) {
	width: 13%;
	height: 280px;
	margin: 0 5px;
	padding:7px;
	font-size:12px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 0px 0px;
	-webkit-box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 0px 0px;
	-moz-box-shadow: rgba(35, 35, 35, 0.1) 0px 0px 0px 0px;
	border:1px solid #ddd;
	overflow: hidden;
	position: relative;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/	
}
#blog_calendar #blog_cle_wrapper .feedbox .trim {
	width: 100%;
	height: 240px;
	overflow: hidden;
}
#blog_calendar #blog_cle_wrapper .feedbox .trim img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 767px) {
#blog_calendar #blog_cle_wrapper .feedbox:nth-child(odd) {
	width: 33%;
	height: 170px;
	margin: 0 0 0 0;
	padding:10px;
	font-size:12px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: rgba(35, 35, 35, 0) 0px 0px 0px 0px;
	-webkit-box-shadow: rgba(35, 35, 35, 0) 0px 0px 0px 0px;
	-moz-box-shadow: rgba(35, 35, 35, 0) 0px 0px 0px 0px;
	border:1px solid #ddd;
	overflow: hidden;
	position: relative;
	float:left;
}
#blog_calendar #blog_cle_wrapper .feedbox:nth-child(even) {
	width: 33%;
	height: 170px;
	margin: 0 0 0 0;
	padding:10px;
	font-size:12px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: rgba(35, 35, 35, 0) 0px 0px 0px 0px;
	-webkit-box-shadow: rgba(35, 35, 35, 0) 0px 0px 0px 0px;
	-moz-box-shadow: rgba(35, 35, 35, 0) 0px 0px 0px 0px;
	border:1px solid #ddd;
	overflow: hidden;
	position: relative;
	float:left;
}
}