@charset "utf-8";
/* CSS Document */

/*最終更新 2022/06/17 10:35*/

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, a, blockquote, th, td, figure{margin: 0; padding: 0; box-sizing: border-box;}
body{word-wrap: break-word; margin: 0; padding: 0;}
th, td{word-break: break-all;}
img{border: 0; vertical-align:bottom; -webkit-touch-callout: none; touch-callout: none;}
ul, ol{list-style: none; margin: 0; padding: 0;}
table{border-collapse: collapse;}

body{font-family: Helvetica Neue, Helvetica, Arial, Geneva, sans-serif, "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; color: #231815; line-height: 1.6; font-size: 18px; word-wrap: break-word; margin: 0; padding: 0;}

.cf:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
.cf{zoom: 1; /* old IE6or7 */}

h1, h2, h3, h4, h5, h6{font-weight: normal;}

a{color: #0058aa; text-decoration: none;}

/*iosスタイルリセット*/
input[type="submit"],
input[type="button"]{
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration{
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus{
	outline-offset: -2px;
}
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}



.label__wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	flex-grow: 2;
}
.label{
	width: 58px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	padding: 4px 0;
	display: block;
}
.label--tv{
	background: #79bc29;
}
.label--subcul{
	background: #783791;
}
.label--extra{
	background: #dd0000;
}

.label--pickup{
	background: #009ede;
}
/*2023-02-12 margin-left: 5px;に変更 */
.label--article{
	width: auto;
	font-size: 13px;
	background: #3296d4;
	margin-left: 5px;
	margin-bottom: 10px;
	padding: 6px 16px;
}



.back-top-btn{display: block; position: fixed; z-index: 2000; right: 10px; bottom: 100px; width: 44px; height: 44px; text-indent: -9999px; overflow: hidden; background: url(/assets/ichimen/images/icon_arrow_up_n_white.png) 50% 50% no-repeat #249CF8; background-size: 50%; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);}



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

/* Wrap */

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.wrap{
	height: 100%;
	overflow-x: hidden;
	position: relative;
}



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

/* Header */

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.header{
	height: 60px;
	width: 100%;
	max-width: 600px;
	background: #1a62aa;
	margin: 0 auto;
	position: relative;
}
.header--top{
	height: 35px;
}
.header__logo{
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 2;
}
.header--top > .header__logo {
	display: none;
}
.header--top > .header__tag__wrap {
	height: 35px;
	padding-left: 8px;
}
.header__tag__wrap {
	display: flex;
	padding-left: 60px;
	align-items: center;
    height: 60px;
}
.header__tag {
	color: #0067b6;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    vertical-align: text-top;
    background: #fff;
    border-radius: 5px;
	margin-right: 8px;
    padding: 4px 8px 6px;
}
.header__tag span {
	border-bottom: 1px solid #0067b6;
    padding-bottom: 2px;
}
@media screen and (min-width: 600px){
	.header__logo{
		left: 18px;
	}
}
.header__logo a{
	display: block;
}
.header__logo img{
	height: 52px;
}

.global-title{
	width: 100%;
	color: #1a5d9f;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	margin: 10px 0;
}



/*------------------------------------------------------*/
/*------------------------------------------------------*/
/* sns */
/*------------------------------------------------------*/
/*------------------------------------------------------*/
.sns__wrap{
	height: 18px;
	margin: 21px 3%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.header .sns__wrap{
	padding-right: 40px;
	position: absolute;
	top: 0;
	right: 0;
}
.header--top .sns__wrap{
	margin: 8.5px 3vw;
}
@media screen and (min-width: 600px){
	.sns__wrap{
		margin: 21px 18px;
	}
	.header--top .sns__wrap{
		margin: 8.5px 18px;
	}
}
.sns__item{
	height: 18px;
	line-height: 18px;
	margin: 0 8px;
	display: block;
	vertical-align: top;
}
.sns__item img{
	height: 18px;
	vertical-align: middle;
}

.conteiner__main .sns__wrap{
	height: auto;
	margin: 10px 3%;
}
.conteiner__main .sns__wrap a img{
	height: 32px;
}



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

/* share__wrap */

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.share__wrap{
	font-size: 0;
	text-align: center;
	margin: 12px 0;
}
.share__item{
	margin: 0 5px;
	display: inline-block;
}
.share__wrap .btn__wrap{
	margin: 12px auto 30px;
}

.photo_acd .share__wrap{
	height: auto;
	text-align: center;
	margin: 0 0 10px;
	display: block;
}
.photo_acd .share__wrap a{
	margin: 0 8px;
	display: inline-block;
}



/*------------------------------------------------------*/
/*------------------------------------------------------*/
/* globalnavi */
/*------------------------------------------------------*/
/*------------------------------------------------------*/
.globalnavi__wrap{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 998;
}

#navi__btn{
	cursor: pointer;
	display: inline-block;
	width: 24px;
	height: 35px;
	margin: 12px 3vw;
	padding: 0 8px;
	position: relative;
	z-index: 999;
}
.header--top #navi__btn{
	margin: 0 3vw;
}
@media screen and (min-width: 600px){
	#navi__btn{
		margin: 12px 18px;
	}
	.header--top #navi__btn{
		margin: 0 18px;
	}
}
#navi__btn span{
	display: block;
	background: #fff;
	width: 24px;
	height: 3px;
	position: absolute;
	transition: all 0.4s;
}
#navi__btn span:first-child{
	top: 9px;
}
#navi__btn span:nth-child(2){
	margin-top: -1px;
	top: 50%;
}
#navi__btn span:last-child{
	bottom: 7px;
}
#globalnavi_bar:checked ~ #navi__btn span:first-child{
	transform: translateY(8px) rotate(45deg);
}
#globalnavi_bar:checked ~ #navi__btn span:nth-child(2){
	opacity: 0;
}
#globalnavi_bar:checked ~ #navi__btn span:last-child{
	transform: translateY(-8px) rotate(-45deg);
}

.globalnavi{
	width: 100vw;
	max-width: 600px;
	text-align: center;
	background: #1a5d9f;
	position: absolute;
	top: 0;
	right: 0;
}
.globalnavi__item a{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 60px;
	display: none;
}
.globalnavi__wrap li, .globalnavi__wrap li a{
	transition: all 0.3s;
}
.globalnavi__wrap input{display: none;}
.globalnavi__wrap li{max-height: 0; margin: 0; overflow-y: hidden;}
#globalnavi_bar:checked ~ ul li{max-height: 60px; border-bottom: 1px solid #fff; opacity: 1;}
#globalnavi_bar:checked ~ ul li:first-child{border-top: 1px solid #fff; margin-top: 60px;}
#globalnavi_bar:checked ~ ul li a{display: block;}


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

/* head */

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.head__wrap{
	max-width: 600px;
	background: #009ede;
	margin: 0 auto;
	padding: 16px 0;
	position: relative;
}

.head-group{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
}
.head__logo{
	width: 65px;
}

.head__media{
	background: #1a5d9f;
	margin: 10px 0 0;
	padding: 1px 0 4px;
}
.head__media.extra{
	background: #DD0000;
}
.extra__head{
	color: #fff;
	font-size: 23px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	border: 1px solid #fff;
	display: block;
	margin: 4px 4px 0;
	padding: 4px 0;
}
.head__date{
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin: 4px 0;
}
.head__date--y, .head__date--m, .head__date--d{
	width: 100%;
	font-size: 46px;
	line-height: 0.9;
	display: block;
}
.head__date--y{
	font-size: 19px;
	line-height: 1;
	letter-spacing: 1px;
}
.head-group .label{
	margin: 0 auto;
}


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

/* Footer */

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.footer{
	text-align: center;
	margin-top: 34px;
	padding: 10px 0 0 0;
}
.footer__logo{
	width: 73px;
}

.footer .sns__wrap{
	margin-bottom: 20px;
	justify-content: center;
}
.footer__title{
	color: #9fa0a0;
	font-size: 14px;
	font-weight: bold;
}
.footer_navi{
	color: #666;
	margin: 0 10px 24px;
}
.footer_navi__item{
	line-height: 1;
	margin: 4px 0;
}
.footer_navi__item a{
	color: #0067b6;
	font-size: 14px;
	font-weight: bold;
}
.copyright{
	color: #fff;
	font-size: 10px;
	background: #005bac;
	padding: 10px 5% 137px;
}
.copyright p{
	margin: 10px 0;
}
.footer__navi__menu {
  line-height: 1;
  display: inline-block;
}
.footer__navi__menu + ::before {
  content: "/";
  color: #0067b6;
  font-size: 14px;
  font-weight: bold;
  margin: 0 8px;
}
.footer__navi__menu a {
  font-size: 14px;
  font-weight: bold;
}



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

/* error */

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.error{ padding: 40px 0; }
.error__title{ color: #0065A6; font-size: 1.2em; font-weight: bold; margin: 20px 10px; line-height: 1.3; text-align: center; }
.error__lead{ color: #0065A6; font-size: 1.0em; margin: 0 10px 1.0em 10px; line-height: 1.6; }
.error__text{ color: #333; margin: 0 10px 20px 10px; font-size: 0.8em; line-height: 1.6; }
.error__back-btn{ text-align: center; }
.error__back-btn a{ color: #FFF; display: inline-block; background-image: url(/assets/images/icon_arrow_right_n_white_sp.png); background-size: 16px 16px; background-repeat: no-repeat; background-position: left 10px top 50%; background-color: #249CF8; font-size: 0.9em; padding: 10px 15px 10px 30px; text-align: center; font-weight: normal; }



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

/* conteiner */

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.conteiner__wrapper{
	width: 100%;
}

.conteiner__main{
	max-width: 600px;
	margin: 0 auto;
}
.conteiner__sub{
}
.conteiner__bottom{
}


.local-title{
	width: 94%;
	text-align: center;
	margin: 8px auto;
}
.local-title span{
	height: 35px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
	background: #3296d4;
	margin:  0 auto;
	padding: 0 20px;
	display: inline-block;
}

.matome-new-title{
	width: 94%;
	color: #0058aa;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto;
}

.matome-list-title{
	color: #0058aa;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	border-bottom: 1px solid #0058aa;
	margin-top: 16px;
	margin-left: 8px;
	padding-bottom: 20px;
}
.matome-list-title span{
	font-size: 14px;
	border: 1px solid #0058aa;
	margin-left: 5px;
	padding: 5px 13px;
}

/* content-title */
.content-title{
	width: 94%;
	text-align: center;
	background-image: url(/assets/ichimen/images/sp_title_back.png);
	background-size: 1px 16px;
	background-position: 0 50%;
	background-repeat: repeat-x;
	margin: 8px auto;
	display: block;
}
.content-title span{
	color: #0058aa;
	font-size: 20px;
	font-weight: bold;
	background: #fff;
	padding: 0 20px;
	display: inline-block;
}

.content-title--sub{
	width: 94%;
	color: #0058aa;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto;
}

/* content-title--timeline */
.content-title--timeline{
	height: 84px;
	text-align: center;
	display: block;
	position: relative;
}
.content-title--timeline span{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	position: relative;
}
.content-title--timeline span:before{
	content: "";
	position: absolute;
	bottom: -29px;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-top: 12px solid #009ede;
	z-index: 2;
}

.content-title--timeline span:after{
	content: "";
	position: absolute;
	bottom: -36px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-top: 14px solid #fff;
	z-index: 1;
}

.page-title__wrap{
	text-align: center;
	margin: 0 3% 15px;
}
.page-title{
	color: #0058aa;
	font-size: 17px;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 14px;
	display: inline-block;
	position: relative;
}
.page-title--lead{
	color: #e4007f;
	padding-left: 30px;
}
.page-title:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: inline-block;
	width: 50%;
	height: 4px;
	background-color: #0058aa;
}

.matome-title__wrap{
	text-align: center;
	margin: 0 3% 15px;
}
.matome-title{
	color: #0058aa;
	font-size: 17px;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 14px;
	display: inline-block;
	position: relative;
}
.matome-title--lead{
	color: #e4007f;
	padding-left: 30px;
}
.matome-title:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: inline-block;
	width: 50%;
	height: 4px;
	background-color: #0058aa;
}

/*------------------------------------------------------*/
/* btn */
/*------------------------------------------------------*/
.btn__wrap{
	text-align: center;
	margin: 30px auto;
}
.btn__wrap.no-margin{
	margin: 0 auto;
}

.btn{
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	background: #006fb7;
	border-radius: 5px;
	margin: 0 auto;
	padding: 8px 20px;
	display: inline-block;
}
.btn.btn--full{
	width: 94vw;
	background: #1a5d9f;
	display: block;
}
@media screen and (min-width: 600px){
	.btn.btn--full{
		width: 580px;
	}
}

.btn.btn--wire{
	width: auto;
	color: #3296d4;
	font-size: 18px;
	background: #fff;
	border: 1px solid #3296d4;
	margin: 0 3%;
	padding: 10px;
	display: inline-block;
}

.btn.btn--video{
	width: auto;
	color: #fff;
	font-size: 18px;
	background: #006fb7;
	border: 1px solid #006fb7;
	margin: 0 3%;
	padding: 10px;
	display: inline-block;
}


.btn--wide{
	height: 40px;
	width: 94%;
	color: #fff;
	line-height: 40px;
	background: #1a5d9e;
	margin: 0 auto;
	display: block;
}

.btn.btn--read{
	width: 50%;
	color: #fff;
	font-size: 18px;
	line-height: 1.6;
	background: #006fb7;
	background-image: url(/assets/ichimen/images/icon_arrow_bottom_off.svg);
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-position: 20px 50%;
	border: 1px solid #006fb7;
	margin: 0;
	padding: 4px 20px 4px 50px;
}

.btn--submit{
	max-width: 88%;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background: #006fb7;
	border: none;
	border-radius: 5px;
	padding: 4px 60px;
	display: inline-block;
}


.btn--next::before, .btn--open::before{
	content: "";
	background-repeat: no-repeat;
	margin: 0 10px 0 0;
	display: inline-block;
	vertical-align: middle;
}
.btn--next::before{
	height: 15px;
	width: 10px;
	background-image: url(/assets/ichimen/images/btn_arrow_right.svg);
	background-size: 10px auto;

}
.btn--open::before{
	height: 10px;
	width: 15px;
	background-image: url(/assets/ichimen/images/btn_arrow_bottom.svg);
	background-size: 15px auto;
}



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

/*breadcrumb*/

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.breadcrumb{
	width: 94%;
	color: #8E8E8E;
	font-size: 10px;
	/* 2023/02/03 スクロールしたときにbackground-imageだと動かないのでhtml側で設定 */
	/*background-image: url(/assets/ichimen/images/icon_home.svg);*/
	background-size: 12px auto;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 14px auto 14px;
	/*padding-left: 18px;*/
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	padding-bottom: 10px;
}
.info__wrap .breadcrumb{
	width: 100%;
}
.breadcrumb li{
	display: inline-block;
}
.breadcrumb li + li:before{
	margin: 0 5px;
	content: ">";
	color: #0058aa;
	font-weight: bold;
}
.breadcrumb li a{
	color: #595757;
	vertical-align: middle;
}
/* 2023/02/03 追加 */
.breadcrumb img {
	width: 12px;
	padding-right: 4px;
}



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

/* search */

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.search-page__form{top: 45px; width: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); padding: 20px 10px; box-sizing: border-box;}
.search-page__form__inner{display: box; display: -moz-box; display: -webkit-box; display: -o-box; display: -ms-box;}
.search-page__form__text{border: solid 1px #249CF8; border-radius: 1px; font-size: 1.0em; display: block; height: 44px; box-sizing: border-box; box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-box-ordinal-group: 1; -o-box-ordinal-group: 1; -ms-box-ordinal-group: 1; padding: 0 5px; box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; -o-box-box-flex: 1; -ms-box-ordinal-group: 1;}
.search-page__form__text:focus{outline-color: #FFF9B3; background-color: #FFFDEE;}
.search-page__form__btn{right: 100px; background-color: #249CF8; padding: 0; border-radius: 1px; border: 1px solid rgba(255, 255, 255, 0.4); width: 44px; height: 44px; margin-left: 5px; display: block; box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-box-ordinal-group: 2; -o-box-ordinal-group: 2; -ms-box-ordinal-group: 2;}
.search-page__form__btn img{width: 22px; height: 22px;}
.search-page #popin_content ul li#continueli{padding: 0;}
.search-page #popin_content ul li#continueli span.controlBtn{color: #FFF; height: 40px; line-height: 40px; background-color: #249CF8; border: none; font-size: 1.2em; text-shadow: none; margin: 20px 10px; border-radius: 0; box-shadow: none;}



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

/* info */

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.info__wrap{
	max-width: 600px;
	margin: 0 auto;
}
.info__inner{
}
.info__title{
	width: 94%;
	color: #005bac;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 20px auto;
	padding-bottom: 20px;
	position: relative;
}
.info__title:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	display: inline-block;
	width: 53px;
	height: 5px;
	transform: translateX(-50%);
	background-color: #0058aa;
}
.info__title--sub{
	color: #231815;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	border-bottom: 2px solid #005bac;
	margin: 10px 3%;
	display: inline-block;
}
.info__lead{
	width: 94%;
	color: #005bac;
	font-size: 14px;
	font-weight: bold;
	margin: 20px auto;
}
.info__text{
	width: 94%;
	font-size: 12px;
	margin: 10px auto;
}

.info-list{
	width: 94%;
	list-style: disc;
	margin: 10px auto;
	padding-left: 1em;
}
.info-list__item{
	font-size: 12px;
}

.info-head{
	text-align: center;
	border-bottom: 1px solid #e4007f;
	padding: 10px 0 20px;
}
.info-head__title{
	color: #e85298;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.info-head__text{
	font-size: 12px;
	font-weight: bold;
}



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

/* timeline */

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.timeline__wrap{
	max-width: 600px;
	background: #009ede;
	margin: 0 auto;
}

.timeline{
	background: #009ede;
	overflow: hidden;
}

.timeline__item{
	width: 95%;
	background: #fff;
	margin: 0 0 16px 0;
	position: relative;
	display: flex;
	position: relative;
}
.timeline__item a{
	display: flex;
	position: relative;
}

.timeline__date{color: #fff; font-weight: bold; text-align: center; padding-top: 2.13vw;}
.timeline__date .head__date--y{font-size: 3.46vw;}
.timeline__date .head__date--m, .timeline__date .head__date--d{font-size: 8vw;}
@media screen and (min-width: 600px){
	.timeline__date{padding-top: 13px;}
	.timeline__date .head__date--y{font-size: 21px;}
	.timeline__date .head__date--m, .timeline__date .head__date--d{font-size: 48px;}
}

.timeline__media{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	position: relative;
}

.timeline__photo{
	height: 28.26vw;
	width: 28.26vw;
	max-height: 170px;
	max-width: 170px;
	background: #d3edfb;
}
.timeline__photo img{
	height: inherit;
	width: inherit;
	max-height: inherit;
	max-width: inherit;
}
.timeline__title{
	color: #333;
	font-size: 3.73vw;
	font-weight: bold;
	line-height: 1.3;
	padding: 2.13vw;
	flex-grow: 1;
}
.timeline__lead{
	font-size: 2.66vw;
	font-weight: bold;
	line-height: 1.3;
	margin-right: 8px;
	position: absolute;
	left: 2.13vw;
	bottom: 1.6vw;
}
@media screen and (min-width: 600px){
	.timeline__title{
		font-size: 23px;
		padding: 13px;
	}
	.timeline__lead{
		font-size: 16px;
		left: 13px;
		bottom: 10px;
	}
}

.timeline__item .label{
	position: absolute;
	top: 0;
}

/*------------------------------------------------------*/
/*	*/
/*------------------------------------------------------*/
.timeline__item--subcul .timeline__date{color: #783791;}
.timeline__item--subcul .timeline__lead{color: #783791;}
.timeline__item--tv .timeline__date{color: #79bc29;}
.timeline__item--tv .timeline__lead{color: #79bc29;}
.timeline__item--extra .timeline__date{color: #dd0000;}
.timeline__item--extra .timeline__lead{color: #dd0000;}

/*------------------------------------------------------*/
/* .timeline__item--left */
/*------------------------------------------------------*/
.timeline__item--left .timeline__photo{order: 1;}
.timeline__item--left .timeline__media{order: 0;}
.timeline__item--left .timeline__date{margin-left: 8px;}
.timeline__item--left .label{right: 0;}
.timeline__item--left .timeline__item{margin-right: 5%;}
.timeline__item--left .timeline__item::before{
	position: absolute;
	content: '';
	top: 100%;
	right: 0;
	border: none;
	border-bottom: solid 6px transparent;
	border-left: solid 19px rgba(0,0,0,0.5);
}

/*------------------------------------------------------*/
/* .timeline__item--right */
/*------------------------------------------------------*/
.timeline__item--right .timeline__media{}
.timeline__item--right .timeline__date{order: 1; margin-right: 8px;}
.timeline__item--right .timeline__title{order: 0;}
.timeline__item--right .label{left: 0;}
.timeline__item--right .timeline__item{margin-left: 5%;}
.timeline__item--right .timeline__item::before{
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 6px transparent;
	border-right: solid 19px rgba(0,0,0,0.5);
}

/*------------------------------------------------------*/
/* .timeline__item--center */
/*------------------------------------------------------*/
.timeline__item--center .timeline__photo{order: 1;}
.timeline__item--center .timeline__media{order: 0;}
.timeline__item--center .timeline__date{margin-left: 8px;}
.timeline__item--center .label{right: 0;}
.timeline__item--center .timeline__item{margin: 0 auto 16px;}
.timeline__item--center .timeline__item::before{
	position: absolute;
	content: '';
	top: 100%;
	right: 0;
	border: none;
	border-bottom: solid 6px transparent;
	border-left: solid 19px rgba(0,0,0,0.5);
}

/*------------------------------------------------------*/
/* frontpage */
/*------------------------------------------------------*/
.frontpage{
	width: 94vw;
	margin: 0 auto;
	max-width: 564px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	border-radius: 2px;
	overflow:hidden;
}
.frontpage a{
	display: block;
}

.frontpage__photo{background: #d3edfb;}

/* background */
.frontpage__photo.bg--gray{background: #9fa0a0;}
.frontpage__photo.bg--blue{background: #d3edfb;}

.frontpage__title{
	width: 100%;
	color: #fff;
	font-size: 3.73vw;
	font-weight: bold;
	line-height: 1.1;
	padding: 2.13vw;
	position: absolute;
	bottom: 0;
	left: 0;
}
/* background */
.frontpage__title.bg--w{background: rgba(244,244,244,0.6);}
.frontpage__title.bg--bk{background: rgba(0,0,0,0.6);}
.frontpage__title.bg--b{background: rgba(0,160,233,0.6);}
/* fontsize */
.frontpage__title.font--large{font-size: 4.26vw;}
.frontpage__title.font--small{font-size: 2.93vw;}
.frontpage-first .frontpage__title.font--large{font-size: 8vw;}
.frontpage-first .frontpage__title.font--small{font-size: 5.33vw;}
@media screen and (min-width: 600px){
	.frontpage__title{
		font-size: 23px;
		padding: 13px;
	}
	.frontpage__title.font--large{font-size: 26px;}
	.frontpage__title.font--small{font-size: 17px;}
	.frontpage-first .frontpage__title.font--large{font-size: 48px;}
	.frontpage-first .frontpage__title.font--small{font-size: 32px;}
}

.frontpage__title span{
	color: #fff;
}
/* color */
.frontpage__title span.c--bk{color: #231815;}
.frontpage__title span.c--b{color: #0058aa;}

/* frontpage-first */
.frontpage-first{
	height: 94vw;
	width: 94vw;
	max-width: 564px;
	max-height: 564px;
	position: relative;
}
.frontpage-first .frontpage__photo{
	height: 94vw;
	width: 94vw;
	max-width: 564px;
	max-height: 564px;
}
.frontpage-first .frontpage__title{
	width: 94vw;
	max-width: 564px;
	font-size: 6.4vw;
	position: absolute;
	bottom: 0;
	left: 0;
}
@media screen and (min-width: 600px){
	.frontpage-first .frontpage__title{
		font-size: 39px;
	}
}
/* frontpage-second */
.frontpage-second{
	position: relative;
}
/* frontpage-third */
.frontpage-third{
	position: relative;
}
/* frontpage-fourth */
.frontpage-fourth{
	position: relative;
}
/* frontpage-fifth */
.frontpage-fifth{
	position: relative;
}
/* frontpage-textlist */
.frontpage-textlist{
	position: relative;
}
.frontpage__item{
	background: #6cbae8;
	display: block;
}
.frontpage__item:nth-child(odd){
	background: #d3edfb;
}

.frontpage-textlist .frontpage__title{
	color: #231815;
	font-size: 4.8vw;
	line-height: 1.4;
	position: static;
}
/* fontsize */
.frontpage-textlist .frontpage__title.font--large{font-size: 5.86vw;}
.frontpage-textlist .frontpage__title.font--small{font-size: 3.73vw;}
@media screen and (min-width: 600px){
	.frontpage-textlist .frontpage__title{font-size: 29px;}
	.frontpage-textlist .frontpage__title.font--large{font-size: 35px;}
	.frontpage-textlist .frontpage__title.font--small{font-size: 23px;}
}
.frontpage-textlist .frontpage__title span{
	color: #fff;
}
/* color */
.frontpage-textlist .frontpage__title span.c--bk{color: #231815;}
.frontpage-textlist .frontpage__title span.c--b{color: #0058aa;}



/*------------------------------------------------------*/
/* p-100(号外) */
/*------------------------------------------------------*/
.frontpage.frontpage--p-100{
}

/*------------------------------------------------------*/
/* p-001 */
/*------------------------------------------------------*/
.frontpage.frontpage--p-001{
}
/* frontpage-second */
.frontpage--p-001 .frontpage-second .frontpage__photo{
	height: 78vw;
	width: 47vw;
	max-height: 468px;
	max-width: 282px;
}
/* frontpage-textlist */
.frontpage--p-001 .frontpage__item{
	height: 26vw;
	width: 47vw;
	max-height: 156px;
	max-width: 282px;
}

/*------------------------------------------------------*/
/* p-002 */
/*------------------------------------------------------*/
.frontpage.frontpage--p-002{
}
/* frontpage-second */
.frontpage--p-002 .frontpage-second,
.frontpage--p-002 .frontpage-second .frontpage__photo{
	height: 39vw;
	width: 47vw;
	max-height: 234px;
	max-width: 282px;
}
/* frontpage-third */
.frontpage--p-002 .frontpage-third{
	height: 39vw;
	width: 47vw;
	max-height: 234px;
	max-width: 282px;
	position: absolute;
	top: 133vw;
	left: 0;
}
@media screen and (min-width: 600px){
	.frontpage--p-002 .frontpage-third{
		top: 798px;
	}
}
.frontpage--p-002 .frontpage-third .frontpage__photo{
	height: 39vw;
	width: 47vw;
	max-height: 234px;
	max-width: 282px;
}
/* frontpage-textlist */
.frontpage--p-002 .frontpage__item{
	height: 26vw;
	width: 47vw;
	max-height: 156px;
	max-width: 282px;
}

/*------------------------------------------------------*/
/* p-003 */
/*------------------------------------------------------*/
.frontpage.frontpage--p-003{
}
/* frontpage-second */
.frontpage--p-003 .frontpage-second,
.frontpage--p-003 .frontpage-second .frontpage__photo{
	height: 39vw;
	width: 94vw;
	max-height: 234px;
	max-width: 564px;
}
/* frontpage-textlist */
.frontpage--p-003 .frontpage__item{
	height: 13vw;
	width: 94vw;
	max-height: 78px;
	max-width: 564px;
}
.frontpage--p-003 .frontpage-textlist .frontpage__title{
	padding: 4px 8px;
}

/*------------------------------------------------------*/
/* p-004 */
/*------------------------------------------------------*/
.frontpage.frontpage--p-004{
}
/* frontpage-textlist */
.frontpage--p-004 .frontpage__item{
	height: 19.5vw;
	width: 94vw;
	max-height: 117px;
	max-width: 564px;
}

/*------------------------------------------------------*/
/* p-005 */
/*------------------------------------------------------*/
.frontpage.frontpage--p-005{
}
/* frontpage-second */
.frontpage--p-005 .frontpage-second,
.frontpage--p-005 .frontpage-second .frontpage__photo{
	height: 39vw;
	width: 47vw;
	max-height: 234px;
	max-width: 282px;
}
/* frontpage-third */
.frontpage--p-005 .frontpage-third,
.frontpage--p-005 .frontpage-third .frontpage__photo{
	height: 39vw;
	width: 47vw;
	max-height: 234px;
	max-width: 282px;
}
/* frontpage-fourth */
.frontpage--p-005 .frontpage-fourth,
.frontpage--p-005 .frontpage-fourth .frontpage__photo{
	height: 39vw;
	width: 47vw;
	max-height: 234px;
	max-width: 282px;
}
/* frontpage-fifth */
.frontpage--p-005 .frontpage-fifth,
.frontpage--p-005 .frontpage-fifth .frontpage__photo{
	height: 39vw;
	width: 47vw;
	max-height: 234px;
	max-width: 282px;
}

/*------------------------------------------------------*/
/* p-006 */
/*------------------------------------------------------*/
.frontpage.frontpage--p-006{
}
/* frontpage-second */
.frontpage--p-006 .frontpage-second,
.frontpage--p-006 .frontpage-second .frontpage__photo{
	height: 39vw;
	width: 47vw;
	max-height: 234px;
	max-width: 282px;
}
/* frontpage-third */
.frontpage--p-006 .frontpage-third,
.frontpage--p-006 .frontpage-third .frontpage__photo{
	height: 78vw;
	width: 47vw;
	max-height: 468px;
	max-width: 282px;
}
/* frontpage-fourth */
.frontpage--p-006 .frontpage-fourth{
	position: absolute;
	top: 133vw;
	left: 0;
}
@media screen and (min-width: 600px){
	.frontpage--p-006 .frontpage-fourth{
		top: 798px;
	}
}
.frontpage--p-006 .frontpage-fourth .frontpage__photo{
	height: 39vw;
	width: 47vw;
	max-height: 234px;
	max-width: 282px;
}

/*------------------------------------------------------*/
/* p-007 */
/*------------------------------------------------------*/
.frontpage.frontpage--p-007{
}
/* frontpage-second */
.frontpage--p-007 .frontpage-second,
.frontpage--p-007 .frontpage-second .frontpage__photo{
	height: 39vw;
	width: 94vw;
	max-height: 234px;
	max-width: 564px;
}
/* frontpage-third */
.frontpage--p-007 .frontpage-third ,
.frontpage--p-007 .frontpage-third .frontpage__photo{
	height: 39vw;
	width: 47vw;
	max-height: 234px;
	max-width: 282px;
}
/* frontpage-fourth */
.frontpage--p-007 .frontpage-fourth,
.frontpage--p-007 .frontpage-fourth .frontpage__photo{
	height: 39vw;
	width: 47vw;
	max-height: 234px;
	max-width: 282px;
}

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

/* hash */

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.hash__wrap{
	max-width: 600px;
	background-image: url(/assets/ichimen/images/back.png);
	margin: 0 auto;
	padding: 5px 0;
}
.hash{
	margin-left: 10px;
}
.hash a{
	color: #0067b6;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	background: #fff;
	border-radius: 5px;
	margin: 0 8px 8px 0;
	padding: 4px 8px 5px;
	display: inline-block;
}
.hash a span{
	border-bottom: 1px solid #0067b6;
	padding-bottom: 2px;
}

.hash__title{
	width: 94%;
	margin: 8px auto;
	display: block;
	position: relative;
}
.hash__title::before, .hash__title::after{
	content: "";
	height: 28px;
	width: calc(50% - 75px);
	background-image: url(/assets/ichimen/images/sp_title_back.png);
	background-size: 1px 16px;
	background-position: 0 50%;
	background-repeat: repeat-x;
	position: absolute;
	top: 0;
}
.hash__title::before{
	left: 0;
}
.hash__title::after{
	right: 0;
}
.hash__title span{
	width: 150px;
	color: #0058aa;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	display: block;
}



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

/* pickup */

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.pickup__wrap{
	max-width: 600px;
	margin: 0 auto;
	padding: 8px 0;
	overflow: hidden;
}
.pickup{
	margin: 8px auto 4px auto;
	position: relative;
}
.pickup__item{
	height: calc(37.6vw + 5px);
	width: 68vw;
	max-height: 231px;
	max-width: 408px;
	background: #fff;
	margin: 0 auto;
}
.pickup__item.slick-slide{
	opacity: 0.5;
}
.pickup__item.slick-slide.slick-active{
	opacity: 1;
}
.pickup__item a{
	width: 62vw;
	max-width: 372px;
	margin: 0 auto;
	padding-top: 5px;
	display: block;
	position: relative;
}
.pickup__photo{
	height: 37.6vw;
	width: 62vw;
	max-height: 226px;
	max-width: 372px;
	object-fit: cover;
}
.pickup__title{
	width: 100%;
	max-width: 372px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
	background: rgba(0,160,233,0.6);
	padding: 5px 10px;
	position: absolute;
	left: 0;
	bottom: 0;
}

/* label */
.pickup__item .label{
	width: auto;
	font-size: 16px;
	padding: 4px 10px 4px 16px;
	position: absolute;
	top: 0;
	left: -10px;
}
.pickup__item .label:before{
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	z-index: 1;
	top: 0;
	left: 0;
	border-width: 12px 0 12px 5px;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
}

.slick-prev, .slick-next{
	width: 30px;
	height: 30px;
	font-size: 0;
	line-height: 0;
	background: #1a5d9f;
	border: none;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	z-index: 6;
}
.slick-prev{
	left: 10px;
}
.slick-next{
	right: 10px;
}
.slick-prev:before, .slick-prev:after,
.slick-next:before, .slick-next:after{
	content: "";
	position: absolute;
	top: 19px;
}
.slick-prev:before, .slick-next:before{
	border: 8px solid transparent;
	margin-top: -12px;
	z-index: 2;
}
.slick-prev:after, .slick-next:after{
	border: 10px solid transparent;
	margin-top: -14px;
	z-index: 1;
}
.slick-prev:before{
	left: 4px;
	border-right: 8px solid #1a5d9f;
}
.slick-prev:after{
	left: -2px;
	border-right: 10px solid #fff;
}
.slick-next:before{
	right: 4px;
	border-left: 8px solid #1a5d9f;
}
.slick-next:after{
	right: -2px;
	border-left: 10px solid #fff;
}

.slick-slide, .slick-slide:focus, .slick-slide a, .slick-arrow{outline: none;}



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

/* new */

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.new__wrap{
	max-width: 600px;
	margin: 0 auto;
}
.new__list{
}
.new__item{
	width: 94%;
	background: #fff;
	margin: 0 auto 20px auto;
}
.new__item a{
	display: block;
}
.new__photo{
	height: 63vw;
	width: 94vw;
	max-height: 378px;
	max-width: 564px;
	object-fit: cover;
	object-position: 50% 0;
}
.new__title{
	color: #595757;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	margin: 8px 0 0 0;
}
/* 2024-02-14 ワッペン追加 */
.new__title span {
	background: #ee7800;
	padding: 2px 4px;
	color: white;
	font-size: 12px;
    border-radius: 4px;
}
.new__tag{
	margin: 2px 0 0 0;
}
.new__tag span{
	color: #0067b6;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	vertical-align: text-top;
	background-image: url(/assets/ichimen/images/back.png);
	background-position: bottom;
	background-repeat: repeat-x;
	margin-right: 10px;
	padding-bottom: 7px;
	display: inline-block;
}



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

/* archives */

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.archives__wrap{
	max-width: 600px;
	background: #009ede;
	margin: 0 auto;
}



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

/* article-list */

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


.list-info--photo{
	background-image: url(/assets/ichimen/images/icon_info_photo.svg);
	background-size: auto 30px;
	background-repeat: no-repeat;
	margin-left: 20px;
	padding-left: 50px;
}
.list-info--photo span{
	height: 28px;
	color: #3296d4;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	border: 1px solid #3296d4;
	border-radius: 3px;
	padding: 0 10px;
	display: inline-block;
	position: relative;
}
.list-info--photo span:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -6px;
	margin-top: -3px;
	border: 3px solid transparent;
	border-right: 3px solid #FFF;
	z-index: 2;
}
.list-info--photo span:after{
	content: "";
	position: absolute;
	top: 50%;
	left: -9px;
	margin-top: -4px;
	border: 4px solid transparent;
	border-right: 4px solid #3296d4;
	z-index: 1;
}

/*------------------------------------------------------*/
/* article-list */
/*------------------------------------------------------*/
.article-list{
	font-size: 0;
	margin-bottom: 10px;
}
.article-list__item{
	width: 94%;
	border-bottom: 1px solid #dcdddd;
	margin:  0 auto;
}
.article-list__item a{
	padding: 24px 0;
}
.article-list__unit{
	display: flex;
}
.article-list__photo{
	height: 33vw;
	width: 33vw;
	max-height: 198px;
	max-width: 198px;
	background: #ededed;
	margin-right: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
.article-list__photo img{
	max-height: 100%;
	max-width: 100%;
	height: auto;
	width: auto;
}
.article-list__media{
	width: 100%;
	position: relative;
	flex-shrink: 1;
	padding-bottom: 42px;
}
.article-list__title{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.7;
	margin-bottom: 12px;
}
/* 2024-02-15 ワッペン追加 */
.article-list__title span {
	background: #ee7800;
	padding: 2px 4px;
	color: white;
	font-size: 12px;
    border-radius: 4px;
}
.article-list__text{
	font-size: 12px;
	line-height: 1.7;
	margin-bottom: 12px;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.article-list__date{
	color: #b5b5b6;
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
	display: block;
}
.article-list__info{
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
}
.article-list__unit .movie__time{
	width: 100%;
}

/* 2023-02-09追加 */
.article-list__footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/*------------------------------------------------------*/
/* movie-list */
/*------------------------------------------------------*/
.movie-list{
	font-size: 0;
	margin-bottom: 10px;
}
.movie-list__item{
	width: 94%;
	border-bottom: 1px solid #dcdddd;
	margin:  0 auto;
}
.movie-list__item a{
	padding: 20px 0;
	display: block;
}
.movie-list__unit{
	display: flex;
	align-items: flex-start;
}
.movie-list__photo{
	height: 26.33vw;
	width: 46.4vw;
	max-height: 158px;
	max-width: 281px;
	background: #ededed;
	margin-right: 13px;
	flex-shrink: 0;
	position: relative;

}
.movie-list__photo img{
	height: inherit;
	width: inherit;
	max-height: inherit;
	max-width: inherit;
	object-fit: cover;
}
.movie-list__item__duration{
	height: 26px;
	width: 65px;
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 26px;
	background: rgb(35,24,21,0.9);
	position: absolute;
	right: 0;
	bottom: 0;
}
.movie-list__media{
	position: relative;
	flex-shrink: 1;
}
.movie-list__title{
	color: #595757;
	font-size: 14px;
	line-height: 1.7;
}
.movie-list__date{
	color: #fff;
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	background: #3296d4;
	margin-bottom: 6px;
	padding: 6px 10px;
	display: inline-block;
}
.movie-list__info{
	position: absolute;
	right: 0;
	bottom: 0;
}
.movie-list__item .movie__time{
	width: 100%;
	color: #595757;
	margin-bottom: 3px;
	margin-right: 0;
}

.movie-list + [data-readmore-toggle], .movie-list[data-readmore]{width:auto;}
.movie-list[data-readmore]{transition: height 500ms;overflow: hidden;}



/*------------------------------------------------------*/
/* calendar */
/*------------------------------------------------------*/
.calendar__wrap{
	margin-bottom: 16px;
	padding: 16px 0;
}
.calendar__table{
	width: 70%;
	color: #1a5d9f;
	text-align: center;
	background: #fff;
	border: 2px solid #1a5d9f;
	border-radius: 8px;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0 auto;
	padding: 8px;
	position: relative;
}
.calendar__table:before {
	content: "";
	position: absolute;
	bottom: -24px;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-top: 12px solid #fff;
	z-index: 2;
}
.calendar__table:after {
	content: "";
	position: absolute;
	bottom: -29px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-top: 14px solid #1a5d9f;
	z-index: 1;
}
.calendar__day{padding: 4px 0 16px;}
.calendar__y, .calendar__d, .calendar__m{
	font-weight: bold;
	line-height: 1;
	display: block;
}
.calendar__y{
	font-size: 12px;
}
.calendar__d{
	font-size: 32px;
}
.calendar__m{
	font-size: 10px;
}
.calendar__table td{
	width: 14.28%;
	color: #9fa0a0;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 0;
}
.calendar__table td a{
	height: 18px;
	width: 18px;
	color: #1a5d9f;
	display: block;
	margin: 0 auto;
}
.calendar__table td.cr a{
	color: #fff;
	background: #1a5d9f;
	border-radius: 50%;
}

.calendar__prev, .calendar__next{
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: 1px solid #1a5d9f;
	margin: 18px auto 0;
	display: block;
	position: relative;
}
.calendar__prev.disabled, .calendar__next.disabled{
	border: 1px solid #9fa0a0;
}
.calendar__prev a, .calendar__next a{
}
.calendar__prev img, .calendar__next img{
	height: 12px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.calendar__prev img{
	right: 2px;
}
.calendar__next img{
	left: 3px;
}

.calendar__select{
	text-align: center;
	margin: 20px 6% 0;
}
.calendar__form{
	font-size: 18px;
	display: inline-block;
	margin-right: 10px;
}
.calendar__form select{
	font-size: 18px;
	padding: 1px 5px;
}
.calendar__select .btn--submit{
	font-size: 14px;
	padding: 4px 20px;
}

/**/
.article-pager{
	width: 94%;
	margin: 30px auto;
	display: flex;
	align-items: center;
}
.article-pager__nav{
	height: 46px;
	width: 80px;
}
.article-pager__prev, .article-pager__next{
	height: 46px;
	width: 80px;
	color: #fff;
	font-size: 15px;
	text-align: center;
	line-height: 46px;
	background: #3296d4;
	display: block;
}
.article-pager__date{
	height: 46px;
	width: calc(100% - 92px);
	font-size: 14px;
	text-align: center;
	line-height: 46px;
}
.article-pager__date span{
	font-size: 20px;
}

.change{
}
.change .frontpage{
	margin-bottom: 16px;
}
.change__back{
	width: 152px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	background: #006fb7;
	border-radius: 5px 5px 0 0;
	margin: 0 3vw 0 auto;
	padding: 5px;
	display: none;
	cursor: pointer;
}
.change__back.show{
	display: block;
}
@media screen and (min-width: 600px){
	.change__back{
		margin: 0 18px 0 auto;
	}
}
.change__timeline{
}
.change__frontpage{
	display: none;
	overflow: hidden;
}



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

/* article */

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.article__wrap{
	max-width: 600px;
	margin: 0 auto;
}
.article__inner{
	background: #fff;
}
.article__head{
	width: 94%;
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}
.article__photo{
	width: 100%;
}
.article__cap{
	width: 94%;
	font-size: 12px;
	margin: 5px auto;
}
.article__title{
	width: 100%;
	color: #231815;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 auto 15px;
}
.article__title a{
	color: #231815;
}
.article__date{
	color: #B5B5B6;
	font-size: 11px;
	/*margin: 10px 0; 2023-02-10 削除 */
	display: inline-block;
	line-height: 1; /*　2023-02-13 追加 */
}
/* 2023-02-10 追加 */
.article__date__wrap {
	display: flex;
	flex-direction: column;
	padding: 10px 0;
}
/*　2023-02-13 追加 */
.article__date__wrap a {
	line-height: 1;
}
.article__tag{
	font-size: 0;
	background-image: url(/assets/ichimen/images/back.png);
	margin: 0 auto 13px;
	padding: 5px 3% 0;
}
.article__tag a{
	color: #0067b6;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	vertical-align: text-top;
	background: #fff;
	border-radius: 5px;
	margin: 0 15px 5px 0;
	padding: 4px 8px 6px;
	display: inline-block;
}
.article__tag a span{
	border-bottom: 1px solid #0067b6;
	padding-bottom: 2px;
}
.article__text{
	color: #595757;
	font-size: 16px;
	line-height: 1.7;
	padding:10px 0;
	margin: 0 auto;
	width: 94%;
}
/* 2023/01/17 aタグのvisited,hoverに対するアクション追加 */
.article__text a {
	color: #0033cc;
}
.article__text a:visited {
	color: #663399;
}
.article__text a:hover {
	color: #cc3434;
	font-weight: bold;
	text-decoration: underline;
}
/* ここまで */
.article__nakamidashi{
	font-weight:bold;
	color: #231815;
	font-size: 16px;
	line-height: 1.7;
	padding:10px 0;
	margin: 0 auto;
	width: 94%;
}
.article__question{
	font-weight:bold;
	color: #231815;
	font-size: 16px;
	line-height: 1.7;
	padding:10px 0;
	margin: 0 auto;
	width: 94%;
}
.article__thumb{
	width:100%;
	margin:0 0 10px 0;
}
.article__thumb_unit{
	width: 94%;
	margin: 0 auto;
	text-align: center;
	display: block;
}
.article__thumb img{
	max-height: 100vw;
	max-width:100%;
	height: auto;
	width: auto;
}
.article__thumb_cap{
	color: #707070;
	font-size: 12px;
	margin:5px 10px 0;
}
.article__photolist{
	margin: 10px 3vw;
	display: flex;
	flex-wrap: wrap; /* 2023-04-17 追加 */
	justify-content: space-between; /* 2023-04-17 追加 */
}
.article__photolist a{
	height: 29vw;
	width: 29vw; /* 2023-04-17 20% 修正 2023-04-28 29vwに再修正 */
	max-height: 174px;
	max-width: 174px;
	background: #f3f3f3;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (min-width: 600px){
	.article__photolist{
		margin: 10px 30px;
	}
	.article__photolist a{
		margin: 0 7px;
	}
}
.article__photolist a img{
	height: auto;
	width: auto;
	max-height: 100%;
	max-width: 100%;
}
/*	*/
.article__photolist .slick-prev, .article__photolist .slick-next{
	width: 20px;
	height: 40px;
	font-size: 0;
	line-height: 0;
	background: none;
	border: none;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 6;
}
.article__photolist .slick-prev{
	left: -35px;
}
.article__photolist .slick-next{
	right: -35px;
}
.article__photolist .slick-prev:before, .article__photolist .slick-prev:after,
.article__photolist .slick-next:before, .article__photolist .slick-next:after{
	content: "";
	position: absolute;
	top: 19px;
}
.article__photolist .slick-prev:before, .article__photolist .slick-next:before{
	border: 13px solid transparent;
	margin-top: -12px;
	z-index: 2;
}
.article__photolist .slick-prev:after, .article__photolist .slick-next:after{
	border: 15px solid transparent;
	margin-top: -14px;
	z-index: 1;
}
.article__photolist .slick-prev:before{
	left: 6px;
	border-right: 13px solid #fff;
}
.article__photolist .slick-prev:after{
	left: -2px;
	border-right: 15px solid #ff99cc;
}
.article__photolist .slick-next:before{
	right: 6px;
	border-left: 13px solid #fff;
}
.article__photolist .slick-next:after{
	right: -2px;
	border-left: 15px solid #ff99cc;
}

.article__photo-more{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 30px 0 10px;
}
.btn__photolist{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background: #006fb7;
	border: 1px solid #006fb7;
	border-radius: 5px;
	padding: 4px 20px;
	display: inline-block;
}
.btn__photolist-count{
	font-size: 12px;
	border: 1px solid #fff;
	border-radius: 16px;
	margin: 0 0 0 10px;
	padding: 5px 10px;
	vertical-align: text-bottom;
}
.conteiner__main .article__photo-more .sns__wrap{
	margin: 0;
}
.conteiner__main .article__photo-more .sns__wrap a{
	margin: 0 0 0 16px;
}

.category__image{width: 100%; max-width: 600px; margin: 0 auto;}
.category__image img{width: 100%;}
.profile{width: 88%; max-width: 600px; overflow: hidden; padding: 10px; border: 1px solid #fdd4db; margin: 20px auto; position: relative;}
.profile__label{color: #f65e7e; font-size: 14px; border-bottom: 1px solid #fdd4db; padding-bottom: 10px;}
.profile__inner{position: relative; padding-top: 10px;}
.profile__photo{width: 80px; height: 80px; float: left; margin-right: 10px; margin-bottom: 20px;}
.profile__photo img{max-width: 80px; max-height: 80px;}
.profile__name{font-size: 16px; margin-bottom: 10px;}
.profile__kana{margin-bottom: 10px;}
.profile__occupation{font-size: 14px;}
.profile__body{clear: both;}
.profile__body p{margin-bottom: 1.0em; line-height: 1.6;}



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

/* photo */

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.photo__wrap{
	overflow: hidden;
}
.photo__inner{
	background: #fff;
	overflow: hidden;
}
.photo__area{

}
.photo__photo{
	width: 100%;
	text-align: center;
	position: relative;
}
.photo__photo--minh{
	width: 100%;
	min-height: 180px;
	text-align: center;
	position: relative;
}
/* 2025-12-2 by 金坂 (.photo__photo--minhからmin-heightをなくす修正) */
.photo__wrapper {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
/* 2022/10/28 CLS改善 */
/* 2022/11/11 height:100%追加 */
.photo__image{
	width: 100%;
	height: 100%;
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
}
/* 2025-12-2 by 金坂 */
.new_photo__image {
	object-fit: contain;
	margin: 0 auto;
}
.photo__numb{
	height: 20px;
	width: 60px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	background: rgba(0,129,209,0.8);
	position: absolute;
	bottom: 0;
	left: 0;
}
.photo__cap{
	color: #707070;
	font-size: 12px;
	margin: 5px 10px;
}
.photo__title{
	color: #231815;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 auto 15px;
}
.photo__title a{
	color: #231815;
}

.photo_acd{
	position: relative;
}
.photo_acd .btn__wrap{
	margin: 15px auto 10px;
}
.photo_acd__check{
	display: none;
}
.photo_acd__label{
	background-image: none !important;
	padding: 4px 20px !important;
	cursor: pointer;
	position: relative;
	z-index: 6;
}
.photo_acd__area{
	margin: 0 auto;
}
.photo_acd .article__text{
	max-height: 0;
	margin: 0 auto;
	padding: 0;
	transition: linear .5s;
	overflow-y: hidden;
}
.photo_acd__check:checked ~ .photo_acd__area .article__text{
	max-height: 2000px;
	margin: 20px auto;
}
.photo_acd__check:checked ~ .photo_acd__area p:first-of-type{
	margin: 20px auto 0;
	padding-bottom: 10px;
}
.photo_acd__check:checked ~ .photo_acd__area p:nth-of-type(2){
	margin: 0 auto 20px;
	padding-top: 10px;
}

.photo__photolist-wap{
	width: 94%;
	border: 1px solid #b5b5b6;
	margin: 20px auto 15px;
	padding: 10px 0;
	position: relative;
}
.photo__photolist{
	height: 80px;
	width: calc(100% - 76px);
	margin: 0 auto;
	overflow: hidden;
}
.photo__photolist--inner{
	width: 99999px;
	display: flex;
	flex-wrap: wrap;
	transition-property: margin-left;
	transition-duration: 0.1s;
}
.photo__photolist a{
	height: 80px;
	width: 80px;
	background: #f3f3f3;
	margin: 0 6px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.photo__photolist a img{
	height: auto;
	width: auto;
	max-height: 100%;
	max-width: 100%;
}

.photo__photolist--prev, .photo__photolist--next{
	width: 38px;
	height: 40px;
	font-size: 0;
	line-height: 0;
	background: none;
	border: none;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 6;
}
.photo__photolist--prev{
	left: 0;
}
.photo__photolist--next{
	right: 0;
}
.photo__photolist--prev:before, .photo__photolist--prev:after,
.photo__photolist--next:before, .photo__photolist--next:after{
	content: "";
	position: absolute;
	top: 19px;
}
.photo__photolist--prev:before, .photo__photolist--next:before{
	border: 13px solid transparent;
	margin-top: -12px;
	z-index: 2;
}
.photo__photolist--prev:after, .photo__photolist--next:after{
	border: 15px solid transparent;
	margin-top: -14px;
	z-index: 1;
}
.photo__photolist--prev:before{
	left: 4px;
	border-right: 13px solid #fff;
}
.photo__photolist--prev:after{
	left: -4px;
	border-right: 15px solid #0081D1;
}
.photo__photolist--next:before{
	right: 4px;
	border-left: 13px solid #fff;
}
.photo__photolist--next:after{
	right: -4px;
	border-left: 15px solid #0081D1;
}



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

/* movie */

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.movie__wrap{
	overflow: hidden;
}
.movie__inner{
	background: #fff;
	overflow: hidden;
}
.movie__info{
	margin: 5px 10px;
}
.movie__time{
	font-size: 12px;
	line-height: 1;
	margin-right: 20px;
	display: inline-block;
}
.movie__time img{
	width: 17px;
	margin-right: 5px;
	vertical-align: middle;
}

.movie__area{
	width: 100%;
	position: relative;
}
.movie__area--minh{
	width: 100%;
	min-height: 180px;
	position: relative;
}
.movie__image{
	height: auto;
	width: 100%;
}
.movie__body{
	display: block;
}
.movie__body::before{
	position: absolute;
	content: "";
	color: #fff;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	line-height: 484px;
	background-color: transparent;
	background-image: url(/assets/ichimen/images/icon_videoplay.svg);
	background-size: 100px 75px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 3;
	transition: all 0.3s;
	opacity: 0.8;
}
.movie__cap{
	font-size: 12px;
	margin: 5px 10px;
}



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

/* matome-list */

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.matome-list__wrap{
}
.matome-list{
}
.matome-list__item{
	width: 94%;
	margin: 15px auto;
	position: relative;
	overflow: hidden;
}
.matome-list__head{
	color: #005bac;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.matome-list__head a{
	color: #005bac;
}

.matome-list__unit{
	color: #595757;
	display: flex;
	position: relative;
}
.matome-list__thumb{
	height: 21.333vw;
	width: 32vw;
	max-height: 128px;
	max-width: 192px;
	margin-right: 20px;
	flex-shrink: 0;
	position: relative;
}
.matome-list__photo{
	height: inherit;
	width: inherit;
	max-height: inherit;
	max-width: inherit;
	object-fit: cover;
	object-position: 50% 0;
	flex-shrink: 0;
}
.matome-list__media{
	flex-shrink: 1;
	padding-bottom: 32px;
}
.matome-list__date{
	color: #b5b5b6;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
}
.matome-list__title{
	color: #595757;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
}
.matome-list__title a{
	color: #595757;
}
.matome-list__text{
	font-size: 12px;
}

.matome-list__info{
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
}

.matome-list__item .btn__wrap{
	margin: 20px auto;
}

.matome__lead{
	width: 94%;
	color: #595757;
	font-size: 12px;
	margin: 20px auto;
}
.matome__info{
	width: 94%;
	color: #0058aa;
	font-size: 14px;
	border: 1px solid #0058aa;
	margin: 20px auto 30px;
	padding: 16px 20px;
}

.matome__tag{
	width: 94%;
	margin: 10px auto 0;
}
.matome__tag-head{
	color: #eb687a;
	font-size: 16px;
	background-image: url(/assets/ichimen/images/icon_tag.svg);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 0 50%;
	margin: 0 14px 14px 0;
	padding-left: 24px;
	display: inline-block;
}
.matome__tag a{
	color: #eb687a;
	font-size: 13px;
	font-weight: bold;
	background: #f9e4e6;
	border: 1px solid #eb687a;
	border-radius: 3px;
	margin: 0 10px 14px 0;
	padding: 6px 8px;
	display: inline-block;
}

/* 2023-03-31 追加・修正 */
.matome__date{
	width: 94%;
	font-size: 14px;
	margin: 1rem auto;
}
.matome__date__wrap {
	display: flex;
}
.matome__date-group__wrap {
	width: 50%;
}
.matome__photolink__wrap {
	width: 50%;
	display: flex;
	align-items: end;
	justify-content: end;
}
.matome__photolink {
	font-size: 14px;
	font-weight: 600;
	margin: 5px 0;
}
.matome__photolink::after {
	content: ' >';
}
/* 2023-03-31 ここまで */
.matome__date-head{
	font-size: 13px;
	border: 1px solid #231815;
	padding: 3px 8px;
	display: inline-block;
}
.matome__date-group{
	color: #0058aa;
	margin: 5px 0;
}
.matome__date-group time{
	color: #595757;
}

.movie-list__loader{text-align: center; margin-bottom: 20px;}
.movie-list__loader img{width: 64px;}

#infscr-loading{clear: both; border-top: 1px solid #dbdbdb; text-align: center; margin: 0 auto; padding: 20px 0;}
#infscr-loading img{ width: 64px;}



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

/* related */

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.related__wrap{
	width: 94%;
	/*2023-02-12 25px->16px arai*/
	margin: 0 auto 16px auto;
}
.related__title{
	color: #0058aa;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 2px;
	border-bottom: 1px solid #0058aa;
	margin: 25px 0 16px;
}
.related__item{
	min-height: 23px;
	margin: 16px 0 0;
	padding-left: 43px;
	display: flex;
	align-items: center;
}
.related__item a{
	color: #0058aa;
	font-size: 14px;
	display: block;
}
.related__item--article{
	background-image: url(/assets/ichimen/images/icon_related_article.svg);
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: 23px auto;
}
.related__item--outbound{
	background-image: url(/assets/ichimen/images/icon_related_outbound.svg);
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: 23px auto;
}
/* 2022/12/20 追加 */
.related__item--photo {
	width: 80px;
	height: 80px;
	object-fit: contain;
	background: #f3f3f3;
}
.related__item--text {
	display: flex;
	align-items: center;
	padding: 0 1rem;
}
.related__item .related__list_unit {
	display: flex;
}
.related__item.p0 {
	padding: 0;
	margin-top: 8px;
}
/* 2022/12/20 ここまで */

/*動画のリンク化*/
.movielink{width: 100%; position: relative;}
.movielink img{height: auto; width: 100%; vertical-align: bottom;}
.movielink a{display: block;}
.movielink a::before{
	position: absolute; 
	content: ""; 
	color: #fff; 
	text-align: center; 
	font-size: 22px; 
	font-weight: bold; 
	line-height: 484px; 
	background-color: transparent;
	background-size: 100px 75px; 
	background-position: 50% 50%; 
	background-repeat: no-repeat; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 3; 
	transition: all 0.3s; 
	opacity: 0.8;
}



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

/* nextpost */

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.nextpost__wrap{
	width: 94%;
	border-top: 1px solid #0058AA;
	margin: 25px auto;
}
.post-prev, .post-next{
	color: #0058AA;
	font-size: 14px;
	line-height: 1.5;
	background-repeat: no-repeat;
	background-size: 16px auto;
	border-bottom: 1px solid #0058AA;
	padding: 20px 0;
	display: block;
}
.post-prev{
	background-image: url(/assets/ichimen/images/icon_post_prev.svg);
	background-position: 0 50%;
	padding-left: 30px;
}
.post-next{
	text-align: right;
	background-image: url(/assets/ichimen/images/icon_post_next.svg);
	background-position: 100% 50%;
	padding-right: 30px;
}



.release-list ul{padding: 8px 10px 0 10px; border-bottom: 1px solid #dbdbdb;}
.release-list ul li{border-bottom: 1px solid #eeeeee; position: relative; padding: 8px 10px; overflow: hidden;}
.release-list ul li a{font-size: 0.9em;}
.release-list ul li a .icon-new{font-size: 6px; background: #FF9900; line-height: 16px; color: #FFF; display: inline-block; padding: 0 5px; margin-left: 6px;}
.release-list ul li a .icon-movie{text-indent: -9999px; display: inline-block; width: 18px; height: 20px; background: url(/assets/ichimen/images/icon_clapperboard_sp.png) left center no-repeat; background-size: 16px 16px; height: auto; margin-left: 6px;}
.release-list ul li a .icon-photo{display: inline-block; width: auto; height: 20px; background: url(/assets/ichimen/images/icon_camera_sp.png) left center no-repeat; padding-left: 23px; font-size: 0.7em; color: #1a62aa; background-size: 16px 16px; height: auto; padding-left: 0px; margin-left: 6px; text-indent: -9999px; width: 18px;}
.release-list ul li :last-child{border-bottom: none;}
.release-list ul li span{color: #888888; font-size: 0.6em; padding-top: 2px; display: block;}



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

/* fun_gadget */

/*------------------------------------------------------*/
/*------------------------------------------------------*/
.fun_gadget__item{
	width: 94%;
	background: #ffffff;
	border: 1px solid #0058aa;
	margin: 8px auto;
}
.fun_gadget__item a{
	display: block;
	padding: 6px 5px;
	position: relative;
	display: flex;
}
.fun_gadget__photo{
	height: 19.73vw;
	width: 19.73vw;
	max-height: 119px;
	max-width: 119px;
	background: #ededed;
	margin-right: 19px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
.fun_gadget__photo img{
	height: auto;
	width: auto;
	max-height: 100%;
	max-width: 100%;
}
.fun_gadget__media{
	width: 100%;
	position: relative;
	flex-shrink: 1;
}
.fun_gadget__title{
	color: #231815;
	font-size: 12px;
	line-height: 1.7;
	font-weight: bold;
	margin: 0 0 8px 0;
}
.fun_gadget__title--sub{
	color: #0058aa;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	background: url(/assets/ichimen/images/icon_fun_gadget.svg) no-repeat;
	background-size: auto 12px;
	margin: 0 0 8px 0;
	padding: 0 0 0 16px;
}
.fun_gadget__article_title{
	color: #595757;
	font-size: 12px;
	line-height: 1.3;
}
.fun_gadget__corner{
	height: 17px;
	width: auto;
	color: #fff;
	font-size: 10px;
	line-height: 17px;
	padding: 0 10px;
	position: absolute;
	top: 3px;
	right: 3px;
}
.fun_gadget__item.mantanfun .fun_gadget__corner{background: #222;}
.fun_gadget__item.mantanfun .fun_gadget__title{margin: 0 76px 8px 0;}
.fun_gadget__item.eigajouei .fun_gadget__corner{background: #8d150a;}
.fun_gadget__item.eigajouei .fun_gadget__title{margin: 0 80px 8px 0;}
.fun_gadget__item.dramamiru .fun_gadget__corner{background: #00a199;}
.fun_gadget__item.dramamiru .fun_gadget__title{margin: 0 70px 8px 0;}
.fun_gadget__item.animepress .fun_gadget__corner{background: #244fa0;}
.fun_gadget__item.animepress .fun_gadget__title{margin: 0 80px 8px 0;}
.fun_gadget__item.gravurezukan .fun_gadget__corner{background: #f08b1a;}
.fun_gadget__item.gravurezukan .fun_gadget__title{margin: 0 80px 8px 0;}
.fun_gadget__item.fashion-check .fun_gadget__corner{background: #e50012;}
.fun_gadget__item.fashion-check .fun_gadget__title{margin: 0 120px 8px 0;}



/* layout */
.layout--cover{object-fit: cover;}
.layout--cover_ul{object-fit: cover; object-position: 0 0;}
.layout--cover_dr{object-fit: cover; object-position: 100% 100%;}
.layout--contain{object-fit: contain;}
.layout--contain_ul{object-fit: contain; object-position: 0 0;}

/*------------------------------------------------------*/
/* ichimen 2022/11/16 - 30 追加
/*------------------------------------------------------*/
.ichimen__wrap {
	margin-bottom: 16px;
}
.ichimen{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	border-radius: 2px;
	overflow:hidden;
	margin-bottom: 16px;
}
.ichimen-title{
	width: 100%;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1;
	padding: 8px;
	position: absolute;
	bottom: 0;
	left: 0;
}
/* background */
.ichimen-title.bg--w{background: rgba(244,244,244,0.6);}
.ichimen-title.bg--bk{background: rgba(0,0,0,0.6);}
.ichimen-title.bg--b{background: rgba(0,160,233,0.6);}
/* fontsize */
.ichimen-title.font--large{font-size: 18px;}
.ichimen-title.font--small{font-size: 11px;}

.ichimen-title span{
	color: #fff;
}
/* color */
.ichimen-title span.c--bk{color: #231815;}
.ichimen-title span.c--b{color: #0058aa;}

.ichimen-subtitle {
	font-size: 22px;
	font-weight: bold;
	width: 94%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}

/* ichimen-main */
.ichimen-main{
	height: unset;
	width: unset;
}
.ichimen-main .frontpage__photo{
	height: 100%;
	width: 100%;
}
.ichimen-main .ichimen-title{
	font-size: 24px;
	padding: 8px;
}
.ichimen-main__photo {
	height: 100vw;
	width: 100vw;
	max-width: 100%;
	max-height: 100%;
}

.position-relative {
	position: relative;
}
.ichimen-flex {
	display: flex;
	width: 100%;
}
.ichimen-flex-half {
	width: 50%;
}
.ichimen__photo {
	width: 100%;
	height: 200px;
}

/* ichimenのもっとみるボタン */
.article__more {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1rem;
}
.more__btn {
	font-size: 32px;
}
.article__more-border {
	border: solid 1px gray;
	border-radius: 10px;
}
.article__more-border:hover {
	background-color: #0058aa;
}
.article__more-border:hover .more__btn {
	color: white;
}
/* アコーディオン */
.article__more__panel{
	max-height:0;
	overflow:hidden;
	transition: 0.3s ease-out;
}
.ichimen__archive {
	margin: 2rem 0;
}
.article__title.fs20 {
	font-size: 20px;
}

/* 2023-01-30 2023-03-29 記事ページあらすじ用 */
.synopsis__wrap {
	margin: 0 10px 2rem 10px;;
}
.synopsis__border {
	border-bottom: solid 1px #0058aa;
}
.synopsis__link {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
}
.synopsis__list {
	display: flex;
	align-items: center;
	margin-bottom: 4px;
}
.synopsis__list__text {
	font-size: 14px;
}
.text-center {
	text-align: center;
}
.synopsis__w20 {
	width: 20%;
}
.synopsis__w80 {
	width: 80%;
}
.synopsis__w30 {
	width: 30%;
}
.synopsis__w70 {
	width: 70%;
}
.synopsis__w70.pl1{
	padding-left: 10px;
}
.synopsis__w70.pr1{
	padding-right: 10px;
}
.synopsis__img {
	width: 100%;
	max-height: 120px;
	object-fit: contain;
	background-color: #f5f5f5;
}
.synopsis__title {
	font-size: 14px;
	line-height: 1.4;
}
.synopsis__ichiran {
	font-weight: 600;
}
.synopsis__title.fs16 {
	font-size: 16px;
}
.synopsis__title.none {
	line-height: normal;
}
.synopsis__text {
	font-size: 12px;
	color: black;
}
.synopsis__whitespace {
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*------------------------------------------------------*/
/* ranking 2023-03-24 追加 */ 
/*------------------------------------------------------*/
.ranking {
	width: 94%;
	margin: 20px auto;
}
.ranking__header {
	color: #0058aa; 
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	position: relative;
}
.ranking__header::after {
	content: '';
	background-image: url(https://mantan-web.jp/assets/ichimen/images/pc_title_back.png);
	background-position: 0 50%;
	background-repeat: repeat-x;
	width: 20px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.ranking__header::before {
	content: '';
	background-image: url(https://mantan-web.jp/assets/ichimen/images/pc_title_back.png);
	background-position: 0 50%;
	background-repeat: repeat-x;
	width: 20px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.ranking__wrap {
	display: flex;
	padding: 8px 0;
	border-bottom: solid 1px #CCC;
	position: relative;
}
.ribbon {  
	display: inline-block;
	position: absolute;
	top: 4px;
	left: 4px;
	margin: 0;
	padding: 4px 0;
	z-index: 2;
	width: 30px;
	text-align: center;
	font-size: 14px;
	color: white;
	background: #ff785b;
}
.ribbon:after {
	content: '';
	position: absolute;
	left: 0;
	top: 100%;
	height: 0;
	width: 0;
	border-left: 15px solid #ff785b;
	border-right: 15px solid #ff785b;
	border-bottom: 8px solid transparent;
}
.ranking__no1 {
	background: #EFAF00;
}
.ranking__no1::after {
	border-left-color: #EFAF00;
	border-right-color: #EFAF00;
}
.ranking__no2 {
	background: #009b9f;
}
.ranking__no2::after {
	border-left-color: #009b9f;
	border-right-color: #009b9f;
}
.ranking__no3 {
	background: #ff785b;
}
.ranking__no3::after {
	border-left-color: #ff785b;
	border-right-color: #ff785b;
}
.ranking__wrap > .ranking__img__wrap {
	width: 40%;
}
.ranking__wrap > .ranking__text__wrap {
	width: 60%;
}
.ranking__wrap.min > .ranking__img__wrap {
	width: 30%;
}
.ranking__wrap.min > .ranking__text__wrap {
	width: 70%;
}
.ranking__img__wrap {
	background-color: #ededed;
}
.ranking__img {
	width: 100%;
	height: 120px;
	object-fit: contain;
}
.ranking__wrap.min img {
	max-height: 80px;
}
.ranking__text__wrap {
	display: flex;
	align-items: center;
}
.ranking__text {
	font-size: 12px;
	color: #595757;
	padding: 0 10px;
}
/* 2023-04-24 追加 */
.instagram, .twitter, .tiktok {
	width: 320px;
	min-height: 300px;
	margin: 0 auto;
	position: relative;
}
.youtube {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
}
.youtube iframe {
	width: 100%;
	height: 100%;
}
.sns-overlap {
  width: 320px;
  position: absolute;
  height: 100%;
}
.youtube-overlap {
  width: 560px;
  position: absolute;
  height: 100%;
}
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.align-center {
	display: flex;
	align-items: center;
}

/* matome 画像一覧 */
.matome__photolist__title, .matome__photolist__link {
	display: flex;
	justify-content: center;
	align-items: center;
}
.matome__photolist {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.matome__photolist li {
	width: 19%;
	height: 120px;
	display: flex;
	align-items: center;
	background: #f5f5f5;
	margin-top: 1%;
}
.matome__photolist img {
	width: 100%;
}

/* 2023-08-17 matomebox */
.matomebox__wrap {
	border: solid 1px #dbdbdb;
	border-radius: 4px;
	padding: 1rem;
	box-shadow:0px 0px 4px 2px #ccc inset;
	margin: 10px;
}
.matomebox__wrap .related__title {
	margin: 16px 0 16px;
}
.matomebox {
	display: flex;
	margin-bottom: 10px;
	flex-direction: column;
}
.matomebox__main {
	display: flex;
	position: relative;
}
.matomebox__main__new {
	position: absolute;
	top: -12px;
	left: -12px;
	background-color: #0063ad;
	color: white;
	padding: 4px;
	font-size: 10px;
}
.matomebox__main img {
	width: 120px;
	max-height: 120px;
	height: 100%;
	object-fit: contain;
	background-color: #f5f5f5;
}
.matomebox__main .matomebox__main__text {
	font-size: 12px;
	padding: 8px;
}
.matomebox__btn__wrap {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}
.matomebox__btn {
	font-size: 14px;
	padding: 8px;
	margin-right: 8px;
	margin-top: 8px;
	background-color: #3296d4;
	color: white;
	border-radius: 4px;
}

/* 広告関連 */
div.easyLink-box div.easyLink-info p.easyLink-info-btn a {
  width: 100%!important;
  position: relative;
}
.easyLink-info-btn a:before {
  padding-right: 5px;
  right: 5px;
  position: absolute;		
}
.moshimo__sub .easyLink-box {
  display: block;
}
.moshimo__sub .easyLink-img,
.moshimo__sub .easyLink-img-box {
  margin: 0 auto;
}
.moshimo__main   div.easyLink-box.easyLink-size-s div.easyLink-img p.easyLink-img-box span > img, 
.moshimo__sub    div.easyLink-box.easyLink-size-s div.easyLink-img p.easyLink-img-box span > img,
.moshimo__sub_sp    div.easyLink-box.easyLink-size-s div.easyLink-img p.easyLink-img-box span > img 
{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ad-top{width: 100%; text-align: center;}
.ad-rec{text-align: center; margin: 20px auto;}
.ad-rec > div{display: inline-block;}
.ad-links { text-align: center; margin: 30px auto 17px auto; width: 300px; clear: both; }

#div-gpt-ad-1519013823444-0 {
    min-height: 180px;
}

/* slider実装の追加修正分 */
.photo__photo {
	-ms-touch-action: manipulation !important;
	touch-action: manipulation !important;
}
div.photo__photo > div.photo__slick:not(:first-child) {
	display: none;
}
div.photo__photolist > div.photo__slick:not(:first-child) {
	display: none;
}
/* adaptiveHeight: trueなら、これは不要*/
/* 2022/11/11 height削除 */
/*2022/11/12 height４５０元に戻す*/
div.photo__photo .slick-track {
	height: 450px;
	display: flex;
	align-items: center;
	background-color: #f3f3f3;
}
.slide-arrow {
	background: repeat;
	bottom: 0;
	height: 0;
	margin: auto;
	position: absolute;
	top: 0;
	width: 0;
}
/*2022-09-16修正*/
.prev-arrow {
	border-bottom: transparent 20px solid;
	border-left: 0;
	border-right: 20px solid #0081d1;
	border-top: transparent 20px solid;
	left: 5px; /* 2023-03-15 - 削除 */
	z-index: 100;
}
.next-arrow {
	border-bottom: transparent 20px solid;
	border-left: 20px solid #0081d1;
	border-right: 0;
	border-top: transparent 20px solid;
	right: 5px; /* 2023-03-15 - 削除 */
	z-index: 100;
}
.slick-num {
	width: 60px;
	height: 20px;
	background-color: #0081d1;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	position: absolute;
	text-align: center;
	bottom: 0;
	left: 0;
}
.photo__photolist .slick-list,
.photo__photolist .slick-track {
	height: 100%;
}
.photo__photolist .photo__slick img {
	width: 80px;
	height: 100%;
	object-fit: contain;
}
.photo__photo .photo__slick img,
.photo__photo img /* 2023-03-15 追加 */
{
	max-width: 100%;
	max-height: 100%;
	width: unset;
	object-fit: contain;
}
.photo__photolist .photo__slick {
	margin: 0 2px;
	background-color: #f3f3f3;
}
.photo__area .photo__photo .photo__slick {
	display: flex;
	justify-content: center;
	align-items: center;
}
/* ここまで */
/* インタースティシャル広告 */
.is5x7as_content {
	min-height: 250px;
}
/* 中間ページ用 */
.article__middle__wrap {
	margin-top: 20px;
}
.article__middle {
	width: 94%;
	margin: 0 auto;
	display: flex;
}
.article__middle__unit {
	width: 30%;
    background-color: #f5f5f5;
    height: fit-content;
}
.article__middle__unit a {
	display: inline-block;
}
.article__middle__img {
	width: 100%;
	max-height: 120px;
	object-fit: contain;
	background-color: #f5f5f5;
}
.article__middle__caption {
	color: #707070;
	font-size: 12px;
	margin: 8px 4px;
}
.article__middle__content .article__text,
.article__middle__text
 {
	padding: 0 8px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
	color: #595757;
    font-size: 16px;
    line-height: 1.7;
}
.article__middle__content {
	width: 70%;
}
.article__middle__more {
	display: flex;
    justify-content: center;
    align-items: center;
	margin: 30px auto;
}

ul.matome {
	padding: 0 8px;
}
li.matome {
	margin-bottom: 8px;
}
/* hebirote */
.hebirote__wrap {
	border: solid 1px #3296d4;
    padding: 2rem 8px 0;
    position: relative;
	display: block;
	margin: 1rem 0;
}
.hebirote__patch {
	position: absolute;
    background: #3296d4;
    color: white;
    top: 0;
    right: 0;
	padding: 0 8px;
}
.hebirote__img {
	width: 100%;
    max-height: 100px;
    object-fit: contain;
    background-color: #f5f5f5;
}
.hebirote__title {
	font-size: 14px;
    line-height: 1.4;
}
.synopsis__w80.pw1 {
	padding: 0 1rem;
}
.form-site-seach-warpper {
	min-height: 80px;
}
/*まとめページネーション*/
.pagination {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .pagination__item {
    display: block;
    padding: 4px 13px;
  }
  .pagination__item.active {
    background-color: #0058aa;
  }
  .pagination__item:hover {
    background-color: #0081d1;
    color: white;
  }
  .active {
	color: white;
  }


/*記事（インタビューなど）続きリンク枠*/
.vol_article__wrap {
	border: solid 1px #3296d4;
    padding: 1rem 8px 0;
    position: relative;
	display: block;
	margin: 1rem 0;
}
.vol_article__img {
	width: 100%;
    max-height: 100px;
    object-fit: contain;
    background-color: #f5f5f5;
}
.vol_article__title {
	font-size: 14px;
    line-height: 1.4;
}

/* contents builder用 */
.annotation {
	margin: 0 0 24px 0;
	padding: 27px 30px 1px;
	border: 1px solid #ccc;
	box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}
  
.annotation cite {
	border-top: 1px dotted #aaa;
	display: block;
	padding: 16px 0;
	font-style: italic;
	text-align: right;
	font-size: 90%;
}
  
.article__text__h1 {
	color: #231815;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    display: block;
    margin: 0 auto 10px;
    width: 94%;
}
.article__text__h2 {
	font-weight: bold;
    font-size: 16px;
	padding: 0.25em 0.5em;
	color: #231815;
	background: transparent;
	border-left: solid 5px #1a5d9f;
    margin: 10px auto;
    width: 94%;
}
.article__text__h3
{
	color: #231815;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    display: block;
	padding: 0.5em;
	background: linear-gradient(transparent 70%, #a7d6ff 70%);
    margin: 10px auto;
    width: 94%;
}
  
.toc__wrap {
	padding: 8px;
}
.toc__text {
	text-align: center;
	color: #231815;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
	display: none;
}
.toc__link {
	display: flex;
	flex-direction: column;
	color: #1e366a;
	border: solid 2px #1a5d9f;
	border-radius: 5px;
	padding: 0.5em 1em 0.5em 2.3em;
	position: relative;
}
.toc__link li {
	line-height: 1.5;
	padding: 0.5em 0;
}
.toc__link li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f138";
	position: absolute;
	left : 1em;
	color: #1a5d9f;
}
  
.contents__table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.contents__table tr{
	border-bottom: solid 1px #eee;
	cursor: pointer;
}
  
.contents__table tr:hover{
	background-color: #d4f0fd;
}
  
.contents__table th,
.contents__table td {
	text-align: center;
	width: 25%;
	padding: 15px 0;
}
.contents__text {
	width: 94%;
	margin: 0 auto;
	margin-bottom: 10px;
}
.listdata__wrap {
    list-style-type: disc;
    list-style-position: inside;
    padding: 1em;
    border: 2px solid #2589d0;
	width: 94%;
	margin: 0 auto;
}

.listdata__wrap li {
    padding: .5em;
	font-size: 16px;
}

.listdata__wrap li:not(:last-child) {
    border-bottom: 1px dashed #2589d0;
}

.listdata__wrap li::marker {
    color: #2589d0;
    font-size: 1.1em;
}
/* contents builder用 */

/*------------------------------------------------------*/
/* pr-article-list */
/*------------------------------------------------------*/
.pr-article-list__item{
	width: 94%;
	border-bottom: 1px solid #dcdddd;
	margin:  0 auto;
}
.pr-article-list__item a{
	padding: 24px 0;
}
.pr-article-list__unit{
	display: flex;
}
.pr-article-list__photo{
	height: 33vw;
	width: 33vw;
	max-height: 198px;
	max-width: 198px;
	background: #ededed;
	margin-right: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
.pr-article-list__photo img{
	max-height: 100%;
	max-width: 100%;
	height: auto;
	width: auto;
}
.pr-article-list__media{
	width: 100%;
	position: relative;
	flex-shrink: 1;
}
.pr-article-list__title{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.7;
	margin-bottom: 12px;
}
.pr-article-list__title span {
	background: #ee7800;
	padding: 2px 4px;
	color: white;
	font-size: 12px;
    border-radius: 4px;
}
.pr-article-list__text{
	color: #595757;
	font-size: 12px;
	line-height: 1.7;
	margin-bottom: 12px;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.pr-article-list__date{
	color: #b5b5b6;
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
	display: block;
}
.pr-article-list__info{
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
}

/* ビジネスバナー */
.biz__wrap {
	margin: 20px 0;
}
.biz {
	width: 100%;
	margin: auto;
	display: flex;
	flex-direction: column;
}
.biz__image {
	width: 100px;
	height: 100px;
}
.biz__text__wrap {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	background-color: #0063ad;
	width: 100%;
	padding: 8px;
	color: white;
}
.newsbody__header{position: relative; border-top: 1px solid #A1CC14; border-bottom: 1px solid #A1CC14; margin-bottom: 10px;}
.newsbody__header .pr-label-top{display: block; width: 50px; height: 50px; position: absolute;}
.newsbody__header .newsbody__inner{padding-left: 50px !important;}
.newsbody__header .newsbody__inner__corner{font-size: 12px; color: #1a62aa; margin-bottom: 10px;}
.newsbody__footer{
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	min-height: 50px;
	border-bottom: 1px solid #A1CC14;
	background-image: url(/assets/ichimen/images/pr/sp_pr_label_bottom.png);
	background-size: 50px 50px;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 50px;
	padding-bottom: 20px;
	margin-bottom: 40px;
}
.newsbody__footer .offer{
	text-align: right;
	max-width: 100%;
	line-height: 1.5;
}
.newsbody__related-movie__movie{text-align: center;}
.newsbody__header .article__title, .newsbody__header .photo__title{margin: 25px auto;}

/* アニメーション前 */
.is-feadin{
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 1s ease-out, transform 1s ease-out;
}

/* トリガー発火でis-activeを付与 */
.is-feadin.is-active{
	opacity: 1;
	transform: translateY(0);
}

.is-shine {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.is-shine img {
	display: block;
	width: 100%;
	height: auto;
}

.is-shine::before {
	content: '';
	position: absolute;
	top: 0;
	left: -75%;
	width: 50%;
	height: 100%;
	background: linear-gradient(
		120deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.6) 50%,
		rgba(255, 255, 255, 0) 100%
	);
	transform: skewX(-20deg);
	animation: none;
	pointer-events: none;
}

.is-shine.is-active::before {
	animation: shine 2s forwards;
}

@keyframes shine {
	0% {
		left: -75%;
	}
	100% {
		left: 125%;
	}
}

/* リッチテキストのpタグに何もない場合、高さをつける (2025-12-8 by 金坂) */
.richtext__box p{
	min-height: 25.59px;
}
/* contentsbuilderの見出し仕様変更(2025-12-18 by 金坂) */
.contentsbuilder-heading-text-h1 {
	color: #231815;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    display: block;
    margin: 0 auto 10px;
    width: 94%;
}

.contentsbuilder-heading-text-h2 {
	font-weight: bold;
    font-size: 16px;
	padding: 0.25em 0.5em;
	color: #231815;
	background: #ebf3fa;
	border-left: solid 5px #1a5d9f;
    margin: 10px auto;
    width: 94%;
}

.contentsbuilder-heading-text-h3 {
	font-weight: bold;
    font-size: 16px;
	padding: 0.25em 0.5em;
	color: #231815;
	background: transparent;
	border-left: solid 5px #1a5d9f;
    margin: 10px auto;
    width: 94%;
}

.contentsbuilder-heading-text-h4 {
	color: #231815;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    display: block;
	padding: 0.5em;
	background: linear-gradient(transparent 70%, #a7d6ff 70%);
    margin: 10px auto;
    width: 94%;
}