@charset "utf-8";

/*@media screen and (min-width:1029px) { */
body {
	margin: 0px;
	-webkit-text-size-adjust : 100%;
 min-width:1095px;
}

#bg {
	margin: 0px;
	background: #0F9;
	background: #FFF9FC;
	border-top: 5px solid #f54597;
	border-bottom: 5px solid #f54597;
	width:100%;
}


div,p,dl,dt,dd,ul,ol,li,h1,h2,h2,h3,h5,h6,table {
	padding: 0;
	margin: 0;
}


html,body,#wrapper div,#wrapper p,#wrapper li,#wrapper ul,#wrapper ol,#wrapper span,#wrapper img,#wrapper dl,#wrapper dt,#wrapper dd,#wrapper h1,#wrapper h2,#wrapper h3,#wrapper h4,#wrapper h5,#wrapper h6,#wrapper a,#wrapper form,#wrapper table,#wrapper tr,#wrapper th,#wrapper td,#wrapper form,
.popup_area div,.popup_area p,.popup_area li,.popup_area ul,.popup_area ol,.popup_area span,.popup_area img,.popup_area a{
/*background-color: transparent;*/
	border: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
#wrapper ul,#wrapper ol{ list-style: none; margin: 0 auto; text-align: left; }
#wrapper h1,#wrapper h2,#wrapper h3,#wrapper h4,#wrapper h5,#wrapper h6{ line-height: 1;  margin: 0 auto; }


#wrapper {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: auto;
	width: 1096px;
	font-size: 90%;
}

#wrapper #content #main_visual {
	padding-top: 20px;
}

#wrapper img{ border: 0; vertical-align: bottom; }


/* -----------------------------------------
  SNSボタン
----------------------------------------- */
#wrapper #sns_button {
	width: auto;
	text-align: left;
	padding-top: 20px;
	margin: auto;
}

#wrapper #sns_button #sns_ichi {
	float: left;
	background: #F54597;
	padding: 25px 10px 7px 8px;
	height: 42px;
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
	margin-left: 15px;
	text-align: center;
	margin-right: 25px;
	width: 190px;
}

#wrapper #sns_button ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: auto;
	padding: 0px;
	width: auto;
}

#wrapper #sns_button #sns_ichi span {
	background: #F54597;
	display: block;
	text-align: center;
	margin: auto;
	padding: 4px 3px 3px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	clear: both;
}

#wrapper #sns_button ul li {
	margin-right: 0px;
	height: auto;
	width: 11%;
	text-align: center;
}

#wrapper #sns_button ul li a {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display: block;
	width: auto;
	text-align: center;
}

#wrapper #sns_button ul li a img {
  	transition: 0.3s;
}

#wrapper #sns_button ul li a:hover img {
		-webkit-transform: translate(0px,-15px);
		-moz-transform: translate(0px,-15px);
		-ms-transform: translate(0px,-15px);
		-o-transform: translate(0px,-15px);
		transform: translate(0px,-15px);
}
#wrapper .sns_button_space {
	padding-bottom: 20px;
}


/* -----------------------------------------
  link
----------------------------------------- */

#wrapper a{
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease;
}
#wrapper a:link, #wrapper a:visited{
	text-decoration: none;
}
#wrapper a:hover, #wrapper a:active{
	filter: alpha (opacity=70);
	-moz-opacity: 0.7;
	-webkit-opacity: 0.7;
	opacity: 0.7;
	text-decoration: none;
}

#wrapper p{
	line-height: 1.8;
	text-align: left;
}

#wrapper header {
	padding-top: 15px;
	display: none;
}
#wrapper #header_logo {
	float: left;
}
#wrapper #header_navi_list ul {
	display:flex;
}

#wrapper .cf:before,
#wrapper .cf:after{
	content: " ";
	display: table;
}
#wrapper .cf:after{ clear: both; }
#wrapper .cf{ *zoom: 1; }
#wrapper #common_content {
	border-right: 1px solid #FFF4FA;
	border-left: 1px solid #FFF4FA;
	background: #FFFFFF;
}
#wrapper #column_content {
      display: -webkit-flex;
      display: flex;
}
#wrapper #content #main_content .content_topics_area {
	justify-content: space-between;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 10px;
	margin-bottom: 20px;
	background: #FAD4E4;
	padding: 20px;
}
#wrapper #content #main_content .content_topics_area .twitter_area {
	width: 52%;
}
#wrapper #content #main_content {
	clear: both;
}
#wrapper #content_topics a {
	color: #604D40;
	text-decoration: underline;
}
#wrapper #main_content #content_topics #main_content_title {
	font-size: 180%;
	font-weight: bold;
	color: #f54597;
	padding-top: 10px;
	text-align: left;
	background: #fad4e4;
	padding-bottom: 8px;
	border-bottom: 1px solid #FEF1F8;
	padding-left: 15px;
}

#wrapper #main_content #content_topics {
	border: 5px solid #f54597;
	margin-top: 15px;
	margin-bottom: 15px;
	background: #fff9fc;
	min-height: 180px;
}
#wrapper #main_content #content_topics ul {
	height: auto;
	background: #FFF9FC;
	text-align: left;
	width: 97%;
	margin-top: 5px;
	margin-bottom: 5px;
}
#wrapper #content #main_content .content_topics_area #content_topics ul li {
	clear: both;
	margin-bottom: 10px;
	width: 100%;
}
#wrapper #main_content #content_topics ul li dl dt {
	color: #FFF;
	background: #F54597;
	padding: 3px;
	width: 30%;
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-right: 10px;
	font-size: 0.8em;
}
#wrapper #main_content #content_topics ul li dl dd {
	padding-top: 5px;
}
#wrapper #content #main_content .next_oa_movie {
	width: 45%;
	text-align: center;
	margin: auto;
}
#wrapper #content #main_content #next_oa_movie ul #next_oa_movie_youtube {
	padding-left: 40px;
}
#wrapper #content #main_content #next_oa_movie ul #next_oa_movie_date p {
	font-size: 120%;
	font-weight: bold;
	padding-top: 20px;
	color: #604d40;
}
#wrapper #content #main_content #next_oa_movie_special {
	background: #FAD4E4;
	padding: 20px;
}

#wrapper #content #main_content #next_oa_movie_special ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: auto;
	width: 80%;
}
#wrapper #content #main_content #next_oa_movie_special ul li {
	width: 47%;
}
#wrapper #content #main_content #next_oa_movie_special ul #next_oa_movie_youtube_s p {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	background: #f54597;
	line-height: 1.2em;
	padding: 8px;
	margin-bottom: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#wrapper #content #main_content #next_oa_movie_special ul #next_oa_movie_youtube_s .next_oa_movie_youtube_s_bg {
	background: #1AA2E3;
}




#bg #wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail.cf .column-notes .train_date {
	font-size: 140%;
	padding-top: 20px;
	clear: both;
	color: #d60982;
	line-height: 140%;
}
#wrapper .train_img {
	-webkit-box-shadow: 8px 8px 5px #dddddd;
	-moz-box-shadow: 8px 8px 5px #dddddd;
	-ms-box-shadow: 8px 8px 5px #dddddd;
	box-shadow: 8px 8px 5px #dddddd;
}

#wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail.cf .column-notes #re-air {
	clear: both;
	margin-top: 30px;
	padding: 20px;
	background: #DCFEE7;
	font-size: 150%;
	border: 2px solid #BFFDD3;
	line-height: 140%;
}
#wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail.cf .column-notes #re-air dt {
	font-size: 120%;
	font-weight: bold;
	color: #51431A;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 3px solid #01be00;
}
#wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail.cf .column-notes #re-air dd {
	font-weight: bold;
}
#wrapper .column-item.train_train_photo {
	text-align: center;
	display: block;
	margin: auto;
	clear: both;
	width: 100%;
}
#wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail.cf .column-notes .column-item .train_header {
	background: url(none);
	margin: 0px auto 30px;
	padding: 0px;
}


#wrapper .column-item.train_train_photo img {
	width: 500px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
}
#wrapper .section-detail .train_photo_cast {
	justify-content: space-between;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#wrapper .section-detail .train_photo_cast img {
	margin-bottom: 20px;
}
#wrapper .section-detail #train_hod {
	font-size: 110%;
	line-height: 150%;
	background: #FDEEF4;
	padding: 20px 10px;
	margin-top: 20px;
	border: 3px double #FCBEDC;
}
#wrapper .section-detail #train_hod p {
	color: #73542B;
}
#wrapper #content #common_content #content-header .shiretoko_h2 {
	margin: 0px;
	padding: 0px;
}

#wrapper #content .shiretoko_logo {
	margin: 0px;
	padding: 0px;
}
#wrapper #content .shiretoko_logo img {
	height: auto;
	width: 100%;
	margin-top: 0px;
	padding-top: 0px;
}
#wrapper #content . {
}
#wrapper #content .shiretoko_staff_list {
	line-height: 1.8em;
	padding-bottom: 20px;
}
#wrapper #content .shiretoko_staff_list dt {
	font-size: 140%;
	font-weight: bold;
	color: #52b4cf;
}
#wrapper #content .shiretoko_photo {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-around;
}

#wrapper #content .shiretoko_staff_list_photo {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

#wrapper #content .shiretoko_photo li img {
	-webkit-box-shadow: 3px 3px 12px rgb(192, 194, 194);
	-moz-box-shadow: 3px 3px 12px rgb(192, 194, 194);
	-ms-box-shadow: 3px 3px 12px rgb(192, 194, 194);
	box-shadow: 3px 3px 12px rgb(192, 194, 194);
	margin-bottom: 20px;
}

#wrapper #content .shiretoko_staff_list_photo img {
	-webkit-box-shadow: 3px 3px 12px rgb(192, 194, 194);
	-moz-box-shadow: 3px 3px 12px rgb(192, 194, 194);
	-ms-box-shadow: 3px 3px 12px rgb(192, 194, 194);
	box-shadow: 3px 3px 12px rgb(192, 194, 194);
	margin-bottom: 20px;
}
#wrapper #content .section_special_description {
	padding-top: 0px;
	padding-bottom: 20px;
	font-size: 110%;
	font-weight: bold;
	line-height: 180%;
	color: #5B512F;
}
#wrapper #content .section_special_description dt {
	font-size: 120%;
}
#wrapper .section_special_strong {
	font-size: 120%;
	font-weight: bold;
}





/*/////////////////////////////////////////////

index

////////////////////////////////////////////*/

#wrapper #main_content #oa {
	color: #FFF;
	background: #d60982;
	float: left;
	min-height: 160px;
	width: 100%;
	line-height: 120%;
	height: auto;
}


#wrapper #oadigest-header{
    background: #f54597;
	margin: 0 auto 8px;
	overflow: hidden;
	padding: 8px 8px;
}
#wrapper #oadigest-heading{
	float: left;
}


#wrapper #oadigest-ttl,
#wrapper #oadigest-latest{
	color: #fff;
	display: inline-block;
	font-size: 1.1em;
}
#wrapper #oadigest-latest{
	background: #d5007f;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 4px 8px;
	text-align: center;
	margin-left: 8px;
}
#wrapper #oadigest-more{
	float: right;
	margin-top: 4px;
}
#wrapper #oadigest-more a{
	background: url(../images/backnumber.png) 0 center no-repeat #f54597;
	background-size: 18px 12px;
	color: #fff;
	min-height: 11px;
	vertical-align: middle;
	border: 1px solid #FFF;
	display: inline;
	padding: 2px 5px 2px 23px;
	text-align: center;
	height: 50px;
}

#wrapper #oadigest-more_02{
	display: none;
}

/*#wrapper #main_content #oa {
	color: #FFF;
	background: #d60982;
	float: left;
	width: 730px;
	min-height: 270px;
}*/

#wrapper #banner_content {
	float: left;
	margin: auto;
	text-align: center;
	background: #FFECEC;
	width: 366px;
	min-height: 250px;
	padding-top: 20px;
}
#wrapper #content #main_content .corner {
	border-top: 1px solid #ffecec;
	border-left: 1px solid #ffecec;
	clear: both;
	padding-bottom: 10px;
	background: #FFF;
	font-size: 90%;
	line-height: 120%;
}

#wrapper #content #main_content .corner a {
	font-size: 90%;
	color: #333;
}

#wrapper .corner.cf .corner-list {
	float: left;
	width: 364px;
	text-align: center;
	border-right: 1px solid #FFECEC;
	border-bottom: 1px solid #FFECEC;
	min-height: 250px;
	padding-top: 10px;
	position: relative;
	margin: auto;
	padding-bottom: 10px;
	font-size: 140%;
	line-height: 160%;
}
#wrapper .corner.cf .corner-list a {
	display: block;
}
#wrapper .corner-new{
	background: url(../images/corner-new.png) no-repeat 0 0;
	color: #fff;
	display: table;
	font-size: 0.9em;
	text-align: center;
	height: 72px;
	width: 72px;
	z-index: 10;
	position: absolute;
	left: 290px;
	float: right;
	top: 1px;
}
#wrapper .new-inner{
	line-height: 1.3;
	display: table-cell;
	height: 72px;
	vertical-align: middle;
}
#wrapper .new-date{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 1.4em;
	display: block;
}

#wrapper .corner.cf .corner-list img {
	margin: 0 auto 16px;
}

#wrapper #banner_content img {
	padding-bottom: 10px;
}

#wrapper #oa #oadigest-inner {
	background: #FFF7F7;
}

/* -----------------------------------------
  articles
----------------------------------------- */

#wrapper .articles h4{
	background: #fdeef4;
	color: #6e0b40;
	margin: 0 auto 6px;
	padding: 8px 12px;
}
#wrapper .article-detail > li{
	font-size: 1.1em;
	margin-bottom: 6px;
}
#wrapper .article-inner{
	display: block;
	margin-bottom: 20px;
	clear: both;
	font-size: 90%;
}
#wrapper #oadigest-inner li,
#wrapper .article-inner:last-child{ margin-bottom: 0; }

#wrapper .article-detail a{
	background: #FEF5F8 url(../images/article-link.png) no-repeat right center;
	border-bottom: 2px solid #ddbac7;
	color: #392524;
	display: block;
	overflow: hidden;
	padding: 12px 32px 12px 12px;
}
#wrapper .articles .article-detail a{
	border: 1px solid #ebdae2;
}
#wrapper .thumb{
	border: 1px solid #ebdae2;
	float: left;
	margin-right: 16px;
	width: 128px;
}
#wrapper .article-detail strong{ color: #392524; }

#wrapper .article-date{
	display: inline-block;
	font-size: 0.9em;
	margin: 4px 0;
}


/* sub */

#wrapper #sub-banner{ margin-bottom: 40px; }

#wrapper .sub-banner-list{ margin-top: 16px; }
#wrapper .sub-banner-list:first-child{ margin-top: 0; }



/* -----------------------------------------
  section
----------------------------------------- */

#wrapper .section h4,
#wrapper .mb16{
	margin: 0 auto 16px;
}
#wrapper .section h3,
#wrapper .entry-title,
#wrapper .entry-sekai,
#wrapper .mb24{
	margin: 0 auto 24px;
}
#wrapper .section,
#wrapper .articles,
#wrapper .entry-detail,
#wrapper .section-detail,
#wrapper .section-latest,
#wrapper .section-big-images,
#wrapper .youtube-wrapper,
#wrapper .shop-caution,
#wrapper .info-area,
#wrapper .quiz,
#wrapper #pager,
#wrapper .mb40{
	margin: 0 auto 40px;
}


/* -----------------------------------------
  parts
----------------------------------------- */

#wrapper .category{
	background: #f54597;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	border-radius: 8px;
	color: #fff;
	display: inline-block;
	font-size: 0.7em;
	font-weight: normal;
	margin-bottom: 6px;
	padding: 4px 8px;
}
#wrapper .article-detail .category{ margin-top: 6px; }

#wrapper .backnumber{
	margin: 0 auto 40px;
	text-align: right;
}
#wrapper .backnumber a{
	background: url(../images/backnumber.png) 40px center no-repeat #f54597;
	border-bottom: 2px solid #cf3f80;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	padding: 12px 40px 12px 67px;
	text-align: center;
}

#wrapper .info-area{
	background: #ffd83d;
	display: table;
	width: 100%;
}
#wrapper .info-area-inner{
	padding: 8px 16px;
}
#wrapper .info-lead,
#wrapper .info-image{
	display: table-cell;
	vertical-align: middle;
}
#wrapper .info-lead{
	color: #593304;
	line-height: 1.6;
	text-align: left;
}
#wrapper .info-image{
	padding-right: 16px;
}


/* -----------------------------------------
  page
----------------------------------------- */

#wrapper #topicpath{
	background: #fff;
	border-bottom: 1px solid #ebdae2;
	margin: 0 auto 40px;
	overflow: hidden;
	padding: 10px 40px;
	list-style: none;
	font-size: 80%;
}
#wrapper #topicpath li{
	font-size: 0.9em;
	float: left;
}
#wrapper #topicpath li + li:before{
	content: ">";
	color: #b0a8a7;
	margin: 0 8px;
}
#wrapper #topicpath a{
	color: #392524;
	text-decoration: underline;
}

#wrapper #main-column,
#wrapper #sub-column{
	font-size: 1.0em;
	padding: 0 40px;
}
#wrapper #main-column{
	width: 701px;
}
#wrapper #sub-column{
	width: 234px;
	border-left: 1px solid #ebdae2;
}
#wrapper .section h3{
	background: url(../images/section-ttl.png) left 4px no-repeat;
	background-size: 12px 12px;
	color: #6e0b40;
	font-size: 1.3em;
	line-height: 1.4;
	min-height: 16px;
	padding-left: 20px;
	text-align: left;
}
#wrapper .section h4{
	font-size: 1.1em;
	text-align: left;
}

#wrapper .entry-title{
	border-bottom: 1px solid #ebdae2;
	border-top: 1px solid #ebdae2;
	font-size: 1.2em;
	font-weight: bold;
	line-height:1.4;
	padding: 12px 0;
	position: relative;
	text-align: left;
}
#wrapper .anchor{
	position: absolute;
	top: -60px;
	height: 1px; width: 1px;
}
#wrapper .entry-detail img{
	border: 1px solid #ebdae2;
	margin: 8px 5px 8px auto;
	max-width: 100%;
}
#wrapper .entry-detail a,
#wrapper .section-detail a,
#wrapper .family-prof a{
	color: #392524;
	text-decoration: underline;
}
#wrapper .section-notes{
	border: 1px solid #ebdae2;
	padding: 16px;
}

#wrapper .caution,
#wrapper .mail,
#wrapper .section strong,
#wrapper .shop-caution{
	color: #d5007f;
}
#wrapper .mail,
#wrapper .section strong{
	font-size: 1.1em;
	font-weight: bold;
}
#wrapper .shop-caution{ line-height: 1.6; }
#wrapper .section-detail .mail a{ color: #d5007f; }

#wrapper .section-latest{
	border-bottom: 1px solid #ebdae2;
}
#wrapper .mail-icon{
	margin-top: 16px;
	text-align: center;
}
#wrapper .mail-icon a{
	background-color: #f54597;
	border-bottom: 2px solid #cf3f80;
	color: #fff;
	display: inline-block;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 12px 24px;
}
#wrapper .info-banner{
	margin-top: 24px;
	text-align: center;
}
#wrapper .info-banner img{
	margin: 0 auto;
	max-width: 468px;
	width: 100%;
}

#wrapper .home{
	display: none;
}

/* -----------------------------------------
  articles-column
----------------------------------------- */

#wrapper .column2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#wrapper .column2 li{
	width: 49%;
}

#wrapper .column3{
  display : flex;
  flex-wrap : wrap;
  justify-content:space-between;
}
#wrapper .column3::after{
  content:"";
  display: block;
  width:32%;
}
#wrapper .column3 li{
  width:32%;

}



/* -----------------------------------------
  sekai
----------------------------------------- */

#wrapper .entry-sekai{
	border: 1px solid #ebdae2;
}
#wrapper .entry-sekai > h4,
#wrapper .entry-sekai > .entry-detail{
	margin: 0 auto;
	padding: 16px;
}
#wrapper .entry-sekai > h4{
	background: url(../images/accordion-link.png) 16px center no-repeat #fdeef4;
	color: #392524;
	cursor: pointer;
	line-height: 1.4;
	padding-left: 51px;
}
#wrapper .entry-sekai > h4.active{
	background-image: url(../images/accordion-link-active.png);
}
#wrapper .entry-sekai > .entry-detail{
	border-top: 1px solid #ebdae2;
	display: none;
}

/* -----------------------------------------
  family
----------------------------------------- */

#wrapper #family-list{
  justify-content: space-between;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}


#wrapper .family-header{
	background-position: right center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ebdae2;
	height: 320px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}

#wrapper .group{ font-size: 0.5em; }
	#wrapper .family-header {
	background: #FFF;
	text-align: right;
}

#wrapper .family-name{
	line-height: 1.8;
	position: absolute;
	left: 40px; bottom: 40px;
	text-align: center;
}
#wrapper .family-name strong{
	background: url(../images/family/family-name.png) center bottom no-repeat;
	color: #392524;
	display: block;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1;
	margin-bottom: 16px;
	padding-bottom: 17px;
}
#wrapper h4 .family_faq_02 {
	display: none;
}

#wrapper .family-detail{
	background: #FFF url(../images/family/family-detail-bg.png) repeat-y 0 0;
	margin: 0 auto 40px;
	padding-left: 64px;
	position: relative;
}
#wrapper .family-detail h4{
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	margin-top: 20px;
	padding-right: 0;
	padding-bottom: 16px;
	padding-left: 0;
}
#wrapper .faq{
	margin: 0 auto 24px;
	padding-top: 20px;
}
#wrapper .faq dt,
#wrapper .faq dd{
	line-height: 1.8;
	text-align: left;
}
#wrapper .faq dt{
	color: #d5007f;
	margin-bottom: 4px;
}
#wrapper .faq dd{
	font-size: 1.1em;
}
#wrapper .family-update{
	text-align: right;
}


/* -----------------------------------------
  parts
----------------------------------------- */

#wrapper .category{
	background: #f54597;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	border-radius: 8px;

	color: #fff;
	display: inline-block;
	font-size: 0.7em;
	font-weight: normal;
	margin-bottom: 6px;
	padding: 4px 8px;
}
#wrapper .article-detail .category{ margin-top: 6px; }

#wrapper .backnumber{
	margin: 0 auto 40px;
	text-align: right;
}
#wrapper .backnumber a{
	background: url(../images/backnumber.png) 40px center no-repeat #f54597;
	border-bottom: 2px solid #cf3f80;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	padding: 12px 40px 12px 67px;
	text-align: center;
}

#wrapper .info-area{
	background: #ffd83d;
	display: table;
	width: 100%;
}
#wrapper .info-area-inner{
	padding: 8px 16px;
}
#wrapper .info-lead,
#wrapper .info-image{
	display: table-cell;
	vertical-align: middle;
}
#wrapper .info-lead{
	color: #593304;
	line-height: 1.6;
	text-align: left;
}
#wrapper .info-image{
	padding-right: 16px;
}

/* -----------------------------------------
  summary
----------------------------------------- */

#wrapper .summary dt,
#wrapper .summary dd{
	line-height: 1.8;
	padding: 4px 0;
}
#wrapper .summary dt{
	background: #fdeef4;
	float: left;
	text-align: center;
	width: 6em;
}
#wrapper .summary dd{
	margin-bottom: 8px;
	margin-left: 7em;
	text-align: left;
}
#wrapper .summary li{
	line-height: 1.8;
	margin-bottom: 8px;
	padding-left: 1em;
	text-indent: -1em;
}
#wrapper .summary li:before{
	color: #b0a8a7;
	content: "-";
	margin-right: 8px;
}
#wrapper .summary > dd:last-child,
#wrapper .summary > li:last-child{
	margin-bottom: 0;
}




/* -----------------------------------------
  otenki
----------------------------------------- */

#wrapper .quiz{
	background: #3d6b3d;
	color: #fff;
	font-size: 1.2em;
	padding: 52px 0 24px;
}
#wrapper .quiz h4{
	background: #3d6b3d;
	color: #fff;
	margin-bottom: 24px;
	padding: 0;
	position: relative;
	width: 597px;
}
#wrapper .quiz-question img,
#wrapper .quiz-answer img{
	width:597px;
}


#wrapper .quiz-date{
	font-size: 0.8em;
	font-weight: normal;
	position: absolute;
	bottom: 0; right: 0;

	text-shadow:
	1px 2px 0px #204520,
	1px -2px 0px #204520,
	-1px 2px 0px #204520,
	-1px -2px 0px #204520,
	2px 1px 0px #204520,
	2px -1px 0px #204520,
	-2px 1px 0px #204520,
	-2px -1px 0px #204520,
	1px 1px 0px #204520,
	1px -1px 0px #204520,
	-1px 1px 0px #204520,
	-1px -1px 0px #204520;
}
#wrapper .quiz-question{
	font-weight: bold;
	margin: 0 auto 52px;
	width: 597px;

	text-shadow:
	1px 2px 0px #204520,
	1px -2px 0px #204520,
	-1px 2px 0px #204520,
	-1px -2px 0px #204520,
	2px 1px 0px #204520,
	2px -1px 0px #204520,
	-2px 1px 0px #204520,
	-2px -1px 0px #204520,
	1px 1px 0px #204520,
	1px -1px 0px #204520,
	-1px 1px 0px #204520,
	-1px -1px 0px #204520;
}

#wrapper .quiz-answer{
	background: #204520;
	border: 4px solid #fff;
	margin: 0 24px;
}
#wrapper .quiz-answer h5{
	cursor: pointer;
	font-size: 1.1em;
	padding: 16px 0;
	text-align: center;
}
#wrapper .quiz-detail{
	border-top: 1px dotted #fff;
	display: none;
	padding: 24px;
}
#wrapper #content #common_content .banner_150 {
	text-align: center;
	margin: auto auto 20px;
}



/* -----------------------------------------
  pager
----------------------------------------- */

#wrapper #pager{ overflow: hidden; }

#wrapper #pager li{
	float: left;
	min-height: 16px;
	width: 190px;
}
#wrapper #pager #pager-archive{
	margin: 0 40px;
	width: 220px;
}
#wrapper #pager a{
	background: #f54597;
	border-bottom: 2px solid #cf3f80;
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 8px 0;
	text-align: center;
}
#wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail.cf .column-notes .oa_content_youtube ul li a img {
	border: 5px solid #dcf0f5;
}
#wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail.cf .column-notes .oa_content_youtube ul {
  	justify-content: space-between;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#wrapper .br_sp {
	display: none;
}

#wrapper #content .jibuniro_read {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	line-height: 150%;
	color: #AC8248;
	padding: 20px 10px 10px;
}
#wrapper #content .jibuniro_read a {
	color: #6a5a99;
}
#wrapper #content .jibuniro_read_tate {
	font-size: 30px;
	color: #f77f80;
	display: block;
	padding-bottom: 10px;
}



#wrapper #jibuniro_header_sns {
	text-align: right;
	width: 10%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	float: right;
	margin: -100px auto auto;
    }
#wrapper #jibuniro_header_sns img {
	width: 80px;
	margin-right: 50px;
    }
#wrapper #jibuniro_header_sns dl {
	display: table-cell;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center;
  justify-content: center;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
#wrapper #jibuniro_header_sns dl dt {
	padding-right: 15px;
}
#wrapper #jibuniro_header_sns dl dd {
	padding-top: 10px;
	padding-bottom: 10px;
}
#wrapper #jibuniro_header_sns a {
	color: #201E1F;
	text-decoration: none;
}



#wrapper .jibuniro_box .jibuniro_topics ul {
	margin-bottom: 15px;
	padding-top: 10px;
	border-top: 5px solid #d2cded;
	font-size: 90%;
}
#wrapper .jibuniro_box .jibuniro_topics ul li {
	margin-bottom: 10px;
	border-bottom: 5px solid #d2cded;
	padding-bottom: 10px;
	line-height: 140%;
}

#wrapper .jibuniro_box .jibuniro_topics .info_tag {
	color: #FFF;
background: #24d697;
background: -moz-linear-gradient(-45deg,  #24d697 26%, #e8e868 100%);
background: -webkit-linear-gradient(-45deg,  #24d697 26%,#e8e868 100%);
background: linear-gradient(135deg,  #24d697 26%,#e8e868 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24d697', endColorstr='#e8e868',GradientType=1 );
	padding: 3px 2px 2px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 0.8em;
	margin-right: 10px;
	display: block;
	text-align: center;
	width: 70px;
	float: left;
}
#wrapper .jibuniro_box .jibuniro_topics dl dt {
	font-weight: bold;
	color: #ac8248;
}
#wrapper .jibuniro_box .jibuniro_topics ul li dl dd {
	padding-top: 5px;
	line-height: 140%;
}
#wrapper .jibuniro_topics_common_title {
	background: #82b4e0;
	background: -moz-linear-gradient(-45deg,  #82b4e0 0%, #dd93d9 52%, #f79b9d 100%);
	background: -webkit-linear-gradient(-45deg,  #82b4e0 0%,#dd93d9 52%,#f79b9d 100%);
	background: linear-gradient(135deg,  #82b4e0 0%,#dd93d9 52%,#f79b9d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82b4e0', endColorstr='#f79b9d',GradientType=1 );
	color: #FFFFFF;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	margin: 10px auto;
	padding: 20px;
	font-size: 120%;
	font-weight: bold;
	line-height: 150%;
}
#wrapper .jibuniro_box .jibuniro_topics p img {
	width: 420px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

#wrapper .jibuniro_performer_info p img {
	height: auto;
	width: 100%;
	max-width: 420px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#wrapper .jibuniro_icon ul {
	display: table-cell;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	align-items: center;
	text-align: center;
	padding: 10px;
	border: 5px solid #b4ddf3;
	background: #FFF;
	margin-top: 10px;
}

#wrapper .jibuniro_icon ul li {
	margin-right: 5px;
	padding: 10px;
}
#wrapper .jibuniro_content_col01 {
	background: #b6dcf3;
	background: -moz-linear-gradient(-45deg,  #b6dcf3 0%, #e2a3de 50%, #fabebe 100%);
	background: -webkit-linear-gradient(-45deg,  #b6dcf3 0%,#e2a3de 50%,#fabebe 100%);
	background: linear-gradient(135deg,  #b6dcf3 0%,#e2a3de 50%,#fabebe 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6dcf3', endColorstr='#fabebe',GradientType=1 );
	color: #FFFFFF;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	margin: auto;
	padding: 20px;
	text-align: center;
	font-size: 140%;
	font-weight: bold;
}
#wrapper .jibuniro_content_col01 #jibuniro_main_photo {
	text-align: center;
	margin: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
#wrapper .jibuniro_content_col01 #jibuniro_main_photo img {
	border: 8px double #d9ecf9;
	background: #FFF;
}
#wrapper .jibuniro_content_col01 .jibuniro_name {
	background: url(none);
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 20px;
	color: #FFFFFF;
	display: inline;
	border-bottom: 5px solid #D9ECF9;
}
#wrapper .jibuniro_content_col01 .jibuniro_name span {
	font-size: 70%;
}
#wrapper .jibuniro_content_col01 .jibuniro_job {
	text-align: center;
	font-size: 17px;
	padding-top: 10px;
}
#wrapper .jibuniro_content_col02 .jibuniro_space {
	padding-top: 20px;
	padding-bottom: 20px;
}
#wrapper .jibuniro_content_col02 .jibuniro_space h4 {
	font-size: 20px;
	color: #ac8248;
	padding-bottom: 0px;
}
#wrapper .jibuniro_performer_info {
	background: #E3F2FB;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px;
	font-weight: bold;
}

#wrapper #content .jibuniro_oa_tate {
	padding-bottom: 20px;
}
#wrapper #content .jibuniro_oa_tate dt {
	width: 97%;
	margin-bottom: 10px;
	clear: both;
	font-weight: bold;
	color: #FFF;
	background: #a0cced;
	padding: 10px 0px 10px 5px;

}
#wrapper #content .jibuniro_oa_tate dt.active {

}
#wrapper #content .jibuniro_oa_tate dd {
	padding-bottom: 20px;
	clear: both;
	margin: auto auto 30px;
}
#wrapper #content .jibuniro_oa_tate a {
	margin: 3px;
	padding: 3px;
	background: #ef7fac;
	background: -moz-linear-gradient(-45deg,  #ef7fac 31%, #f7a5a9 100%);
	background: -webkit-linear-gradient(-45deg,  #ef7fac 31%,#f7a5a9 100%);
	background: linear-gradient(135deg,  #ef7fac 31%,#f7a5a9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef7fac', endColorstr='#f7a5a9',GradientType=1 );
	font-size: 90%;
	color: #FFF;
	display: block;
	width: 28%;
	float: left;
}
#wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail.cf .column-notes #jibuniro_oa_tate_sp {
	display: none;
}
#wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail.cf .column-notes #jibuniro_music {
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 7px dotted #f9bdbf;
	border-bottom: 7px dotted #f9bdbf;
	color: #ac8248;
	line-height: 150%;
}
#wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail.cf .column-notes #jibuniro_music img {
	float: left;
	padding-right: 10px;
}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
	min-height: 1px;
	height: auto;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#wrapper a:hover img {

}

#wrapper .clear {
	clear: both;
}

img{
	border-style: none;
}

a {
	outline: none;
}

#wrapper .text_link a {
	background-color: #0080C9;
	border: 2px solid #FFFFFF;
	-webkit-box-shadow: 2px 2px 5px #dcdcdc;
	-moz-box-shadow: 2px 2px 5px #dcdcdc;
	-ms-box-shadow: 2px 2px 5px #dcdcdc;
	box-shadow: 2px 2px 5px #dcdcdc;
	margin-top: 35px;
	padding: 5px 10px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#wrapper .text_link a:hover {
	background-color: #005384;
	border: 2px solid #FFFFFF;
	-webkit-box-shadow: 2px 2px 5px #dcdcdc;
	-moz-box-shadow: 2px 2px 5px #dcdcdc;
	-ms-box-shadow: 2px 2px 5px #dcdcdc;
	box-shadow: 2px 2px 5px #dcdcdc;
	margin-top: 35px;
	padding: 5px 10px;
}

/* -----------------------------------------
  social-button
----------------------------------------- */

#wrapper .social-button{
	font-size: 8px;
	overflow: hidden;
	padding-top: 10px;
}
#wrapper #main-column .social-button{
	border-bottom: 1px solid #ebdae2;
	border-top: 1px solid #ebdae2;
	padding: 8px 0;
}
#wrapper .social-button li{
	display: inline;
	float: right;
	padding-left: 16px;
}
#wrapper iframe.twitter-share-button{
	width: 105px!important;
	margin-right: -30px;
}


/* -----------------------------------------
  footer
----------------------------------------- */

#wrapper #content_footer{
	border-top: 1px solid #ebdae2;
	overflow: hidden;
	margin: 0px;
	padding: 24px 0px;
}
#wrapper #program{
	display: table;
	float: left;
	height: 50px;
	width: 631px;
}
#wrapper .program-logo,
#wrapper .program-airtime{
	display: table-cell;
	height: 24px;
	text-align: left;
	vertical-align: middle;
}
#wrapper .program-logo{
	padding-right: 16px;
	width: 97px;
}
#wrapper .program-airtime{
	color: #d5007f;
	font-size: 1.3em;
}




#wrapper #content #advertisement #attention {
	font-size: 120%;
	font-weight: bold;
	color: #FF9966;
	padding-left: 225px;
}

#wrapper #sub-corner {
	list-style: none;
  display : flex;
  flex-wrap : wrap;
  justify-content:space-between;
	background: #FFF7F7;
	padding-top: 10px;
	padding-bottom: 15px;
}

#wrapper #sub-corner .sub-corner-list {
	width: 25%;
	padding-top: 10px;
  box-sizing:border-box;

}


#wrapper #sub-corner .sub-corner-list::before{
  content:"";
  display: block;
  width:25%;
  order:1;
}
#wrapper #sub-corner .sub-corner-list::after{
  content:"";
  display: block;
  width:25%;
}

/* column */

#wrapper .column-item{
	float: left;
	font-size: 0.9em;
	margin-right: 24px;
}

#wrapper .w240{ width: 242px; }
#wrapper .w320{ 	width: 80%;
	max-width: 300px; }

#wrapper .column-item img{
	border: 1px solid #ebdae2;
	width: 100%;


}

#wrapper .column-item p{ text-align: center; }
#wrapper .column-notes{ overflow: hidden; }

#wrapper .megami_attention {
	font-size: 120%;
	font-weight: bold;
	color: #ED587D;
}




#wrapper .pc_content {
	display: inline;
}

#wrapper .sp_content {
	display: none;
}


/*archive*/
/*}*/


@media screen and (min-width:751px) { 


#wrapper #content-header{
	background: url(../images/content-header.jpg?01) 0 0 no-repeat #fff;
	border-bottom: 1px solid #ebdae2;
	border-top: 1px solid #ebdae2;
	display: table;
	height: 200px;
	width: 1095px;
}
#wrapper #content-header h2{
	display: table-cell;
	padding: 0 40px;
	height: 200px;
	vertical-align: middle;
	text-align: left;
	font-size: 180%;
}
#wrapper .family-list-inner{
	border: 1px solid #ebdae2;
	margin-bottom: 16px;
	width: 32%;
	background: #FFF;
	height: 280px;

}

#wrapper .family-list-inner a{
	color: #392524;
	padding: 8px 8px 16px;
	text-align: center;
}

#wrapper .family-photo{
  width: 100%;
  height: 210px;
  overflow: hidden;
  position: relative;
	display: block;
}

#wrapper .family-photo img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#wrapper .family-photo-name {
	padding-top: 15px;
	padding-left: 8px;
}
#bg #wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail #presented_by_bg {
	background: #DCF0F5;
	padding: 15px 10px 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail .presented_by {
	color: #0068b7;
	font-size: 140%;
}

#wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail.cf .column-notes .section_special_description dt {
	font-size: 140%;
	font-weight: bold;
	padding-top: 10px;
	color: #3EB134;
	border-bottom: 5px solid #E1FBCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail.cf .column-notes .ichi_med_title {
	height: auto;
	width: 100%;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#wrapper .form_link_bt a {
	text-align: center;
	padding: 15px;
	width: 90%;
	max-width: 600px;
	color: #FFF;
	background: #00a2e3;
	font-size: 20px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	margin: 20px auto auto;
	border: 5px solid #FFFFFF;
}

#wrapper .form_link_bt a:hover {
	color: #00a2e3;
	background: #FFF;
	border: 5px solid #00a2e3;
}



}



@media screen and (max-width:751px) { 
body {
	margin: 0px;
	min-width: 100%;
}

#wrapper {
	width: 100%;
	margin: auto;
	font: 95%/140% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow: hidden;
}

#wrapper #content #main_visual {
	padding-top: 0px;
}

#wrapper p{
	line-height: 1.8;
	text-align: left;
}
#wrapper .cf:before,
#wrapper .cf:after{
	content: " ";
	display: table;
}

#wrapper .cf:after{ clear: both; }
#wrapper .cf{ *zoom: 1; }

#wrapper #common_content {
	background: #FFFFFF;
}

#wrapper #column_content {
      display: -webkit-flex;
      display: flex;
}


div,p,dl,dt,dd,ul,ol,li,h1,h2,h2,h3,h5,h6,table {
	padding: 0;
	margin: 0;
}


html,body,#wrapper div,#wrapper p,#wrapper li,#wrapper ul,#wrapper ol,#wrapper span,#wrapper img,#wrapper dl,#wrapper dt,#wrapper dd,#wrapper h1,#wrapper h2,#wrapper h3,#wrapper h4,#wrapper h5,#wrapper h6,#wrapper a,#wrapper form,#wrapper table,#wrapper tr,#wrapper th,#wrapper td,#wrapper form,
.popup_area div,.popup_area p,.popup_area li,.popup_area ul,.popup_area ol,.popup_area span,.popup_area img,.popup_area a{
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

#wrapper img{ border: 0; vertical-align: bottom; }
#wrapper ul,#wrapper ol{
	list-style: none;
	margin: 0 auto;
	text-align: left;
	padding-top: 10px;
}
#wrapper h1,#wrapper h2,#wrapper h3,#wrapper h4,#wrapper h5,#wrapper h6{ line-height: 1;  margin: 0 auto; }




/* -----------------------------------------
  link
----------------------------------------- */

#wrapper a{
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease;
}
#wrapper a:link, #wrapper a:visited{
	text-decoration: none;
}
#wrapper a:hover, #wrapper a:active{
	filter: alpha (opacity=70);
	-moz-opacity: 0.7;
	-webkit-opacity: 0.7;
	opacity: 0.7;
	text-decoration: none;
}


/* -----------------------------------------

  index

----------------------------------------- */

#wrapper #header_logo img {
	width: 60px;
	padding-top: 5px;
}

#wrapper #header_logo {
	float: left;
	width: 100px;
}

#wrapper #header_navi_list ul {
	display: inline;
}

#wrapper #header_navi_list ul li a:before {
    content: attr(data-label);
  }
  
#wrapper #header_navi_list ul li a {
    display: block;
    padding: 6px;
    text-decoration: none;
    color: #666;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

#wrapper #header_navi_list {
	line-height: 230%;
	font-size: 110%;
	list-style: none;
	clear: both;
	font-weight: bold;
	margin-top: 15px;
}

#wrapper #header_navi_list ul li {
	color: #FFF;
	width: 100%;
	float: left;
	margin-right: 10px;
	margin-right: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	clear: both;
	display: block;
}

#wrapper #header_navi_list ul li img {
	display: none;
}

#wrapper #list_bt {
	background: #D60982 url(../images/menu.png) no-repeat;
	float: right;
	height: 40px;
	width: 40px;
	margin-top: 8px;
	margin-right: 5px;
	border: 1px solid #FFF;
}

#wrapper #list_bt.active {
	background: #D60982 url(../images/menu_02.png) no-repeat;
}

#wrapper #header_navi {
	line-height: 230%;
	font-size: 110%;
	list-style: none;
	clear: both;
	font-weight: bold;
	margin-top: 15px;
}

#wrapper #header_navi_list {
	display: none;
	clear: both;
}

#wrapper #header_navi_list .list_bottom {
	border-bottom-width: 1px;
	border-bottom-color: #b4b3b4;
	border-bottom-style: solid;
}	

#wrapper #header_navi_list ul li a {
	color: #FFF;
	text-decoration: none;
	display: block;
	background: #D60982;
}

#wrapper .header_navi_list_corner {
	display: none;
}

#wrapper #main_content {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#wrapper #content #main_content .content_topics_area {
	display: block;
	margin-top: 10px;
}
#wrapper #content #main_content .content_topics_area li {
	width: 100%;
}

#wrapper #content #main_content .content_topics_area .new_area {
	width: 96%;
	margin: auto;
}
#wrapper #content #main_content .content_topics_area .twitter_area {
	width: 96%;
	margin: auto;
}	
	
#wrapper #main_content #content_topics #main_content_title {
	font-size: 150%;
	font-weight: bold;
	color: #f54597;
	padding-top: 10px;
	text-align: center;
	background: #fad4e4;
	padding-bottom: 8px;
	border-bottom: 5px solid #F54597;
	margin: 0px;
	padding-left: 0px;
}


#wrapper #main_content #content_topics {
	min-height: 150px;
}
#wrapper #main_content #content_topics ul {
	padding-top: 10px;
	padding-right: 8px;
	padding-left: 8px;
	width: 90%;
}
#wrapper #main_content #content_topics ul li {
	clear: both;
	margin-bottom: 5px;
	font-size: 90%;
	padding-bottom: 0px;
}
#wrapper #main_content #content_topics ul li dl dt {
	color: #FFF;
	background: #F54597;
	padding: 2px;
	width: 25%;
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-right: 10px;
	float: none;
	font-size: 80%;
	margin-bottom: 0px;
}
#wrapper #main_content #content_topics ul li dl dd {
	padding-top: 3px;
	margin: 0px;
}


#wrapper #content #main_content #next_oa_movie {
	background: #FAD4E4;
	padding: 10px;
}

#wrapper #content #main_content #next_oa_movie ul {
	display: block;
}

#wrapper #content #main_content #next_oa_movie ul #next_oa_movie_date {
	width: 100%;
}
#wrapper #content #main_content #next_oa_movie ul #next_oa_movie_date div {
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 120%;
	background: #f54597;
	padding: 5px;
}


#wrapper #content #main_content #next_oa_movie ul #next_oa_movie_youtube {
	padding-left: 0px;
	margin: auto;
	text-align: center;
}
#wrapper #content #main_content #next_oa_movie ul #next_oa_movie_date p {
	font-size: 120%;
	font-weight: bold;
	padding-top: 20px;
	color: #604d40;
}


#wrapper #content #main_content #next_oa_movie_special {
	background: #FAD4E4;
	padding: 20px;
	text-align: center;
	margin: auto;
}

#wrapper #content #main_content #next_oa_movie_special ul {
	display: block;
	margin: auto;
	width: 100%;
	text-align: center;
}
#wrapper #content #main_content #next_oa_movie_special ul li {
	width: 100%;
}


#wrapper .train_img {
	-webkit-box-shadow: 0px 0px 0px #dddddd;
	-moz-box-shadow: 0px 0px 0px #dddddd;
	-ms-box-shadow: 0px 0px 0px #dddddd;
	box-shadow: 0px 0px 0px #dddddd;
}

#wrapper #main_content #oa {
	color: #FFF;
	background: #d60982;
	width: 100%;
}

#wrapper #content #main_visual img {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}

#wrapper .article-inner{
	font-size: 105%;
}
#wrapper .article-detail .category{ margin-top: 0px; }

#wrapper #content #banner_content {
	margin: auto;
	text-align: center;
	background: #FFECEC;
	min-height: 130px;
	padding-top: 15px;
	width: 100%;
	padding-bottom: 10px;
}

#wrapper #content #banner_content img {
	width: 35%;
	height: auto;
}

#wrapper .corner {
	display: -webkit-box;
	display: table;
	margin: auto;
	text-align: center;
	border-left-width: 0px;
	border-left-style: solid;
}

#wrapper .corner.cf .corner-list {
	width: 50%;
	min-height: 120%;
	display: table-cell;
	display: inline;
  	box-sizing:border-box;
  	-webkit-box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-ms-box-sizing:border-box;
  	-o-box-sizing:border-box;
	font-size: 130%;
	line-height: 140%;
}
#wrapper .corner.cf .corner-list img {
	width: 92%;
	height: auto;
}
#wrapper .corner-new{
	background: #ED6185;
	color: #FFFFFF;
	font-size: 85%;
	text-align: center;
	top: 2px;
	height: 18px;
	clear: both;
	display: block;
	position: absolute;
	left: 1px;
	padding-top: 5px;
	padding-left: 5px;
	width: 65px;
	margin-top: -7px;
}
#wrapper .new-inner{
	height: 10px;
}
#wrapper .new-date{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.0em;
	display: inline;
}

#wrapper #sub-corner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  justify-content: flex-start;
	padding-left: 0px;
}

#wrapper #sub-corner .sub-corner-list {
    width: 33.3%;
}

#wrapper #sub-corner .sub-corner-list img {
	width: 100%;
	height: auto;
}
#wrapper #sub-column {
	display: none;
}

/*/////////////////////////////////////////////

index

////////////////////////////////////////////*/

#wrapper #main_content #oa {
	color: #FFF;
	background: #d60982;
	float: left;
	height: auto;
	width: 100%;
	line-height: 120%;
}

#wrapper #oadigest-header{
    background: #f54597;
	margin: 0 auto 8px;
	overflow: hidden;
	padding: 8px 8px;
}
#wrapper #oadigest-heading{
	float: left;
}

#wrapper #oadigest-ttl,
#wrapper #oadigest-latest{
	color: #fff;
	display: inline-block;
	font-size: 1.1em;
}
#wrapper #oadigest-latest{
	background: #d5007f;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 4px 8px;
	text-align: center;
	margin-left: 8px;
}
#wrapper #oadigest-more{
	float: right;
	margin-top: 4px;
}
#wrapper #oadigest-more a{
	background: url(../images/backnumber.png) 0 center no-repeat #f54597;
	background-size: 11px 11px;
	color: #fff;
	min-height: 11px;
	vertical-align: middle;
	padding-left: 19px;
}

#wrapper #banner_content {
	float: left;
	margin: auto;
	text-align: center;
	background: #FFECEC;
	width: 366px;
	min-height: 250px;
	padding-top: 20px;
}
#wrapper #content #main_content .corner {
	border-top: 1px solid #ffecec;
	border-left: 1px solid #ffecec;
	clear: both;
	padding-bottom: 10px;
	background: #FFF;
	font-size: 90%;
	line-height: 120%;
}

#wrapper #content #main_content .corner a {
	font-size: 90%;
	color: #333;
}

#wrapper .corner.cf .corner-list a {
	display: block;
}

#wrapper .corner.cf .corner-list img {
	margin: 0 auto 16px;
}

#wrapper #banner_content img {
	padding-bottom: 10px;
}

#wrapper #oa #oadigest-inner {
	background: #FFF7F7;
}

/* -----------------------------------------
  articles
----------------------------------------- */

#oadigest-inner{
	background: #f54597;
}


#wrapper .articles h4{
	background: #fdeef4;
	color: #6e0b40;
	margin: 0 auto 6px;
	padding: 8px 12px;
}
#wrapper .article-detail > li{
	font-size: 1.1em;
	margin-bottom: 6px;
}
#wrapper .article-inner{
	display: block;
	margin-bottom: 20px;
	clear: both;
	font-size: 80%;
}
#wrapper .section-inner .articles {
	margin-bottom: 15px;
}

#wrapper #oadigest-inner li,
#wrapper .article-inner:last-child{ margin-bottom: 0; }

#wrapper .article-detail a{
	background: #FEF5F8 url(../images/article-link.png) no-repeat right center;
	border-bottom: 2px solid #ddbac7;
	color: #392524;
	display: block;
	overflow: hidden;
	padding: 12px 32px 12px 12px;
}
#wrapper .articles .article-detail a{
	border: 1px solid #ebdae2;
}
#wrapper .thumb{
	border: 1px solid #ebdae2;
	float: left;
	margin-right: 16px;
	width: 128px;
}
#wrapper .article-detail strong{ color: #392524; }

#wrapper .article-date{
	display: inline-block;
	font-size: 0.9em;
	margin: 4px 0;
}


/* sub */

#wrapper #sub-banner{ margin-bottom: 40px; }

#wrapper .sub-banner-list{ margin-top: 16px; }
#wrapper .sub-banner-list:first-child{ margin-top: 0; }


/* -----------------------------------------
  social-button
----------------------------------------- */

#wrapper .social-button{
	font-size: 8px;
	clear: both;
	width: 100%;
	margin-top: 10px;
	padding-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#wrapper #main-column .social-button{
	border-bottom: 1px solid #ebdae2;
	border-top: 1px solid #ebdae2;
	padding: 8px 10;
	background: #fad4e4;
	margin: 0px;
}
#wrapper .social-button li{
	display: inline;
	float: right;
	padding-left: 16px;
	margin: 0px;
}



#wrapper iframe.twitter-share-button{
	width: 105px!important;
	padding-top: 3px;
}

/* -----------------------------------------
  footer
----------------------------------------- */

#wrapper #content_footer{
	border-top: 1px solid #ebdae2;
	overflow: hidden;
	margin-left: 0px;
	padding-left: 5px;
}
#wrapper #program{
	display: table;
	height: 24px;
}
#wrapper .program-logo,
#wrapper .program-airtime{
	display: table-cell;
	height: 24px;
}
#wrapper .program-logo{
	padding-right: 16px;
	width: 97px;
}
#wrapper .program-airtime{
	color: #d5007f;
	font-size: 1.0em;
}


/* -----------------------------------------
  reset
----------------------------------------- */


#wrapper div, #wrapper p, #wrapper span, #wrapper img, #wrapper strong,
#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6,
#wrapper dl, #wrapper dt, #wrapper dd, #wrapper ol, #wrapper ul, #wrapper li,
#wrapper table, #wrapper tr, #wrapper th, #wrapper td,
#wrapper article, #wrapper footer, #wrapper header, #wrapper hgroup, #wrapper nav, #wrapper section{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6, 
#wrapper div,
#wrapper article, #wrapper footer, #wrapper header, #wrapper hgroup, #wrapper nav, #wrapper section, 
#wrapper dl, #wrapper dt, #wrapper dd{
	display: block;
}

#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6{
	line-height: 1;
}

/* -----------------------------------------
  wrapper
----------------------------------------- */

#wrapper{
	color: #392524;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	position: relative;
	margin: 0 auto;
	min-width: 320px;
}

#wrapper img{ vertical-align: bottom; }
#wrapper ul, #wrapper ol{ list-style: none; margin: 0 auto; text-align: left; }

#wrapper p{
	line-height: 1.6;
	text-align: left;
}
#wrapper .cf:before,
#wrapper .cf:after{
	content: " ";
	display: table;
}
#wrapper .cf:after{ clear: both; }
#wrapper .cf{ *zoom: 1; }

#wrapper a:link, #wrapper a:visited,
#wrapper a:hover, #wrapper a:active{
	text-decoration: none;
}
#wrapper #contents{
	background: #fff;
}
#wrapper .caution,
#wrapper .mail,
#wrapper .section strong,
#wrapper .shop-caution{
	color: #d5007f;
}

/* -----------------------------------------
  header
----------------------------------------- */


#wrapper #content_header{
	min-height: 60px;
	border-bottom: 5px solid #F54597;
	background: #f54597;
}

#wrapper #content-header{
	background: url(../images/content-header.jpg) 0 0 no-repeat #fff;
	background-size: 100%;
	border-bottom: 1px solid #ebdae2;
	border-top: 1px solid #ebdae2;
	width: 100%;
	padding-top: 18%;

}

#wrapper #content-header h2{
	display: table-cell;
	padding: 0 10px;
	vertical-align: text-top;
	text-align: left;
	margin: 0px;
	font-size: 110%;
	font-weight: bold;
	line-height: 120%;
}

#wrapper #content-header h2 img{
	height: auto;
	width: 90%;
	max-width: 250px;
	padding: 0px;
	margin-bottom: 0px;
}

#wrapper #header_logo h1{
	margin: 10 auto 0 0;
	padding: 10px;
	width: 71px;
}


#wrapper #content #main_visual img {
	width: 100%;
}

#wrapper #globalnav{
	background: #d7cac9;
	display: none;
	padding: 8px;
}
#wrapper #globalnav li + li{ border-top: 1px solid #d7cac9; }

#wrapper #globalnav a{
	background: url(../images/globalnav.png) right center no-repeat #fff;
	background-size: 18px 10px;
	color: #392524;
	display: block;
	padding: 12px 12px;
}
#wrapper #globalnav-open{
	display: table;
	color: #fff;
	cursor: pointer;
	height: 30px;

	position: absolute;
	top: 13px; right: 8px;
}
#wrapper #globalnav-open-inner{
	background: url(../images/backnumber.png) 8px center no-repeat #f54597;
	background-size: 11px 11px;
	border: 1px solid #fff;
	display: table-cell;
	padding: 0 8px 0 27px;
	vertical-align: middle;
}

/* -----------------------------------------
  toppage
----------------------------------------- */

#wrapper #visual{
	background: #fff;
	-moz-background-size: cover;
	background-size: cover;
	border-bottom: 1px solid #ebdae2;
}

#wrapper .corner{
	background: url(../images/corner-bg.png) center top repeat-y #fff;
	border-bottom: 1px solid #ebdae2;
	font-size: 1.2em;
}
#wrapper #oadigest{
	background: #fad4e4;
}
#wrapper .corner-list{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 50%;
}

#wrapper #visual img,
#wrapper .corner-list img,
#wrapper #sub-corner img,
#wrapper .section-big-images{
	width: 100%;
}

/* oadigest */

#wrapper #oadigest-header{
	background: #f54597;
	overflow: hidden;
	padding: 8px 8px 0px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #oadigest-heading{
	float: left;
}

#wrapper #oadigest-ttl,
#wrapper #oadigest-latest{
	color: #fff;
	display: inline-block;
	font-size: 1.1em;
}
#wrapper #oadigest-latest{
	background: #d5007f;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 4px 8px;
	text-align: center;
	margin-left: 8px;
}
#wrapper #oadigest-more{
	float: right;
	margin-top: 4px;
	margin-bottom: 10px;
}
#wrapper #oadigest-more a{
	background: url(../images/backnumber.png) 0 center no-repeat #f54597;
	background-size: 11px 11px;
	color: #fff;
	min-height: 11px;
	vertical-align: middle;
	padding-left: 19px;
}

#wrapper #oadigest-inner{
	padding-top: 0;
	margin-bottom: 8px;
	background-color: #fff6f9;
}

/* youtube */

#wrapper .youtube-wrapper{
	border-bottom: 1px solid #ebdae2;
	border-top: 1px solid #ebdae2;
	padding: 24px 16px 0;
}
#wrapper .youtube-grid{
	margin: 0 auto 24px;
	max-width: 420px;
}
#wrapper .youtube-grid p{
	line-height: 1;
	margin-top: 8px;
	text-align: center;
}
#wrapper .youtube-grid-inner{
	position: relative;
	padding-top: 56.25%;
	width: 100%;
}
#wrapper .youtube-grid-inner iframe {
	position: absolute;
	top: 0; right: 0;
	width: 100% !important;
	height: 100% !important;
}



/* -----------------------------------------
  sekai
----------------------------------------- */

#wrapper .entry-sekai{
	border: 1px solid #ebdae2;
}
#wrapper .entry-sekai > h4{
	background: url(../images/accordion-link.png) 16px center no-repeat #fdeef4;
	background-size: 11px 11px;
	cursor: pointer;
	line-height: 1.4;
	margin: 0 auto;
	padding: 16px 16px 16px 43px;
}
#wrapper .entry-sekai > h4.active{
	background-image: url(../images/accordion-link-active.png);
	background-size: 11px 11px;
}
#wrapper .entry-sekai > .entry-detail{
	border-top: 1px solid #ebdae2;
	display: none;
	margin: 0 auto;
	padding: 16px;
}

/* -----------------------------------------
  otenki
----------------------------------------- */

#wrapper .quiz{
	background: #3d6b3d;
	color: #fff;
	padding: 16px;
	width: 100%;
}
#wrapper .quiz h4{
	font-size: 1.4em;
	margin-bottom: 16px;
	text-align: left;

	text-shadow:
	1px 2px 0px #204520,
	1px -2px 0px #204520,
	-1px 2px 0px #204520,
	-1px -2px 0px #204520,
	2px 1px 0px #204520,
	2px -1px 0px #204520,
	-2px 1px 0px #204520,
	-2px -1px 0px #204520,
	1px 1px 0px #204520,
	1px -1px 0px #204520,
	-1px 1px 0px #204520,
	-1px -1px 0px #204520;
}

#wrapper .quiz-question img,
#wrapper .quiz-answer img{
	width: 100%;
	text-align: center;
}

#wrapper .quiz-date{
	font-size: 0.8em;
	font-weight: normal;
	margin-bottom: 10px;
}
#wrapper .quiz-question{
	font-weight: bold;
	width: 96%;
	text-shadow: 1px 2px 0px #204520,
	1px -2px 0px #204520,
	-1px 2px 0px #204520,
	-1px -2px 0px #204520,
	2px 1px 0px #204520,
	2px -1px 0px #204520,
	-2px 1px 0px #204520,
	-2px -1px 0px #204520,
	1px 1px 0px #204520,
	1px -1px 0px #204520,
	-1px 1px 0px #204520,
	-1px -1px 0px #204520;
	padding: 10px;
	margin-bottom: 10px;
}

#wrapper .quiz-answer{
	background: #204520;
	border: 4px solid #fff;
}
#wrapper .quiz-answer h5{
	cursor: pointer;
	font-size: 1.1em;
	text-align: center;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 0;
}
#wrapper .quiz-detail{
	border-top: 1px dotted #fff;
	display: none;
	padding: 16px;
}


/* -----------------------------------------
  family
----------------------------------------- */

#wrapper #family-list{
	justify-content: space-between;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: auto;
}

#wrapper .family-header {
	background: #FFF;
	text-align: center;
    position: relative;
    width: 100%;
    height: 100%;
}

#wrapper .family-detail{
	background: url(none);
	margin: 0px;
	padding: 0px;
}
#wrapper .family-list-inner{
	border: 1px solid #ebdae2;
	margin-bottom: 16px;
	width: 49%;
	background: #FFF;
	height: auto;
	margin-top: 0px;
}

#wrapper .family-list-inner a{
	color: #392524;
	padding: 8px 8px 16px;
	text-align: center;
	margin-top: 0px;
	padding: 0px;
}

#wrapper .family-photo{
	position: relative;
	width: 100%;/*　トリミングしたい枠の幅（固定にしたい場合はサイズを入力）　*/
	padding-top: 100%;
	overflow: hidden;
	display: block;
	margin-top: 0;
	margin-right: auto;

}
#wrapper .family-photo img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 150%;
	max-height: 150%;
	width: 125%;
	height: auto;
	display: block;
	margin-top: 0px;
	padding: 0px;
}

#wrapper .family-list-inner{
	border: 1px solid #ebdae2;
	margin-bottom: 16px;
	width: 49%;
	background: #FFF;
}

#wrapper .family-header img {
	width: 100%;
	max-width: 400px;
	padding-top: 0px;
}

#wrapper .family-photo-name {
	padding-left: 8px;
	padding-bottom: 10px;
}
#wrapper .family-name{
	background: url(none);
	line-height: 1.6;
	position: relative;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: left;
	margin: 0px 0px 5px;
	padding: 0px 0px;
}
#wrapper .family-name strong{
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: 1px;
	border-bottom: 1px solid #ebdae2;
	line-height: 1;
	padding: 5px 0;
	text-align: left;
	background: #F54597 url(none);
	margin: 0px 0px 5px;
}
#wrapper .family-prof{
	border-bottom: 1px solid #ebdae2;
	font-size: 1.1em;
	padding: 8px 0;
}

#wrapper .family-prof,
#wrapper .family-detail,
#wrapper .family-detail h4,
#wrapper .faq{
	margin: 0 0px 24px;
	padding: 0px;
	clear: both;
	position: relative;
}
#wrapper .family-detail h4{
	width: 100%;
	color: #F54597;
	padding-left: 20px;
	border-left: 5px solid #F54597;
	vertical-align: middle;
	margin-top: 20px;
}
#wrapper h4 .family_faq_01 {
	display: none;
}

#wrapper h4 .family_faq_02 {
	width: 100%;
	display: inline;
}


#wrapper .family-detail.cf .faq {
	text-align: left;
	clear: both;
}


#wrapper .faq dt,
#wrapper .faq dd{
	line-height: 1.6;
	text-align: left;
}
#wrapper .faq dt{
	color: #d5007f;
	margin-bottom: 4px;
	clear: both;
}
#wrapper .faq dd{
	font-size: 1.1em;
}
#wrapper .family-update{
	text-align: right;
}



/* -----------------------------------------
  parts
----------------------------------------- */

#wrapper .category,
#wrapper .corner-new{
	background: #f54597;
	color: #fff;
	display: inline-block;
	font-size: 0.7em;
	font-weight: normal;
}
#wrapper .category{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 6px;
	padding: 4px 8px;
}
#wrapper .article-detail .category{
	margin-top: 2px;
}
#wrapper .corner-new{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	padding: 3px 6px;
	position: absolute;
	top: 8px; right: 8px;
	z-index: 10px;
}
#wrapper .home{
	margin: 24px auto 0;
	text-align: center;
}
#wrapper .backnumber{
	margin: 0 0 24px auto;
	text-align: right;
}
#wrapper .home a,
#wrapper .backnumber a{
	border-bottom: 2px solid #cf3f80;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#wrapper .home a{
	background-color: #f54597;
	display: block;
	padding: 12px 24px;
}
#wrapper .backnumber a{
	background: url(../images/backnumber.png) 24px center no-repeat #f54597;
	background-size: 11px 11px;
	display: inline-block;
	padding: 12px 24px 12px 47px;
}

#wrapper .info-area{
	background: #ffd83d;
	display: table;
	width: 100%;
}
#wrapper .info-area-inner{
	padding: 12px;
}
#wrapper .info-lead,
#wrapper .info-image{
	display: table-cell;
	vertical-align: middle;
}
#wrapper .info-lead{
	color: #593304;
	line-height: 1.6;
	text-align: left;
}
#wrapper .info-image{
	padding-right: 12px;

}

/* -----------------------------------------
  pager
----------------------------------------- */

#wrapper #pager{ overflow: hidden; }

#wrapper #pager li{
	float: left;
	min-height: 16px;
	width: 28%;
}
#wrapper #pager #pager-archive{
	margin: 0 4%;
	width: 36%;
}
#wrapper #pager a{
	background: #f54597;
	border-bottom: 2px solid #cf3f80;
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 8px 0;
	text-align: center;
}

/* -----------------------------------------
  footer
----------------------------------------- */

#wrapper footer{
	background: #fad4e4;
	padding: 8px;
	width: 100%;
}

/* -----------------------------------------
  social-button
----------------------------------------- */

#wrapper .social-button{
	font-size: 8px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
#wrapper #main-column .social-button{
	border-bottom: 1px solid #ebdae2;
	border-top: 1px solid #ebdae2;
	padding: 8px 0;
}
#wrapper .social-button li{
	display: inline;
	float: right;
	padding-left: 16px;
}
#wrapper iframe.twitter-share-button{
	width: 105px!important;
}

/* -----------------------------------------
  ad
----------------------------------------- */

#wrapper .entry-ad-shufoo{
	border: 1px solid #ebe7e2;
	background: #fbfaf8;
	color: #505050;
	font-size: 1.1em;
	margin: 24px auto 0;
	overflow: hidden;
	padding: 8px 16px;
}
#wrapper .entry-ad-shufoo img{
	border: 1px solid #ebe7e2;
	float: left;
	margin: 0 16px 0 0;
}
#wrapper .entry-ad-shufoo p{
	overflow: hidden;
}
#wrapper .entry-ad-shufoo a{
	color: #d72617;
	font-weight: bold;
	text-decoration: underline;
}


/* -----------------------------------------
  takarakuji_info
----------------------------------------- */
#wrapper .takarakuji_info {
	clear: both;
	padding-top: 20px;
	text-align: left;
}
#wrapper .takarakuji_info dt {
	font-size: 120%;
	font-weight: bold;
	color: #6C4824;
}

#wrapper .megami_attention {
	font-size: 120%;
	font-weight: bold;
	color: #ED587D;
}


#wrapper #main-column {
	width: 98%;
	margin: 0px;
	padding: 0px 5px;
}

#wrapper .section-inner .entry-detail img {
	width: 95%;
	max-width: 320px;
	height: auto;
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#wrapper #topicpath{
	margin: 0 auto 10px;
	overflow: hidden;
	padding: 10px 10px;
	line-height: 150%;
}


/* -----------------------------------------
  articles-column
----------------------------------------- */

#wrapper .column2,
#wrapper .column3{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#wrapper .column2 li{
	width: 49%;
}
#wrapper .column3 li{
	width: 49%;
}


/* -----------------------------------------
  sekai
----------------------------------------- */

#wrapper .entry-sekai{
	border: 1px solid #ebdae2;
}
#wrapper .entry-sekai > h4,
#wrapper .entry-sekai > .entry-detail{
	margin: 0 auto;
	padding: 16px;
}
#wrapper .entry-sekai > h4{
	background: url(../images/accordion-link.png) 16px center no-repeat #fdeef4;
	color: #392524;
	cursor: pointer;
	line-height: 1.4;
	padding-left: 51px;
}
#wrapper .entry-sekai > h4.active{
	background-image: url(../images/accordion-link-active.png);
}
#wrapper .entry-sekai > .entry-detail{
	border-top: 1px solid #ebdae2;
	display: none;
}




/* -----------------------------------------
  otenki
----------------------------------------- */

#wrapper .quiz{
	background: #3d6b3d;
	color: #fff;
	font-size: 1.2em;
	padding: 20px 0 24px;
}
#wrapper .quiz .quiz-question {
	font-size: 80%;
	padding-bottom: 10px;
}
#wrapper .quiz h4 .quiz-date {
	font-size: 70%;
}


#wrapper .quiz h4{
	background: #3d6b3d;
	color: #fff;
	margin-bottom: 5px;
	padding: 0;
	width: 95%;
}

#wrapper .quiz-question img,
#wrapper .quiz-answer img{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
}
#wrapper .quiz-answer{
	background: #204520;
	border: 4px solid #fff;
	margin: 0 24px;
	font-size: 80%;
}
#wrapper .quiz-answer h5{
	cursor: pointer;
	padding: 16px 0;
	text-align: center;
}
#wrapper .quiz-detail{
	border-top: 1px dotted #fff;
	display: none;
	padding: 24px;
}


/* column */

#wrapper .column-item{
	font-size: 0.9em;
	margin-right: auto;
	float: none;
	margin-left: auto;
	margin-bottom: 10px;
}


#wrapper .column-item img{
	border: 1px solid #ebdae2;
	width: 100%;
	display: block;
	margin: 0 auto 10;
	text-align: center;
}

#wrapper .column-item p{ text-align: center; }
#wrapper .column-notes{ overflow: hidden; }

#wrapper .megami_attention {
	font-size: 120%;
	font-weight: bold;
	color: #ED587D;
}

/*#wrapper .articles .article-detail a{
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	border: 1px solid #ebdae2;
}

*/


/* -----------------------------------------
  articles
----------------------------------------- */

#wrapper .article-detail a{
	background: #FEF5F8 url(../images/article-link.png) no-repeat right center;
	border-bottom: 2px solid #ddbac7;
	color: #392524;
	display: block;
	overflow: hidden;
	padding: 12px 32px 12px 12px;
}

#wrapper .article-date{
      display: -webkit-flex;
      display: flex;
	font-size: 0.9em;

}

/* -----------------------------------------
  SNSボタン
----------------------------------------- */
#wrapper #sns_button {
	width: auto;
	text-align: center;
	padding-top: 0px;
	margin: auto;
}

#wrapper #sns_button #sns_ichi {
	color: #FFF;
	text-align: center;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 5px 0px 10px;
	font-weight: normal;
	font-size: 100%;
	font-weight: bold;
	float: none;
	margin-left: auto;
	width: 70%;
	height: 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#wrapper #sns_button a {
	color: #FFF;
}

#wrapper #sns_button ul {
	display:table;
	table-layout:fixed;
	width:100%;
	text-align:center;
	margin: 0px;
	padding: 0px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: flex-start;
}

#wrapper #sns_button ul li {
	margin-right: 0px;
	display: table-cell;
	vertical-align: middle;
	width: 25%;
}

#wrapper #sns_button ul li img {
	width: 85%;
}

#wrapper #sns_button ul li a {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #FFFFFF;
	display: block;
	width: 98%;
	text-align: center;
	margin: 0px 0px 0px 3px;
	padding: 15px 0px 0px;
}
#wrapper .sns_button_space {
	display: none;
}

#wrapper .pc_content {
	display: none;
}

#wrapper .sp_content {
	display: inline;
}


#wrapper #oadigest-more{
	float: right;
	margin-top: 4px;
}
#wrapper #oadigest-more a{
	background: url(../images/backnumber.png) 0 center no-repeat #f54597;
	background-size: 18px 12px;
	color: #fff;
	min-height: 11px;
	vertical-align: middle;
	border: 1px solid #FFF;
	display: inline;
	padding: 2px 5px 2px 23px;
}

#wrapper #oadigest-more_02{
	display: none;
}

#wrapper .section-detail .train_photo_cast img {
	display: block;
	margin: auto auto 20px;
	height: auto;
	text-align: center;
	width: 100%;
	max-width: 320px;
}
#wrapper #content .section-detail.cf .column-notes .shiretoko_photo img {
	height: auto;
	width: 100%;
	max-width: 330px;
}


#wrapper #content #common_content .shiretoko_h2 {
	height: auto;
	width: 100%;
}


#wrapper #content #common_content .shiretoko_h2 img {
	height: auto;
	width: 100%;
}

#wrapper #content #common_content .banner_150 img {
	width: 90%;
	max-width: 300px;
}

#wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail .presented_by {
	color: #0068b7;
	font-size: 120%;
}
#bg #wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail #presented_by_bg {
	background: #DCF0F5;
	padding: 15px 10px 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}


#wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail.cf .column-notes .section_special_description dt {
	font-size: 140%;
	font-weight: bold;
	padding-top: 10px;
	color: #3EB134;
	border-bottom: 5px solid #E1FBCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail.cf .column-notes .ichi_med_title {
	height: auto;
	width: 100%;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail.cf .column-notes .oa_content_youtube ul li a img {
	border: 5px solid #dcf0f5;
	margin-bottom: 20px;
	width: 90%;
	max-width: 400px;
}
#wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail.cf .column-notes .oa_content_youtube ul {
	text-align: center;
	display: block;
}

#wrapper #content .br_sp {
	display: block;
}
#wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail.cf .column-notes #jibuniro_oa_tate_sp {
	display: block;
}
#wrapper #content .section_special_description {
	padding-top: 0px;
	padding-bottom: 20px;
	font-size: 90%;
	font-weight: bold;
	line-height: 180%;
}
#wrapper #content #common_content a {
	text-decoration: underline;
}
#wrapper .jibuniro_box .jibuniro_topics ul {
	font-size: 80%;
}
#wrapper #content #common_content .jibuniro_read {
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 150%;
	color: #AC8248;
}
#wrapper #content #common_content .jibuniro_read .jibuniro_read_tate {
	font-size: 18px;
	color: #f77f80;
	display: block;
}

#wrapper #jibuniro_header_sns {
	text-align: center;
	width: 80%;
	background: #D2B0C2;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	clear: both;
	float: none;
	margin: auto;
	background: #e6edc2;
	background: -moz-linear-gradient(-45deg,  #e6edc2 0%, #ffe7b5 54%, #fcd9b3 100%);
	background: -webkit-linear-gradient(-45deg,  #e6edc2 0%,#ffe7b5 54%,#fcd9b3 100%);
	background: linear-gradient(135deg,  #e6edc2 0%,#ffe7b5 54%,#fcd9b3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6edc2', endColorstr='#fcd9b3',GradientType=1 );

    }
#wrapper #jibuniro_header_sns img {
	width: 40px;
	margin-right: 0px;
    }
#wrapper .jibuniro_content_col01 #jibuniro_main_photo img {
	margin: auto;
	height: auto;
	max-width: 420px;
	width: 90%;
}
#wrapper .jibuniro_icon ul {
	display: table-cell;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	align-items: center;
	text-align: center;
	padding: 10px;
	border: 5px solid #b4ddf3;
	background: #FFF;
	margin-top: 10px;
}

#wrapper .jibuniro_icon ul li {
	margin-right: 5px;
	padding: 10px;
	border-style: none;
	width: 20%;
}
#wrapper .jibuniro_icon ul li img {
	border-style: none;
}
#wrapper .jibuniro_box .jibuniro_topics p img {
	max-width: 420px;
	width: 100%;
	height: auto;
}
#wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail.cf .column-notes #jibuniro_oa_tate_sp {
	display: block;
	padding-top: 20px;
}
#wrapper #content .jibuniro_oa_tate {
	padding-bottom: 20px;
}
#wrapper #content .jibuniro_oa_tate dt {
	width: 100%;
	background-size:20px auto;
}
#wrapper #content .jibuniro_oa_tate dt.active {
	background-size:20px auto;
}
#wrapper #content .jibuniro_oa_tate dd {
	padding-bottom: 20px;
	clear: both;
	margin: auto auto 30px;
}
#wrapper #content .jibuniro_oa_tate a {
	margin: 3px;
	padding: 3px;
	background: #ef7fac;
	background: -moz-linear-gradient(-45deg,  #ef7fac 31%, #f7a5a9 100%);
	background: -webkit-linear-gradient(-45deg,  #ef7fac 31%,#f7a5a9 100%);
	background: linear-gradient(135deg,  #ef7fac 31%,#f7a5a9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef7fac', endColorstr='#f7a5a9',GradientType=1 );
	font-size: 90%;
	color: #FFF;
	display: block;
	width: 28%;
	float: left;
}
#wrapper .jibuniro_performer_info p img {
	height: auto;
	width: 100%;
	max-width: 420px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#wrapper #content #common_content #column_content #main-column .section .section-inner .section-detail.cf .column-notes #jibuniro_music img {
	width: 120px;
	height: auto;
}
#wrapper .form_link_bt a {
	text-align: center;
	padding: 15px;
	width: 90%;
	max-width: 600px;
	color: #FFF;
	background: #00a2e3;
	font-size: 20px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	margin: 20px auto auto;
	border: 5px solid #FFFFFF;
}

#wrapper .form_link_bt a:hover {
	color: #00a2e3;
	background: #FFF;
	border: 5px solid #00a2e3;
}
}


@media screen and (max-width:500px) { 

#wrapper #oadigest-ttl,
#wrapper #oadigest-latest{
	color: #fff;
	font-size: 1.1em;
	padding-bottom: 10px;
}
#wrapper #oadigest-latest{
	background: #d5007f;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	padding: 4px 8px;
	margin-right: 8px;
	text-align: center;
}

#wrapper #main_content #oa {
	float: none;
}

#wrapper #oadigest-more{
	display: none;
}


#wrapper #oadigest-more_02{
	display: block;
	text-align: center;
	margin: auto auto 20px;
	padding-bottom: 20px;
	float: none;
	padding-top: 10px;
	clear: both;
}
#wrapper #oadigest-more_02 a{
	background: #f54597;
	background-size: 18px 12px;
	color: #fff;
	min-height: 11px;
	border: 1px solid #FFF;
	padding: 10px 20px;
	text-align: center;
	margin: auto;
	float: none;
	display: block;
	width: 50%;
}


#wrapper .column-item.train_train_photo {
	text-align: center;
	display: block;
	margin: auto;
	clear: both;
	width: 100%;
}

#wrapper .column-item.train_train_photo img {
	max-width: 500px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	text-align: center;
	text-decoration: none;
	margin: auto;
}
#wrapper .section-detail .train_photo_cast {
	display: block;
	text-align: center;
	text-decoration: none;
	margin: auto;
	width: 100%;
}


}


#wrapper #content #urgentNews {
	border: 6px solid #ff0000;
	padding: 20px;
	margin-top: 10px;
}
#urgentNews h1{
	font-size: 140% !important;
	padding-bottom: 5px;
}

#wrapper .oa_content_youtube iframe {
	width: 560px;
	height: 315px;
	border: 5px solid #ffbecd;
	margin: auto auto 35px;
	text-align: center;
	display: block;
}

@media screen and (max-width: 768px) {
#wrapper .oa_content_youtube iframe  {
	margin: 20px 0 0px;
	width: 480px;
	height: 270px;
	margin: auto auto 35px;
	text-align: center;
	display: block;
}
}

@media screen and (max-width: 530px) {
#wrapper .oa_content_youtube iframe {
	margin: 20px 0 0px;
	width:290px;
	height:163px;
	margin: auto auto 35px;
	text-align: center;
	display: block;
}
}

@media screen and (max-width: 320px) {
#wrapper .oa_content_youtube iframe {
	margin: 20px 0 0px;
	width:280px;
	height:157px;
	margin: auto auto 35px;
	text-align: center;
	display: block;
}
}
#wrapper .specialist_youtube ul {
	justify-content: space-between;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 50px;
}
#wrapper .specialist_youtube ul li {
	width:48%;
	padding-bottom: 30px;
}
#wrapper .specialist_youtube iframe {
	width:290px;
	height:163px;
	border: 5px solid #ffbecd;
	margin: auto auto 35px;
	text-align: center;
	display: block;
}

@media screen and (max-width: 768px) {
#wrapper .specialist_youtube ul {
	display: block;
}
#wrapper .specialist_youtube ul li {
	width:90%;
	text-align: center;
	margin: auto;
}
#wrapper .specialist_youtube ul li p {
	text-align: center;
}
}

@media screen and (max-width: 320px) {
#wrapper .specialist_youtube iframe {
	margin: 20px 0 0px;
width:280px;
height:157px;
	margin: auto auto 35px;
	text-align: center;
	display: block;
}
}


#wrapper #program_promotion_content iframe {
	margin: 10px 0;
	width: 680px;
	height: 383px;
	border: 12px solid #6cbb5a;
}

@media screen and (max-width: 768px) {
#wrapper #next_oa_movie_youtube , #wrapper #next_oa_movie_youtube_s div {
	margin: 20px auto auto;
	text-align: center;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	display: block;
}
#wrapper #next_oa_movie_youtube iframe , #wrapper #next_oa_movie_youtube_s div iframe{
     position: absolute;
     top: 0;
  left: 0;
  right: 0;
  margin: auto;
    width: 92%;
    height: 92%;
}
}