@charset "UTF-8";
/*theme Name: gra-movie*/
/*リセットCSS（sanitize.css）
 * ========================================================================== */

*,
::before,
::after {
  box-sizing: border-box;
}

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

html {
  cursor: default;
  line-height: 1.5;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

hr {
  height: 0;
  overflow: visible;
}

main {
  display: block;
}

nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

audio,
video {
  display: inline-block;
  border: 1px solid #000;
  background-color:#000;	  
}

audio:not([controls]) {
  display: none;
  height: 0;
}

iframe {
  border-style: none;
}

img {
  border-style: none;
}

svg:not([fill]) {
  fill: currentColor;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

button,
input,
select {
  margin: 0;
}

button {
  overflow: visible;
  text-transform: none;
    background-color: transparent; /* 追加 */
    border-style: none; /* 追加 */
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

fieldset {
  border: 1px solid #a0a0a0;
  padding: 0.35em 0.75em 0.625em;
}

input {
  overflow: visible;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

select {
  text-transform: none;
}

textarea {
  margin: 0;
  overflow: auto;
  resize: vertical;
}

[type="checkbox"],
[type="radio"] {
  padding: 0;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

:-moz-ui-invalid {
  box-shadow: none;
}

details {
  display: block;
}

dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

[hidden] {
  display: none;
}

[aria-busy="true"] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled="true"],
[disabled] {
  cursor: not-allowed;
}

[aria-hidden="false"][hidden] {
  display: initial;
}

[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/* Webフォント
==================================================================*/

.toc-area_inner li::before,
.widget .cast-box_sub .cast-box_sub_title span{
	font-family: 'Oswald', serif;
}

.site-title{
	font-family: 'Oswald','Yu Gothic Medium', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

@font-face {
    font-family: 'font-moon';
    src:  url('./fonts/font-moon.eot?723m9x');
    src:  url('./fonts/font-moon.eot?723m9x#iefix') format('embedded-opentype'),
    url('./fonts/font-moon.ttf?723m9x') format('truetype'),
    url('./fonts/font-moon.woff?723m9x') format('woff'),
    url('./fonts/font-moon.svg?723m9x#font-moon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

blockquote::before,
blockquote::after,
.global-nav_cont .mega-menu-idol-list-open > .global-nav-child_btn::before,
.global-nav_cont .mega-menu-idol-list-close > .global-nav-child_btn::before,
.site-slider-pager_prev::before,
.site-slider-pager_next::before,
.site-breadcrumb-list li:first-child::before,
.site-breadcrumb-list li::after,
.toc-area_btn_open::before,
.toc-area_btn_close::before,
.check-list li::before,
.accordion-list dt::after,
.link-next a::before,
.link-back a::before,
.page-nav .page-nav_next a::after,
.page-nav .page-nav_prev a::before,
.commentlist .children li::before,
.form-login .form-login_title::before,
.contact-box_tel::before,
.page-top a::before,
.tagcloud a::before,
.global-nav_cont .gnav-idollist-open > .global-nav-child_btn::before,
.global-nav_cont .gnav-idollist-close > .global-nav-child_btn::before,
.global-nav_cont .gnav-idollist-close li > .global-nav-child_btn::before,
.breadcrumbs-in li.bcl-first::before,
.breadcrumbs-in li::before,
.icon_search::before,
.nav-next::after,
.nav-next::before,
.nav-previous::before,
.nav-previous::after,
.p-page-pager__next > .p-page-pager__head::after,
.p-page-pager__prev > .p-page-pager__head::before,
.fa.fa-twitter::before {
	font-family: 'font-moon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*アイコン*/
.icon_search::before {
    content: "\e900";
    font-weight: 900;
    font-size: 1.6em;
}
.breadcrumbs-in li.bcl-first::before {
    content: "\e926";
    font-weight: 900;
    font-size: 1em;
}
.breadcrumbs-in li::before {
    content: "\e90c";
    font-weight: 900;
    font-size: 1em;
}
.p-page-pager__next > .p-page-pager__head::after{
    content: "\e90c";
    font-weight: 900;
    font-size: 1em;
	margin-left: 6px;
}
.p-page-pager__prev > .p-page-pager__head::before{
    content: "\e90b";
    font-weight: 900;
    font-size: 1em;
	margin-right: 6px;
}
.fa.fa-twitter::before{
    content: "\ea96";
    font-weight: 900;
    font-size: 1em;
	margin-right: 6px;
}

/*アイコン 要調整！！
.icon_point,
.icon_caution,
.icon_blank,
.icon_arrow_up,
.icon_arrow_right,
.icon_arrow_down,
.icon_arrow_left,
.icon_download,
.icon_pdf,
.icon_zip,
.icon_mail,
.icon_mail_white,
.icon_cart,
.icon_search,
.icon_home,
.icon_folder,
.icon_time,
.icon_calendar,
.icon_building,
.icon_map,
.icon_new,
.icon_beginner,
.icon_share,
.icon_tel{
	line-height: 1;
	font-size: 20px;
}

.icon_point::before,
.icon_caution::before,
.icon_blank::before,
.icon_arrow_up::before,
.icon_arrow_right::before,
.icon_arrow_down::before,
.icon_arrow_left::before,
.icon_download::before,
.icon_pdf::before,
.icon_zip::before,
.icon_mail::before,
.icon_mail_white::before,
.icon_cart::before,
.icon_search::before,
.icon_home::before,
.icon_folder::before,
.icon_time::before,
.icon_calendar::before,
.icon_building::before,
.icon_map::before,
.icon_new::before,
.icon_beginner::before,
.icon_share::before,
.icon_tel::before{
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: inherit;
}

.icon_point::before{ content: "\e91a"; }
.icon_caution::before{ content: "\e90d"; }
.icon_blank::before{ content: "\e909"; }
.icon_arrow_up::before{ content: "\e907"; }
.icon_arrow_right::before{ content: "\e902"; }
.icon_arrow_down::before{ content: "\e900"; }
.icon_arrow_left::before{ content: "\e901"; }
.icon_download::before{ content: "\e90e"; }
.icon_pdf::before{ content: "\e919"; }
.icon_zip::before{ content: "\e922"; }
.icon_mail::before{ content: "\e914"; }
.icon_cart::before{ content: "\e90c"; }
.icon_search::before{ content: "\e91c"; }
.icon_home::before{ content: "\e910"; }
.icon_folder::before{ content: "\e90f"; }
.icon_time::before{ content: "\e921";}
.icon_calendar::before{ content: "\e90b"; }
.icon_building::before{ content: "\e90a"; }
.icon_map::before{ content: "\e915"; }
.icon_new::before{ content: "\e916"; }
.icon_beginner::before{ content: "\e908"; }
.icon_share::before{ content: "\e91e"; }
.icon_tel::before{ content: "\e920"; }

.icon_arrow_s_up,
.icon_arrow_s_right,
.icon_arrow_s_down,
.icon_arrow_s_left{
	line-height: 1;
	font-size: 12px;
}

.icon_arrow_s_up::before,
.icon_arrow_s_right::before,
.icon_arrow_s_down::before,
.icon_arrow_s_left::before{
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: inherit;
}

.icon_arrow_s_up:before{ content: "\e906"; }
.icon_arrow_s_right:before{ content: "\e905"; }
.icon_arrow_s_down:before{ content: "\e910"; }
.icon_arrow_s_left:before{ content: "\e904"; }
*/

/*基本設定
==========================================================*/

html{
	font-size: 62.5%;
}

address,caption,cite,code,dfn,var,h1,h2,h3,h4,h5,h6{
	font-style: normal;
	font-weight: normal;
}

q{
	quotes: none;
	background: #d1eff0;
}

q::before,q::after{
	content: '';
	content: none;
}

div{
	word-wrap: break-word;
}

pre{
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}

form{
	margin: 0;
}

caption{
	text-align: left;
}

p{
	margin: 0 0 1.5em;
}

figure{
	margin: 1em 0;
}

input,
select,
textarea{
	margin: 0;
	max-width: 100%;
	padding: .2em;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	font-size: 1em;
}

textarea{
	width: 100%;
}

button,
input,
select,
textarea,
optgroup,
option{
	vertical-align: baseline;
}

textarea{
	min-height: 100px;
	vertical-align: top;
}

caption{
	text-align: left;
}

body{
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6em;
}

body,
input,
textarea{
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

embed, iframe, object, video{
	max-width: 100%;
}


/*デスクトップとモバイルで表示を振り分け*/
.show-sp{
	display: block!important;
}

.show-sp02{
	display: inline!important;
}

.show-pc,
.show-pc02{
	display: none!important;
}


/*リストの基本設定*/
ul,ol{
	margin: 1em 0 1.5em 1.5em;
	padding-left: 0;
}

ul > li,
ol > li{
	margin-bottom: .5em;
}

dd{
	margin-left: 0;
	padding-left: 1em;
}

/*横並びリスト*/
.inline{
	margin: 1em 0; padding: 0;
}

.inline li{
	display: inline;
	list-style-type: none;
}

/*マーカー無しのリスト*/
.none{
	margin: 1em 0; padding: 0;
}

.none li{
	list-style-type: none;
}

/*テーブルの基本設定*/

table{
	width: 100%;
	margin: 1em 0;
	padding: 0;
	word-break: break-all;
	word-wrap: break-word;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom:0;
}

th,td{
	padding: .5em .75em;
	font-size: 1.4rem;
	vertical-align: top;
}

.site-main th,
.site-main td{
	line-height: 1.5;
}

th{
	border: 1px solid #05a5ab;
	background-color: #05a5ab;
	color: #fff;
	font-weight: bold;
	text-align: left;
}

td{
	border: 1px solid #ddd;
}

tbody th{
	background: #262626;
	border: 1px solid #ddd;
	color: #f0f0f0;
	text-align: center;
}


/*テーブルへの装飾をリセット*/
.table_no-style table{
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
}

.table_no-style th,
.table_no-style td{
	padding: 0;
	background: transparent;
	border: 0;
}

.table_no-style thead th{
	background-color: transparent;
}


/*テーブル（横幅がはみ出る場合にテーブルを囲む要素に設定）*/
.table-scroll{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/*テーブルリスト*/
.table-list thead{
	display: none;
}

.table-list{
	border-top: 1px solid #ddd;
}

.table-list tr,
.table-list th,
.table-list td{
	display: block;
}

.table-list td{
	border-top: 0; 
}

.table-list tbody td::before{
	display: inline-block;
	width: 6.5em;
	content: attr(data-th)": ";
}

/*引用*/
blockquote{
	position: relative;
	margin: 0 0 2.5em;
	padding: 20px 25px;
	color: #555;
	background: #f4f4f4;
}

blockquote::before,
blockquote::after{
	position: absolute;
	font-size: 16px;
	color: #999;
}

blockquote::before{
	top: 10px;
	left: 10px;
	content: "\e912";
}

blockquote::after{
	right: 10px;
	bottom: 10px;
	content: "\e91b";
}

.link-ref,
.article-body .link-ref{
	margin-bottom: 0;
	font-size: 1.4rem;
	text-align: right;
}


/*フォントの色
================================================================*/

/*フォントの基本色*/
body{
	color: #ffffff;
}

/*リンクの基本色*/
a{
	color: #ffffff;
}

a:hover,
a:active,
a:focus{
	color: #d22222;
}

/*レイアウト
=================================================================*/

body{
	background-color: #fff;
}

.container_wrap,
.site-mv_wrap{
	overflow: hidden;
	background-color: #101010;
}

.site-sub,
.site-footer_outer{
	padding: 20px 0;
}

.col1 .site-mv_wide .site-mv_outer{
	max-width: none;
}

.site-mv_wide .site-mv{
	width: 100%;
	height: auto;
}

.site-mv_outer > img{
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.site-mv_bg .site-mv_outer{
	padding: 15px;
	background-position: center center;
	background-size: cover;
}

.site-lp .site-mv_bg .site-mv_outer{
	padding: 0;
}

.top-section_wrap, .site-section_wrap, .archive-section_wrap, .article-section_wrap {
  margin: 10px 0 0 0;
  margin-top: 10px;
  margin-top: 0;
  padding: 20px 10px 0 10px;
  /*background-color: #fff;*/
}

.site-main_wrap {
  margin-bottom: 10px;
}

.site-main_outer {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
.site-section_outer{
	margin: 10px 0;
	padding: 20px;
}

.site-section_outer .site-section_wrap{
	margin: 0;
}

.site-sub .site-section_wrap,
.site-footer .site-section_wrap{
	margin-top: 0;
	margin-bottom: 40px;
	padding: 0 20px 20px;
}

.site-sub .widget,
.site-footer .widget{
	padding-top: 20px;
	margin: 0 10px 0 10px;
	background-color: #fff;/*追加*/
}

.section_wrap-wide{
	padding: 0;
	background: transparent;
}

.search-section {
  background-color: #fff;
  margin: 0 auto;
  max-width: 1120px;
  padding: 30px;
}

/*メインコンテンツとサブコンテンツの背景色*/
.site-main{
	background: transparent;
}

.site-sub{
	background: transparent;
}

.site-sep-conts_wrap{
	margin-bottom: 10px;
}

.site-sep-conts{
	padding: 10px;
}
/*追加
.article-wrap {
  background-color: #2c2c2c;
}*/

/*エリアごとのデザイン
=================================================================*/

/*
# ヘッダー
*/

.fixed{
	position: fixed;
	top: 0;
	z-index: 60;
	width: 100%;
}

.site-header_wrap{
	background-color: #101010;
	border-bottom: 3px solid #2c2c2c;
}

.site-header_outer {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.site-header{
	padding-right: 50px;
}

.no-gn .site-header{
	padding-right: 0;
}

.site-header_cont{
	padding: 10px;
	font-size: 1.4rem;
}

.site-header_cont .header-mail{
	display: block;
	margin: -10px;
	background: #f7f7f7;
}

.site-header_cont .header-mail .btn_header{
	display: inline-block;
	padding: 15px;
	color: #d22222;
	text-decoration: none;
}

.site-header_cont .header-mail span{
	vertical-align: middle;
}

.site-header .site-header_cont{
	margin-top: 0;
}


/*サイトのロゴ*/
.site-title{
	margin: 0;
	padding: 8px 10px;
	font-size: 2.3rem;
	font-weight: bold;
	font-feature-settings: 'palt';
}

.site-title > a{
	color: #ffffff;
	text-decoration: none;
}

.site-title > a span{
	color: #d22222;
}

/*
# グローバルメニュー
*/

.global-nav_wrap{
	background-color: #fff; /*グローバルメニューの背景色*/
}

.global-nav_in{
	display: none;
	position: fixed;
	top: 50px;
	right: 0;
	z-index: 200;
    width: 300px;
	overflow-y: auto;
}

.global {
    color: #fdfdfd;
    background: #101010;
    margin-bottom: 0;
    font-size: 18px;
}

h2.global {
    padding-left:55px;
}

.global-nav_cont{
	margin: 0;
	background: #fff;
}

.global-nav_cont ul{
	 display: none;
	 margin: 0;
	 border-top: 1px solid #e8e8e8;
}

.global-nav_cont .icon_home::before{
	font-size: 16px;
}

.global-nav_in li{
	position: relative;
	margin: 0;
	border-bottom: 1px solid #e8e8e8;
	font-size: 1.5rem;
}

.global-nav_in li a,
.global-nav_in li span{
	display: block;
	padding: 15px;
	text-decoration: none;
	color: #000000;
}

.global-nav_in li a span{
	font-size: inherit;
}

.global-nav_in li li{
	background-color: #f7f7f7;
}

.global-nav_in li li li a{
	padding-left: 25px;
}

.global-nav_in li li li li a{
	padding-left: 35px;
}

.global-nav_btn{
	position: fixed;
	top: 0;
	right: 0;
	z-index: 100;
	width: 50px;
	height: 50px;
	margin: 0;
	background: #fff;
	color: #000;
	font-size: 1.1rem;
	line-height: 50px;
	vertical-align: middle;
	cursor: pointer;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.global-nav_wrap_bottom .global-nav_btn{
	top: auto;
	bottom: 0;
	z-index: 100;
}

.global-nav_btn_icon-open{
width: 30px;
height: 4px;
border-radius: 4px;
background-color: #000;
position: relative;
transition: all 0.5s;
right: -12px;
}

.global-nav_btn_icon-open::before,
.global-nav_btn_icon-open::after{
content: "";
display: block;
width: 100%;
height: 4px;
border-radius: 4px;
background-color: #000;
position: absolute;
transition: all 0.5s;
}

.global-nav_btn_icon-open::before{
transform: translateY(-12px);
}

.global-nav_btn_icon-open::after{
transform: translateY(12px);
}

.global-nav_btn_icon-close{
display: block;
width: 100%;
height: 4px;
border-radius: 4px;
background-color: #FFF;
position: relative;
transition: all 0.5s;
background-color: transparent;
}

.global-nav_btn_icon-close::before {
transform: rotate(45deg);
width: 85% !important;
margin-left: 5px;
}

.global-nav_btn_icon-close::before,
.global-nav_btn_icon-close::after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background-color: #000;
    position: absolute;
    transition: all 0.5s;
}

.global-nav_btn_icon-close::after {
    transform: rotate(-45deg);
    width: 85% !important;
    margin-left: 5px;
}

.global-nav-child_btn{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 51px;
	line-height: 51px;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	cursor: pointer;
	border-left: 1px solid #e8e8e8;
}

.global-nav-child_btn::before{
	display: block;
}

.global-nav_cont .mega-menu-idol-list-open > .global-nav-child_btn::before,
.global-nav_cont .mega-menu-idol-list-close > .global-nav-child_btn::before{
    line-height: 25px;
	font-size: 12px;
	color: #fff;
}

.global-nav_cont .mega-menu-idol-list-open > .global-nav-child_btn::before{
content: "\e925";
}

.global-nav_cont .mega-menu-idol-list-close > .global-nav-child_btn::before{
content: "\e924";
}

.mega-menu-idol-list-open > ul{
	display: none;
}

.mega-menu-idol-list-close > ul{
	display: block;
	-webkit-animation: fadeIn 0.5s ease 0s 1 normal;
	animation: fadeIn 0.5s ease 0s 1 normal;
}
  
    /*追加*/
.global-nav_in > ul > li > ul:before,
.global-nav_in > ul > li > ul:after {
    content: "";
    display: table;
    }
    /*追加*/
.global-nav_in > ul > li > ul:after {
    clear: both;
}

/*追加*/
.global-nav_in > ul > li > ul > li > ul:before,
.global-nav_in > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}
/*追加*/
.global-nav_in > ul > li > ul > li > ul:after {
    clear: both;
}

/*追加*/
.global-nav_in > ul > li > ul > li a:hover,
.global-nav_in > ul > li > ul > li a:active,
.global-nav_in > ul > li > ul > li a:focus {
	color: #d22222;
    font-weight: bold;
	text-decoration: underline;
}

/*追加*/
.global-nav_in > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    /* padding: 7px 0; */
    margin: 0;
    font-size: 0.9em;
	background-color: #fff;
}
/*追加*/
.global-nav_in > ul > li > ul > li > ul > li a {
    border: 0;
}
	
.global-nav_in li li li a,
.global-nav_in li li li li a{
		padding-left: 20px;
	}

.global-nav_in > ul > li > a,
.global-nav_in > ul > li > span
{
   background-color: #ea5098;
   color:#fff
}

span.btn_name {
    position: absolute;
    top: 20px;
    left: 12px;
}

@keyframes fadeIn{
	0%{opacity: 0}
	100%{opacity: 1}
}

@-webkit-keyframes fadeIn{
	0%{opacity: 0}
	100%{opacity: 1}
}

#click-space{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 90;
	background: rgba(0, 0, 0, 0.3);
}

/*
# パン屑リスト
*/
.breadcrumbs {
    background-color: #4c4c4c;
	margin-bottom: 10px;
}
.breadcrumbs-in,
.breadcrumbs-in a {
    padding: 8px 0;
    color: #f2f2f2;
    margin: 0 auto;
    max-width: 1180px;
    width: 96%;
}

.breadcrumbs-in li {
    display: inline-block;
    list-style: none;
    position: relative;
    margin-right: 0;
    margin-bottom: 0;
    padding-right: 10px;
    font-size: 1em;
}
.breadcrumbs-in li a {
    text-decoration: underline;
}
.breadcrumbs-in li a:hover {
    color: #d22222;
}

.breadcrumbs-in li.bcl-first {
    padding-left: 0;
}

.breadcrumbs-in li::before {
    margin-left: 6px;
    margin-right: 6px;
}

/*
# メインコンテンツの文字サイズや行間の設定
*/
.site-main{
	letter-spacing: .025em;
	font-size: 1.6rem;
	line-height: 2.0em;
	padding-top: 40px;
}


/*
# サブコンテンツの文字サイズや行間の設定
*/
.site-main .free-area,
.site-sub{
	font-size: 1.4rem;
	line-height: 1.8em;
}


/*見出しのデザイン
=================================================================*/

h1,
h2,
h3,
h4,
h5,
h6{
	margin: 0;
	font-weight: bold;
	font-size: 100%;
	font-family: inherit;
}

.site-section h1{
    font-size: 2.5rem;
	/*background-color: #2c2c2c;*/
	color: #ffffff;
    padding: 0.5em 0;
    /*border-bottom: solid 3px #ea5098;*/
    text-shadow: 2px 2px 5px #55555594;
}

.site-section h1:first-child{
    margin-bottom: 10px;
}

.site-main .site-section .article-body h1{
	margin-top: 0;
}

/*アーカイブタイトル*/
.archive_title_wrap {
    margin: 0;
	padding-top: 20px;
    /*background-color: #fff;*/
}

.archive_title{
    padding: 10px 10px 5px;
	/*background-color: #000;*/
	font-size: 2.0rem;
    color: #fff;
	margin: 0 10px 0;
}

.archive_content_wrap {
    margin: 0 10px 0 10px;
    padding-top: 20px;
}

.archive_content_title{
    max-width: 1120px;
    margin: 0 auto;
    margin-bottom: 20px;
}

h2{
	margin-bottom: 20px;
	padding: 15px 15px 15px;
	background: #000;
	color: #fff;
	font-size: 1.9rem;
}

h3{
    font-size: 1.8rem;
    border: 1px solid #000;
    padding: 10px 10px 5px;
    margin-bottom: 23px;
}

h4{
	margin-bottom: 18px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #05a5ab;
	/*color: #d22222;*/
	font-size: 1.8rem;
}

.site-section h4{
	margin-top: 60px;
}

h5{
	margin-bottom: 12px;
	color: #d22222;
	font-size: 1.8rem;
}

.site-section h5{
	margin-top: 60px;
}

h6{
	margin-bottom: 12px;
	color: #505050;
	font-size: 1.6rem;
}

.site-section h6{
	margin-top: 60px;
}

.site-section h2:first-child,
.site-section h3:first-child,
.site-section h4:first-child,
.site-section h5:first-child,
.site-section h6:first-child{
	margin-top: 0;
}


/*見出しのリンク色*/
.site-section h1 a,
.site-section h3 a,
.site-section h4 a,
.site-section h5 a,
.site-section h6 a{
	color: #505050;
}

.site-section h1 a:hover,
.site-section h1 a:active,
.site-section h1 a:focus,
.site-section h3 a:hover,
.site-section h3 a:active,
.site-section h3 a:focus,
.site-section h4 a:hover,
.site-section h4 a:active,
.site-section h4 a:focus,
.site-section h5 a:hover,
.site-section h5 a:active,
.site-section h5 a:focus,
.site-section h6 a:hover,
.site-section h6 a:active,
.site-section h6 a:focus{
	color: #d22222;
}

.site-section h2 a{
   color: #ffffff 
}

.site-section h2 a:hover,
.site-section h2 a:active,
.site-section h2 a:focus,
.section-wrap .section-title a:hover,
.p-entry-title a:hover,
.related-entry-title a:hover {
	color: #d22222;
}

/*.site-section h2 {
    margin-top: 60px;
}*/

/*サブコンテンツの見出し*/
.site-section .sub-section_title{
	/*line-height: 1.0;*/
	margin: 0 -20px 16px;
	padding: 10px;
	border: 0;
	outline: 0;
	background: #2c2c2c;
	font-weight: normal;
	font-size: 1.6rem;
	color: #fff;
	border-radius: 0;
	box-shadow: none;
}

.site-main .site-section .sub-section_title,
.site-sub .widget > .site-section .sub-section_title,
.site-footer .widget > .site-section .sub-section_title,
.site-sub .widget > .site-section .cast-box_sub_title,
.site-footer .widget > .site-section .cast-box_sub_title{
	margin-top: -20px;
}

.site-section .sub-section_title a{
	color: #fff;
}


/*見出しタグの装飾をリセット*/
.title_no-style,
.site-section .title_no-style{
	line-height: 1.0;
	margin: 0 0 16px;
	padding: 0;
	border: 0;
	outline: 0;
	border-radius: 0;
	box-shadow: none;
	background: none;
	color: #333;
	font-weight: normal;
	font-size: 100%;
}

.title_no-style::before,
.site-section .title_no-style::before,
.title_no-style::after,
.site-section .title_no-style::after{
	position: static;
	width: auto;
	height: auto;
	content: none;
}

/*ボタン*/
.button-box {
  margin: 0 0 30px 0;
}

.button-box_center {
    /*position: relative;*/
    margin-top: 10px;
    margin-bottom: 40px;
    /*text-align: center;*/
}

.button-box_center a {
    background: #0ea500;
    border-radius: 30px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 400px;
    padding: 10px 30px;
    color: #fff;
    transition: 0.2s ease-in-out;
    font-weight: 800;
    text-decoration: none;
}

.button-box_inner{
	position: relative;
	margin-top: 40px;
	/*margin-bottom: 20px;*/
	text-align: center;
}

.button-box_inner a {
    background: #0ea500;
    border-radius: 30px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 500px;
    padding: 10px 25px;
    color: #fff;
    transition: 0.2s ease-in-out;
    font-weight: 800;
	text-decoration: none;
}

.button-box_inner a:hover,
.button-box_center a:hover{
    border-color: #f70606d9;
    color: #fff;
    background-color: #f70606d9;
}

.button-box_inner a:after,
.button-box_center a:after
{
    content: '';
    width: 10px;
    height: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 45%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}

.button-box_inner a:hover:after,
.button-box_center a:hover:after
{
    border-color: #fff;
}


/*投稿記事ヘッダー*/
.entry .article-header{
	margin: 0;
	padding: 0;
}

.article-header{
	list-style: none;
	max-width: 1100px;
    margin: 0 auto;
}

.entry_status .entry_category_item{
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: .25em .75em;
	border-radius: 4px;
	background: #f0efe9;
	font-size: 1.2rem;
}

.entry_category_item a{
	color: #505050;
	text-decoration: none;
}


/*投稿記事本文*/
/* 追加 */
.article-body {
    max-width: 800px;
    margin: 0 auto;
}

.home .article-body{
	padding-bottom: 0;
}

.article-body p{
	margin-bottom: 40px;
}
.article-img {
  text-align: center;
}

/*.eye-catch {
  text-align: center;
}*/
.eye-catch {
  text-align: left;
}

.eye-catch-in {
  display: inline-block;
  position: relative;
}

/*記事一覧の基本設定*/
.p-entries-square {
    display: grid;
	grid-template-columns: repeat(1, minmax(250px, 1fr));
    grid-gap: 0.8em;
    max-width: 1120px;
    margin: 0 auto;
	list-style: none;
}

/*追加*/
.p-entries.entries-square > div {
    overflow: auto;
    min-width: 0;
    padding: 1em;
}
.entry-date {
    font-size: 0.85em;
    line-height: 1.2;
    margin-bottom: 0.5em;
	text-align: right;
}

.post-cat-items {
  margin-left: 0;
  display: block;
  margin-right: 10px;
  margin-bottom: 0;
  /*position: absolute;*/
  text-align: left;
   /* bottom: 0;*/
   /* top: 25px;*/
   /* left: 10px;*/
   /* height: 32px;*/
}

/*.post-cat {
  margin-left: 0;
  display: block;
  margin-right: 10px;
  margin-bottom: 0;
  position: absolute;
  text-align: left;
  bottom: 0;
  top: 25px;
  left: 10px;
  height: 32px;
}*/

.post-cat {
    /* margin-left: 0; */
    /* display: inline; */
    margin-right: 10px;
	display:inline-block;
     /*margin-bottom: 1em; */
    position: relative;
    text-align: left;
    bottom: 0;
    /* top: 40px; */
       /*  left: 10px;*/
    height: 32px;
}

.post-cat a {
    border-radius: 12px;
    text-decoration: none;
    color: #fff;
    background-color: #ea5098;
    display: inline-block;
    padding: 1px 5px 1px 5px;
    font-size: 13px;
}

.post-cat-c {
	text-align: center;
	margin-bottom:0.5em;
}

.post-cat-c a {
  border-radius: 12px;
  text-decoration: none;
  color: #000c;
  background-color: #f7e504;
  display: inline-block;
  padding: 1px 5px 1px 5px;
  font-size: 13px;
  text-align: center;
  position: relative; 
  vertical-align: middle; /* 追加 */
}


.post-cat-c a:hover {
   border-color: #f70606d9;
    color: #fff;
    background-color: #f70606d9;
    }
.post-cat-item {
    display: inline-block;
}

.post-cat-dmm {
    padding: 0;
    margin: 0;
    position: static;
}

.post-cat-dmm a {
  text-decoration: none;
  color: #000c;
  background-color: #f7e504;
  display: block;
  padding: 10px 8px 9px 8px;
  text-align: center;
}


.date-tags {
    line-height: 1.2;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin: 0;
    list-style:none;
}

.date-tags li {
    margin-right: 1.3em;
}

.p-entry {
    background: #2c2c2c;
    /*border: 1px solid #eee;/*
    /*! padding: 12px; */
    text-decoration: none;
	list-style-type: none;
	border-radius:1.6rem
}

.related-entry-item {
background: #fff;
border: 1px solid #cecece;
text-decoration: none;
list-style-type: none;
max-width: 250px;
margin: 0 auto;
}

.entry-img-cover {
  margin-top: 0;
  text-align: center;
}
.p-entry-img {
    padding: 0;
    text-align: center;
    width: 100%;
	padding-top: 12px;
}
.entry-img-cover {
    text-align: center;
    width: 250px;
	padding-top: 15px;
}
.p-entry-title {
  margin: 0;
}

.p-entries-square .p-entry-img {
    width: 250px;
    margin: 0 auto;
}

.p-entry-img-cover {
    overflow: hidden;
    padding-top: 0;
    position: relative;
    margin: 0;
}

.p-entry-img-cover a {
    display: block;
    height: 100%;
    left: 0;
    /*position: absolute;*/
    text-decoration: none;
    /*top: 0;*/
    transition: all 0.3s ease 0s;
    width: 100%;
}
.p-entry-img-cover a img {
    max-width: 250px;
}

.p-entry-img-cover a img:hover,
.new-entry-thumbnail a img:hover,
.coupon-box_thumb a img:hover,
.main-bdr a img:hover,
figure a img:hover,
.tweet a:hover
{
    opacity: 0.6;
}

.p-entries-square .p-entry-body {
    padding: 12px 12px 10px 12px;
    width: 100%;
}
.p-entries-square .idol-name-body {
    padding: 12px;
    width: 100%;
}
.p-entry-meta {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 8px;
}
h2.p-entry-title {
  padding: 0;
}
.site-section h2.p-entry-title,
.archive_content_wrap h2.p-entry-title{
  padding: 0;
  margin-top: 0;
  line-height: 1.2;
  font-size: 1.8rem;
  margin-bottom: 0.5em;
  font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
}
.p-entry-label {
    /*white-space: nowrap;*/
    line-height: 1.0em;
	margin-right: 5px;
    margin-bottom: 8px;
}

.p-entry-label a, .p-entry-label span {
    background: #ea5098;
    border-radius: 18px;
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
}
.p-entry-label a {
    text-decoration: none;
}
.post-cat a:hover,
.p-entry-label a:hover {
    background-color: #d22222;
}
.p-entry-published {
    color: #dfdfdf;
    font-size: 12px;
	margin-left: 0.8em;
    white-space: nowrap;
}

.p-entry-title {
background-color: transparent;
}

.p-entry-title a {
text-decoration: none;
}

.p-entry-excerpt {
    color: #dfdfdf;
    font-size: 14px;
    line-height: 1.6;
}

.p-entries-square .p-entries__item:nth-child(2n) {
    margin-right: 0;
}

.behind-article-area {
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
}

/*シェアボタン*/
.share {
  margin-bottom: 60px;
  margin-right: auto;
  padding: 0 10px 20px 0;
  margin-left: auto;
  max-width: 800px;
　text-align: right;
}
.share ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.share li {
  float: right;
  width: 25%;
  margin: 0;
  /*! margin-top: 15px; */
}
.share li a {
  font-size: 15px;
  display: block;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  margin-left: 10px;
}
.tweet {
  float: right;
  width: 30%;
  max-width: 100px;
}
.tweet a {
  background-color: #55acee;
  font-size: 1em;
  display: block;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  margin-left: 10px;
}

/*目次*/
.toc-area_inner li::before,
.widget .cast-box_sub .cast-box_sub_title span{
	font-family: 'Oswald', serif;
}
.toc-area{
	position: relative;
	margin: 60px auto;
	border: 3px solid #f0f0f0;
}

.toc-area_inner ol{
	margin: 15px 0 0 5px;
	counter-reset: num;
}

.toc-area_inner .toc-area_list{
	margin-left: 15px;
	padding: 15px;
}

.toc-area_inner .toc-area_list li{
	position: relative;
	list-style-type: none;
	margin-bottom: 15px;
	padding-left: 10px;
	/*font-size: 1.4rem;*/
}

.toc-area_btn_open::before,
.toc-area_btn_close::before{
	display: inline-block;
	font-size: 12px;
}

.toc-area_btn_open::before{
	content: "\e90a";
    font-size: 20px;
    vertical-align: middle;
}

.toc-area_btn_close::before{
	content: "\e90d";
        font-size: 20px;
    vertical-align: middle;
}

.toc-area_inner .toc-area_list > li::before{
	top: 5px;
    left: -7px;
	font-size: 14px;
	position: absolute;
	width: 22px;
height: 22px;
margin-right: 3em;
margin-left: -1em;
color: #000;
font-weight: bold;
line-height: 22px;
text-indent: 0;
text-align: center;
vertical-align: middle;
counter-increment: num;
content: counter(num);
background: #dfdfdf;
border-radius: 50%;	
}

.toc-area_inner .toc-area_list ol li::before{
	position: absolute;
	left: -7px;
	background: transparent;
	font-size: inherit;
	line-height: inherit;
	counter-increment: num;
	content: counter(num);
}

.toc_title{
	padding: 10px;
	background-color: #f0f0f0;
	/*color: #d22222;*/
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	letter-spacing: 1.2em;
}

.toc-area_btn{
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
}

/*
# 関連記事一覧
*/

.related-posts-in {
    margin:0 10px 0 10px;
}

/*関連記事一覧の基本設定*/
.related-entry-list {
    display: grid;
	grid-template-columns: repeat(1, minmax(250px, 1fr));
    grid-gap: 0.8em;
    max-width: 1120px;
    margin: 0 auto;
	list-style: none;
}

.related-entry-title {
  background-color: transparent;
  padding: 0 10px;
  line-height: 1.2;
  font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-weight: bold;
}

.related-entry-title a {
    text-decoration: none;
    /*transition: all 0.3s ease 0s;*/
    color: #555;
}

.related-entry-list{
	margin: 0 0 40px;
	padding: 0;
	line-height: 1.5;
}

ul.related-entry-list {
margin: 0;
}

.related-entry-list li{
	position: relative;
	list-style: none;
	overflow: hidden;
	background: #fff;
}

/*ページ送り・リンク*/

.page-nav {
  margin-top: 3em;
}

.page-nav ol{
	margin-left: 0;
	letter-spacing: -.5em;
	text-align: center;
}

.page-nav li{
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 4px 12px;
	background-color: #fff;
	letter-spacing: 0;
    border: 1px solid #eee;
}

.page-nav li:last-child{
	margin-right: 0;
}

.page-nav li a{
	display: block;
	margin: -4px -12px;
	padding: 4px 12px;
	color: #333;
	text-decoration: none;
}

.page-nav li span.current{
	display: block;
	margin: -4px -12px;
	padding: 4px 12px;
}

.page-nav .current,
.page-nav li a:hover,
.page-nav li a:active,
.page-nav li a:focus{
	background: #ea5098;
	color: #fff;
}

.page-nav .page-nav_next a::after,
.page-nav .page-nav_prev a::before{
	display: inline-block;
	font-size: 14px;
}

.page-nav .page-nav_prev a:hover::before,
.page-nav .page-nav_prev a:active::before,
.page-nav .page-nav_prev a:focus::before,
.page-nav .page-nav_next a:hover::after,
.page-nav .page-nav_next a:active::after,
.page-nav .page-nav_next a:focus::after{
	color: #fff;
}

.l-primary__footer {
margin-top: 70px;
margin-right: 10px;
padding-bottom: 30px;
margin-left: 10px;

}

.p-page-pager__prev, .p-page-pager__next {
  width: 100%;
}

.p-page-pager__next {
  margin-bottom: 12px;
  margin-left: auto;
}

.p-page-pager__head {
  color: #666;
  display: block;
  font-size: 14px;
  margin-bottom: 4px;
  padding: 0 2px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

.p-page-pager__next > .p-page-pager__head {
  text-align: right;
}

.p-pager-card {
  background: #fff;
  border: 1px solid #eee;
  display: flex;
  text-decoration: none;
  transition: all 0.3s ease 0s;
	color: #666;
}

.p-pager-card__img {
  width: 150px;
}

.p-pager-card__img img {
    width: 150px;
}

.p-pager-card__body {
  padding: 12px;
  width: calc(100% - 74px);
 /* width: calc(100% - 150px);*/
  line-height: 1.0em;
}

.p-pager-card__title__next,
.p-pager-card__title__prev
{
  font-size: 14px;
}

.p-page-pager__prev, .p-page-pager__next {
  width: 100%;
}

.p-page-pager__prev {
  margin-right: auto;
}

.p-pager-card.p-pager-card--right {
  flex-direction: row-reverse;
}

.p-pager-card__title__next
{
  text-align: left;
}

/*カレンダー*/
.calendar,
.widget_calendar table{
	font-size: 1.4rem;
}

.calendar caption,
.widget_calendar table caption{
	font-weight: bold;
}

.calendar tbody,
.calendar thead,
.widget_calendar table tbody,
.widget_calendar table thead{
	background: #fff;
}

.calendar th,
.calendar td,
.widget_calendar table th,
.widget_calendar table td{
	padding: 10px 0;
	text-align: center;
}

.calendar th,
.widget_calendar table th{
	border-color: #eee;
}

.calendar tfoot td,
.widget_calendar table tfoot td{
	padding: 0;
	padding-top: 10px;
	border: 0;
	text-align: left;
}

.calendar tfoot td:last-child,
.widget_calendar table tfoot td:last-child{
	border-right-width: 1px;
	text-align: right;
}

.calendar td a{
	display: block;
	margin: -10px 0;
	padding: 10px 0;
}

.calendar tfoot td a{
	color: #000;
	text-decoration: none;
}

.calendar tfoot td a:hover,
.calendar tfoot td a:active,
.calendar tfoot td a:focus{
	color: #d22222;
	text-decoration: underline;
}

/*
# フッター
*/

.site-footer_wrap{
	background: #2c2c2c;
	font-size: 1.4rem;
	line-height: 1.8em;
}

.site-footer_in {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}


/* フッターコンテンツ */
.site-footer-cont_wrap{

	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
    justify-content: flex-start;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.site-footer-cont{
	width: 100%;
}

.site-footer-cont-tag,
.site-footer-cont {
    width:100%;
	margin-bottom:20px;
}

/*
# フッターパネル
*/
.site-footer-panel_wrap{
	z-index: 80;
	width: 100%;
	background: #f7f7f7;
}

.site-footer-panel{
	position: relative;
		display: block;
	min-height: 43px;
	padding: 0;
}
/*.site-footer-panel .utility-menu_item span{
	display: block;
}*/
.site-footer-panel ul{
	display: table;
	width: 100%;
	margin: 0;
	table-layout: fixed;
	border-top: 1px solid #e8e8e8;
}

.site-footer-panel li{
	display: table-cell;
	border-right: 1px solid #e8e8e8;
	font-size: 1.2rem;
	text-align: center;
}

.site-footer-panel li a{
	display: block;
	padding: 5px;
	color: #000;
	text-decoration: none;
}

.site-footer-panel li span::before{
	font-size: 16px;
}

.fixed-bottom{
	position: fixed;
	bottom: 0;
}

.site-footer-panel_sns{
	display: none;
	position: absolute;
	bottom: 100%;
	background-color: #f7f7f7;
}

.site-footer-panel_sns .sns-btn_wrap{
	padding: 5px 0;
	border-top: 1px solid #e8e8e8;
}

.fn-footer-panel {
	position: fixed;
	left: 0;
	bottom: -60px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.fn-footer-panel.is-active {
	bottom: 0;
}

.btn_share{
	cursor: pointer;
}
/*コピーライト*/
.site-copyright_wrap{
	padding: 20px;
	background-color: #000;
    color: #fff;
    font-size: 1.2em;
}

/*検索ボックス*/
.search-box{
	position: relative;
	max-width: 300px;
	padding: 15px;
	margin-top: -20px;
    margin-bottom: -20px;
}

.article-body .search-box{
	max-width: 500px;
	margin: 20px auto;
}

.article-body .search-box input[type=search],
.article-body .search-box input[type=text]{
	border: 1px solid #ddd;
}

.menu-search .search-box{
	background-color: #333;
}

.search-box input[type=search],
.search-box input[type=text]{
	width: 100%;
	height: 40px;
	padding: 4px 25px 4px 4px;
	border: 0;
}

.site-footer .search-box input[type=search],
.site-footer .search-box input[type=text],
.search-section .search-box input[type=search],
.search-section .search-box input[type=text]
{
	border: 1px solid #ddd
}

.btn-search{
	position: absolute;
	top: 15px;
	right: 15px;
	height: 40px;
	color: #fff;
	vertical-align: top;
	cursor: pointer;
}

.btn-search span{
	color: #000;
}

/*ページトップボタン*/
.page-top{
	display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 90;
    margin-bottom: 10px;
    margin-right: 10px;
    background-color: #33333357;
    line-height: 0;
    border-radius: 40px;
}

.page-top a{
	display: block;
	padding: 18px 20px;
	text-align: center;
}

.page-top a::before{
    display: inline-block;
    content: "\e90d";
    font-size: 20px;
    color: #fff;
    text-decoration: none;
}

/*タグリスト*/
.post-tag{
max-width: 800px;
margin: 0 auto;
/*! float: right; */
/*! display: block; */
}
.post-tag dl{
	margin: 20px 0;
	overflow: hidden;
}

.post-tag:last-child dl{
	margin-bottom: 0;
}

.post-tag dt,
.post-tag dd,
.post-tag ul,
.post-tag li{
	margin: 0;
	padding: 0;
	display: inline-block;
}

.post-tag dt{
	width: 3.5em;
	float: left;
}

.post-tag dt::after{
	content: "："
}

.post-tag dd{
	float: left;
	width: 	calc(100% - 3.5em);
}

.post-tag dd li{
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: .25em .75em;
	line-height: 1.5;
	border-radius: 4px;
	background: #f0efe9;
	font-size: 1.2rem;
}

.post-tag dd li a{
	color: #505050;
	text-decoration: none;
}

.idol-name {
  margin: 0 auto;
  display: block;
  max-width: 1120px;
  padding: 15px 10px 10px 10px;
  background-color: #fff;
}

.idol-name li {
  display: inline-block;
margin-right: 5px;
/*margin-bottom: 10px;*/
padding: .25em .5em;
line-height: 1.5;
border-radius: 4px;
background: #ea5098;
font-size: 1.5rem;
border: 2px solid #ff0101;
}

.idol-name a {
  word-break: break-all;
  text-decoration: none;
  color:#fff;
}

.idol-name li a:hover {
  color: #666;
}

/*ウィジェット*/
.widget_recent_entries .site-section > ul,
.widget_recent_comments .site-section > ul,
.widget_archive .site-section > ul,
.widget_categories .site-section > ul,
.widget_pages .site-section > ul,
.widget_nav_menu .site-section ul,
.widget_rss .site-section > ul,
.widget_meta .site-section > ul{
	margin: -16px -20px -20px;
}

.site-section_wrap.widget_calendar{
	padding: 0;
	background: transparent;
}

.site-section_wrap.widget_calendar .site-section .sub-section_title{
	margin: 0 0 16px;
}

.widget_archive .site-section > select{
	width: 100%;
	max-width: 300px;
}

.widget_archive .site-section > label{
	display: none;
}

.widget_recent_entries .site-section ul li,
.widget_recent_comments .site-section ul li,
.widget_archive .site-section > ul li,
.widget_categories .site-section > ul li,
.widget_pages .site-section > ul li,
.widget_nav_menu .site-section ul li,
.widget_rss .site-section > ul li,
.widget_meta .site-section > ul li{
	list-style: none;
	margin-bottom: 0;
	border: 1px solid #2c2c2c;
	font-size: 1.4rem;
	background-color: #2c2c2c;
}

.widget_categories .site-section > ul ul,
.widget_pages .site-section > ul ul,
.widget_nav_menu .site-section ul ul{
	margin: 0;
	border-top: 1px solid #eee;
}

.widget_recent_entries .site-section ul li,
.widget_recent_comments .site-section ul li,
.widget_rss .site-section ul li,
.widget_meta .site-section ul li{
	position: relative;
	padding: 10px 10px 10px 28px;
}

.widget_categories .site-section > ul ul li:last-child,
.widget_pages .site-section > ul ul li:last-child,
.widget_nav_menu .site-section ul ul li:last-child{
	border-bottom: 0;
}

.widget_archive .site-section > ul li a,
.widget_categories .site-section > ul li a,
.widget_pages .site-section > ul li a,
.widget_nav_menu .site-section ul li a{
	position: relative;
	display: block;
	padding: 10px 10px 10px 28px;
	color: #000;
	text-decoration: none;
	color:#fff;
}

.widget_archive .site-section > ul li a:hover,
.widget_archive .site-section > ul li a:active,
.widget_archive .site-section > ul li a:focus,
.widget_categories .site-section > ul li a:hover,
.widget_categories .site-section > ul li a:active,
.widget_categories .site-section > ul li a:focus,
.widget_pages .site-section > ul li a:hover,
.widget_pages .site-section > ul li a:active,
.widget_pages .site-section > ul li a:focus,
.widget_nav_menu .site-section ul li a:hover,
.widget_nav_menu .site-section ul li a:active,
.widget_nav_menu .site-section ul li a:focus{
	color: #d22222;
	text-decoration: underline;
}

.widget_recent_entries .site-section ul li a{
	text-decoration: none;
}

.widget_recent_entries .site-section ul li a,
.widget_recent_comments .site-section ul li a,
.widget_rss .site-section ul li a,
.widget_meta .site-section ul li a{
	color: #000;
}

.widget_recent_entries .site-section ul li a:hover,
.widget_recent_entries .site-section ul li a:active,
.widget_recent_entries .site-section ul li a:focus,
.widget_recent_comments .site-section ul li a:hover,
.widget_recent_comments .site-section ul li a:active,
.widget_recent_comments .site-section ul li a:focus,
.widget_rss .site-section ul li a:hover,
.widget_rss .site-section ul li a:active,
.widget_rss .site-section ul li a:focus,
.widget_meta .site-section ul li a:hover,
.widget_meta .site-section ul li a:active,
.widget_meta .site-section ul li a:focus{
	text-decoration: underline;
}

.widget_recent_entries .site-section ul li a::before,
.widget_recent_comments .site-section ul li::before,
.widget_archive .site-section > ul li a::before,
.widget_categories .site-section > ul li a::before,
.widget_pages .site-section > ul li a::before,
.widget_nav_menu .site-section ul li a::before,
.widget_rss .site-section > ul li a::before,
.widget_meta .site-section > ul li a::before{
position: absolute;
top: 18px;    
content: '';
left: 12px;
width: 7px;
height: 7px;
border-top: 2px solid #eee;
border-right: 2px solid #eee;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #2c2c2c;
}

.widget_recent_entries .site-section ul li .post-date::before,
.list_widget_recent_entries_img li .post-date::before{
	content: ' (';
}

.widget_recent_entries .site-section ul li .post-date::after,
.list_widget_recent_entries_img li .post-date::after{
	content: ')';
}


/*カテゴリー2層目*/
.widget_categories .site-section > ul ul li a,
.widget_pages .site-section > ul ul li a,
.widget_nav_menu .site-section ul ul li a{
	padding-left: 48px;
}

.widget_categories .site-section > ul ul li a::before,
.widget_pages .site-section > ul ul li a::before,
.widget_nav_menu .site-section ul ul li a::before{
	left: 33px;
}


/*カテゴリー3層目*/
.widget_categories .site-section > ul ul li li a,
.widget_pages .site-section > ul ul li li a,
.widget_nav_menu .site-section ul ul li li a{
	padding-left: 68px;
}

.widget_categories .site-section > ul ul li li a::before,
.widget_pages .site-section > ul ul li li a::before,
.widget_nav_menu .site-section ul ul li li a::before{
	left: 53px;
}

.widget_search,
.widget_tag_cloud{
	background-color: transparent;
}

.widget_search .search-box{
	margin-top: -20px;
	margin-bottom: -20px;
	padding: 0;
}

.widget_search .sub-section_title+.search-box{
	margin-top: 0;
}

.widget_search .site-section .btn-search{
	top: 0;
	right: 5px;
}

.sub-section_title.tagcloud{
   background:#f4d02c;
}

.tagcloud{
	margin: 0 auto;
}

.tagcloud li{
  display: inline-block;
  margin:0;
  margin-right: 5px;
  margin-bottom: 10px;
  padding: .25em .75em;
  line-height: 1.5;
  border-radius: 4px;
  background: #f0efe9;
}

.tagcloud a{
word-break: break-all;
text-decoration: none;
}

.tagcloud a::before{
	display: inline-block;
	margin-right: 5px;
	content: "\e923";
	font-size: 14px;
	color: #b97900;
}

.widget_recent_entries_img,
.widget_recent_entries_img02,
.widget_recent_entries_img03,
.widget_site_recent_post{
	background: transparent;
}

.widget_recent_entries_img .list_widget_recent_entries_img{
	margin: -8px -20px -20px;
	padding: 0;
}

.widget_recent_entries_img02 .list_widget_recent_entries_img,
.widget_recent_entries_img03 .list_widget_recent_entries_img{
	margin: 0 -20px -20px;
	padding: 0;
}


/*画像付きリスト*/
.widget_recent_entries_img .list_widget_recent_entries_img li{
	list-style: none;
	overflow: hidden;
	background: #fff;
}

.site-footer .widget_recent_entries_img .list_widget_recent_entries_img li{
	margin-bottom: 0;
	border-bottom: 1px solid #eee;
}

.widget_recent_entries_img .list_widget_recent_entries_img .widget_recent_entries_thumb{
	position: relative;
	float: left;
	width: 90px;
	height: 90px;
	margin: 0;
	overflow: hidden;
	text-align: center;
}

.widget_recent_entries_img .list_widget_recent_entries_img .widget_recent_entries_thumb img{
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: none;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}

.widget_recent_entries_img .list_widget_recent_entries_img .widget_recent_entries_img_entry_title{
	overflow: hidden;
	margin: 0;
	padding: 10px 15px;
	color: #000;
	font-size: 1.2rem;
	line-height: 1.5;
}

.widget_recent_entries_img .list_widget_recent_entries_img .widget_recent_entries_img_entry_title a{
	display: block;
	height: 70px;
	overflow: hidden;
	color: #000;
	text-decoration: none;
}

.widget_recent_entries_img .list_widget_recent_entries_img .widget_recent_entries_img_entry_title a:hover,
.widget_recent_entries_img .list_widget_recent_entries_img .widget_recent_entries_img_entry_title a:active,
.widget_recent_entries_img .list_widget_recent_entries_img .widget_recent_entries_img_entry_title a:focus{
	color: #d22222;
	text-decoration: underline;
}
	
.widget_recent_entries_img .list_widget_recent_entries_img li{
	height: 90px;
}


.list_widget_recent_entries_img li{
	list-style: none;
}

/*画像付きリスト（画像＋テキスト）*/
.widget_recent_entries_img02 li{
	position: relative;
	overflow: hidden;
	display: block;
	max-width: 300px;
	margin: auto;
	margin-bottom: 20px;
}

.widget_recent_entries_img02 .widget_recent_entries_thumb{
	margin: 0;
}

.widget_recent_entries_img02 img{
	width: 100%;
	height: auto;
	vertical-align: top;
}

.widget_recent_entries_img02 .widget_recent_entries_img_entry_title{
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px;
	background-color: rgba(0,0,0,0.55);
	color: #fff;
	font-size: 1.4rem;
}

.widget_recent_entries_img02 .widget_recent_entries_img_entry_title a{
	color: #fff;
	text-decoration: none;
}


/*画像付きリスト（背景画像＋テキスト）*/
.widget_recent_entries_img03 .list_widget_recent_entries_img li{
	max-width: 300px;
	height: 200px;
	margin: auto;
	margin-bottom: 20px;
	overflow: hidden;
	background-size: cover;
}

.widget_recent_entries_img03 .list_widget_recent_entries_img .widget_recent_entries_img_entry_title{
	padding: 15px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	font-size: 1.4rem;
}

.widget_recent_entries_img03 .list_widget_recent_entries_img a{
	color: #fff;
	text-decoration: none;
}

.widget_recent_entries_ranking ol{
	counter-reset: num;
}

.widget_recent_entries_ranking .list_widget_recent_entries_img > li{
	counter-increment: num;
	position: relative;
}

.widget_recent_entries_ranking .list_widget_recent_entries_img > li::before{
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	border-width: 20px;
	border-style: solid;
	border-color: #80cbc4;
	border-right-color: transparent;
	border-bottom-color: transparent;
	content: '';
}

.widget_recent_entries_ranking .list_widget_recent_entries_img > li::after{
	position: absolute;
	z-index: 20;
	top: 0;
	left: 5px;
	content: counter(num);
	color: #fff;
	font-weight: bold;
	line-height: 1.5;
}

.widget_recent_entries_ranking .list_widget_recent_entries_img > li:nth-child(1)::before{
	border-color: #f9a825;
	border-right-color: transparent;
	border-bottom-color: transparent;
}

.widget_recent_entries_ranking .list_widget_recent_entries_img > li:nth-child(2)::before{
	border-color: #bdbdbd;
	border-right-color: transparent;
	border-bottom-color: transparent;
}

.widget_recent_entries_ranking .list_widget_recent_entries_img > li:nth-child(3)::before{
	border-color: #8d6e63;
	border-right-color: transparent;
	border-bottom-color: transparent;
}

.widget_recent_entries_img.widget_recent_entries_ranking .list_widget_recent_entries_img > li::before{
	border-width: 14px;
}

.widget_recent_entries_img.widget_recent_entries_ranking .list_widget_recent_entries_img > li::after{
	font-size: 1.2rem;
}

.widget_recent_entries_img03 .list_widget_recent_entries_img .widget_recent_entries_img_entry_title{
	display: table;
	width: 100%;
	height: 200px;
	margin-bottom: 0;
	padding: 0;
}

.widget_recent_entries_img03 .list_widget_recent_entries_img .widget_recent_entries_img_entry_title a{
	display: table-cell;
	padding: 25px 15px 15px 25px;
	vertical-align: middle;
}

/*.alignleft{
	float: left;
	margin: 0 1em 1em 0;
}

.alignright{
	float: right;
	margin: 0 0 1em 1em;
}

.aligncenter{
	display: block;
	float: none;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	text-align: center;
}*/

.post-tag a{
	word-break: break-all;
	text-decoration: none;
}


/*リンクカード*/
.site-link-card_wrap{
	/*min-height: 75px;*/
	margin-bottom: 2.5em;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 6px;
}

.site-link-card_wrap .site-link-card{
	position: relative;
	line-height: 1.4;
	margin-bottom: 0;
	padding: 0;
	color: #505050;
	font-style: normal;
	background: transparent;
}

.site-link-card_wrap .site-link-card::before,
.site-link-card_wrap .site-link-card::after{
	display: none;
}

.site-link-card_thumb{
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	width: 75px;
	height: 75px;
}

.site-link-card_thumb img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: 100%;
	max-width: none;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
.link-card-thumbnail {
    float: none;
    margin: 0 auto;
	width: 150px;
	margin-bottom: 10px;
   /* margin-bottom: 0px;
    margin-bottom: 15px;
    position: relative;*/
}

.link-card-thumbnail a {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.link-card-thumbnail a img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.site-link-card_title{
	/*margin-left: 160px;*/
	margin-bottom: 5px;
	font-size: 1.4rem;
}

.site-link-card_title a{
	color: #505050;
	font-weight: bold;
	text-decoration: none;
}

.site-link-card_title a:hover,
.site-link-card_title a:active,
.site-link-card_title a:focus{
	color: #d22222;
	text-decoration: underline;
}

.site-link-card_url{
	overflow: hidden;
	text-overflow: ellipsis;
		/*margin-left: 160px;*/
	margin-bottom: 10px;
	font-size: 1.2rem;
	white-space: nowrap;
}

.site-link-card_url a{
	color: #999;
	text-decoration: none;
}

.site-link-card_desc{
	/*display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	max-height: 65px;*/
	/*margin-left: 160px;*/
	font-size: 1.2rem;
}
	/*リンクカード*/
	.site-link-card_wrap .site-link-card{
		min-height: 100px;
		margin: 0;
		background: transparent;
	}

	.site-link-card_thumb{
		width: 100px;
		height: 100px;
	}

	.site-link-card_title{
		/*margin-right: 110px;*/
		font-size: 1.6rem;
		font-weight: bold;
	}


/*回り込みの解除*/
.site-main_outer::after,
.site-header_in::after,
.global-nav_in::after,
.page-nav::after,
.page-nav::before,
.nav-links::after,
.btn-area::after,
.item-box::after,
.item-box02::after,
.item-box03_col_wrap::after,
.btn-detail_wrap::after,
.clearfix::after{
	display: block;
	content: " ";
	clear: both;
}

/*ここまで終り*/

/*ここからレスポンシブ*/

@media (min-width : 380px){
figure.related-entry_thumb a {
    width: 250px;
}   
}/*横幅380px以上終り*/

@media (min-width : 480px){
.link-card-thumbnail {
    float: left;
    margin-right: 20px;
}  
}/*横幅480px以上終り*/

@media (min-width : 560px){
figure.related-entry_thumb a {
    width: 250px;
} 
   
.p-entries-square,
.related-entry-list {
    grid-template-columns: repeat(2, minmax(250px, 1fr));
}    
}/*横幅568px以上終り*/

@media (min-width : 768px){
  
h2.global {
    padding-left: 0;
}

.global-nav_in > ul > li {
    border-right: 1px solid #101010;
}
	
/*.global-nav_in > ul > li:first-child {
    border-left: 1px solid #101010;
}*/
.global-nav_in li{
    border-bottom: none;
}
	
.post-cat-dmm {
  margin: 0;
  font-size: 1.5rem;
	float: left;
    padding: 0;
    margin: 0;
    position: static;
    border-bottom: 0;
}
	
.post-cat-dmm a {
  text-decoration: none;
  color: #000c;
  background-color: #f7e504;
  position: relative;
  display: inline-block;
padding: 10px;
}
	
.post-cat-dmm a:hover, .button-box_center a:hover {
  border-color: #f70606d9;
  color: #fff;
  background-color: #f70606d9;
}
	
	
		
/*デスクトップとモバイルで表示を振り分け*/
.show-sp,
.show-sp02{
    display: none!important;
}

.show-pc{
    display: block!important;
    margin: 0 auto;
}

.show-pc02{
    display: inline!important;
}

.site-main_wrap {
    margin-top: 100px;
    margin-right: 10px;
    margin-left: 10px;
}
	
.site-main .site-section_wrap{
    padding: 30px 30px 0 30px;
}
	
.site-main .site-section_wrap.widget{
    padding: 20px;
}
	
.site-main .section_wrap-wide,
.site-main .site-section_wrap_style02{
    padding: 0;
}
	
.col1 .site-section_wrap, .archive_title_wrap {
    max-width: 1120px;
    margin: 0 auto;
    /*background-color: #2c2c2c;*/
    /*border-radius:1.6rem;*/
}
	
.archive_title {
    margin: 0;
}
	
.site-main .site-section h1{
    padding: 10px 18px;
    font-size: 3.1rem;
}
    
.site-section_outer{
    margin-bottom: 40px;
}

.site-section_outer .site-section_wrap{
    margin: 0;
}

.site-section h1:first-child{
    margin: 0px 0px 30px 0px;
}

h2{ font-size: 2.0rem; 	}

h3{ font-size: 2.0rem; }

h4{ font-size: 2.0rem; }

h5{ font-size: 2rem; }

.button-box {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
	
.button-box_inner {
    width: 48%;
}

.top-section_wrap,
.archive-section_wrap {
    max-width: 1200px;
    margin: 0 auto;
    /*background-color: #fff;*/
    padding: 0 30px 30px 30px;
}
   
.article-section_wrap {
    max-width: 960px;
    margin: 0 auto;
}

.archive_content_wrap {
    padding: 20px 0 30px 0;
    margin:0 auto;
}
    
.archive_title_wrap {
    max-width: 1120px;
    /*background-color: #fff;*/
}

.article_wrap {
    max-width: 1200px;
    margin-bottom: 20px;
    padding-left: 60px;
    padding-right: 60px;
    background-color: #fff;
    margin-right: auto;
    margin-left: auto;
}

.archive_title_wrap {
    max-width: 1120px;
    margin: 0 auto;
    padding: 20px 0 20px 0;
    /*background-color: #fff;*/
}
	
.site-header {
    padding-right: 0;
}

.site-header_col2 .site-header_cont {
    margin-right: 0;
}
	
.site-slider-pager a i {
    font-size: 25px
}

.site-slider-nav a {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

/*テーブル（横幅がはみ出る場合にテーブルを囲む要素に設定）*/
.table-list thead {
    display: table-header-group;
}

.table-list tr {
    display: table-row;
}

.table-list th,
.table-list td {
    display: table-cell;
}

.table-list tbody td::before {
    display: none;
    width: auto;
	}
	
/*
# ヘッダー
*/
.fixed {
    position: static;
    width: 100%;
}

.site-header .site-title,
.site-header_col2 .site-title {
    float: left;
    max-width: 90%;
    font-size: 2.8rem;
}

.site-header_cont,
.site-header_col2 .site-header_cont {
    float: right;
    max-width: 50%;
    background-color: transparent;
}

.fixed .site-header_col2 .site-header_cont {
    display: block;
}
	
.site-header_cont .btn {
    margin-top: 10px;
    padding: 10px 30px;
}

.global-nav_btn {
    display: none;
}

/*
# グローバルメニュー
*/
.global-nav_wrap{
    width: 100%;
    background: #101010;
    position: absolute;
    top: 60px;
    z-index: 20;
    left: 0;
    right: 0;
    margin: auto;
	border-bottom: 2px solid #2c2c2c;
}
	
.col1 .global-nav_outer, .col1 .site-mv_outer, .col1 .catch-area, .col1 .site-breadcrumb-list_outer, .col1 .site-footer_outer, .col1 .site-copyright, .col1 .site-section_wrap, .col1 .site-sep-conts_outer, .col1 .site-footer-panel_outer {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
	
.global-nav_in {
    display: block !important;
    position: static;
    width: 100%;
    padding: 0;
    overflow-y: visible;
    border: 0;
}

.global-nav_in li a,
.global-nav_in li span {
    padding: 10px;
    text-decoration: none;
    color: #fff;
}

.global-nav_in > ul > li > ul > li a:hover,
.global-nav_in > ul > li > ul > li a:active,
.global-nav_in > ul > li > ul > li a:focus {
    color: #d22222;
    font-weight: bold;
    text-decoration: underline;
}

.global-nav_in ul {
    border-top: 0;
}
	
.global-nav_in > ul {
    margin: 0 auto;
    width: 100%;
    position: relative;
    background: #31087b;;/*追加*/
}

.mega-menu-idol-list-close > ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-animation: fadeIn 0.5s ease 0s 1 normal;
    animation: fadeIn 0.5s ease 0s 1 normal;
}

.global-nav_in > ul > li {
    float: left;
    padding: 0;
    margin: 0;
    position: static;
    border-bottom: 0;
}

.global-nav_in > ul > li > ul {
    width: 100%;
    background: #f0f0f0;
    padding-top:45px;
	padding-right:10px;
	padding-bottom:20px;
	padding-left:10px;
	position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.global-nav_in > ul > li > ul > li{
    margin: 0;
    list-style: none;
    width: 20%;
    background: none;
    float: left;
    height: auto;
    display: block;
}

.mega-menu-idol-list-open > ul{
    display: none;
}
 
.global-nav ul .mega-menu-idol-list-open > a,
.global-nav ul .mega-menu-idol-list-close > a,
.global-nav ul .mega-menu-idol-list-open > span,
.global-nav ul .mega-menu-idol-list-close > span{
    padding-right: 30px;
}

.global-nav ul .mega-menu-idol-list-open > a,
.global-nav ul .mega-menu-idol-list-open > span{
    background: url('data:image/svg+xml;utf8,<svg width="15" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 20"><path fill="%2331cdfe" d="M7.5 15c-0.32 0-0.64-0.122-0.884-0.366l-6.25-6.25c-0.488-0.488-0.488-1.279 0-1.768s1.279-0.488 1.768 0l5.366 5.368 5.367-5.367c0.488-0.488 1.279-0.488 1.768 0s0.488 1.279 0 1.768l-6.25 6.25c-0.244 0.244-0.564 0.365-0.885 0.365z" /></svg>');
    background-position: bottom 12px right 5px;
    background-repeat: no-repeat;
}   
 
.global-nav ul .mega-menu-idol-list-close > a,
.global-nav ul .mega-menu-idol-list-close > span{
    background: url('data:image/svg+xml;utf8,<svg width="15" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 20"><path fill="%2331cdfe" d="M13.75 13.75c-0.32 0-0.64-0.122-0.884-0.366l-5.366-5.364-5.367 5.367c-0.488 0.488-1.279 0.488-1.768 0s-0.488-1.279 0-1.768l6.25-6.25c0.488-0.488 1.279-0.488 1.768 0l6.25 6.25c0.488 0.488 0.488 1.279 0 1.768-0.242 0.242-0.562 0.363-0.883 0.363z" /></svg>');
    background-position: bottom 12px right 5px;
    background-repeat: no-repeat;
    background-color: #ea5098;	
}

.global-nav_cont .mega-menu-idol-list-open > .global-nav-child_btn::before{
    content: "\e90a";
    font-size: 20px;
    color: #d22222;
    line-height: 20px;
    width: 20px;
}

.global-nav_cont .mega-menu-idol-list-close > .global-nav-child_btn::before{
    content: "\e90d";
    font-size: 20px;
    color: #d22222;
    line-height: 20px;
    width: 20px;
} 

.global-nav ul .mega-menu-idol-list-open > span.global-nav-child_btn, .global-nav ul .mega-menu-idol-list-close > span.global-nav-child_btn{
    padding: 0;
    left: 460px;
}

.global-nav_cont .mega-menu-idol-list-close li > .global-nav-child_btn::before{
    content: "\e903";
    font-size: 20px;
    color: #d22222;
    line-height: 20px;
    width: 20px;
}
       
.global-nav_in .menu-search{
    display: none;
}

.global-nav ul .mega-menu-idol-list-close > a,
.global-nav ul .mega-menu-idol-list-open > a{
	 background-color: #ea5098;
}

li.mega-menu-idol-list-close > ul > li > a, 
li.mega-menu-idol-list-open > ul > li > a{
    color: #555;
    margin: 0;
    padding: 10px 0px 5px 30px;
    background: url('data:image/svg+xml;utf8,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23df0808" d="M18.441 10.566l-7.543 7.801c-0.494 0.511-1.3 0.511-1.793 0l-7.547-7.801c-2.191-2.266-2.070-6.008 0.357-8.111 2.12-1.835 5.366-1.502 7.315 0.513l0.77 0.792 0.77-0.792c1.951-2.014 5.16-2.348 7.316-0.513 2.426 2.099 2.547 5.845 0.355 8.111z" /></svg>');
     background-position: center left 6px;
     background-repeat: no-repeat;
     background-color: #f7f7f7;
     border: 1px solid #bfbfbf5e;
} 

.global-nav ul .mega-menu-idol-list-open > a,
.global-nav ul .mega-menu-idol-list-open > span{
    background-color: #101010;
	color: #fff;
}

.global-nav ul .mega-menu-idol-list-close ul,
.global-nav ul .mega-menu-idol-list-open ul/*後でとる*/{
    background-color: #ea5098;
}
	
	.error404 .site-main .site-section_wrap{
		margin-bottom: 10px;
	}

	.article_wrap{
		margin-bottom: 20px;
	}

	.col2 .archive_title{
		margin-right: auto;
		margin-left: auto;
	}
	
.related-posts-in {
    margin: 0;
}
	
/*シェアボタン*/
.share {
    padding: 0 0 20px 0;
}
	
	.blockquote{
		margin-right: 24px;
		margin-left: 24px;
		padding: 35px 40px;
	}
	
	.blockquote::before,
	.blockquote::after{
		font-size: 28px;
	}


	/*ランキングリスト*/
	.col2 .rank_thumb,
	.free-area .rank_thumb{
		float: left;
		margin-right: 20px;
	}

	/*ページ送り*/
	.page-nav ol{
		text-align: center;
	}

	/*
	# フッター
	*/



	.site-footer-cont::after{
		display: block;
		clear: both;
		height: 0;
		content: '';
	}
	
	.site-footer .site-section_wrap{
		margin: 0 5px 0 5px;
		/*! margin-bottom: 30px; */
	}
	
	.site-footer .site-footer_col2 .site-section_wrap{
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.site-footer .site-section_wrap:last-child{
		/*! margin-bottom: 0; */
	}

	.site-footer-cont_wrap > .site-footer-cont{
  width: 100%;
  margin-bottom: 20px;
	}
	
	.site-footer_col2 > .site-footer-cont{
		width: 100%;
		margin-right: 0;
	}

	.site-footer_col2 > .site-footer-cont{
		width: 48%;
		margin-right: 4%;
	}
	
	.site-footer-cont_wrap > .site-footer-cont:nth-child(3n){
		/*! margin-right: 0; */
	}

	.site-footer_col2 > .site-footer-cont:nth-child(2n){
		margin-right: 0;
	}

	.site-footer-cont{
		border: 0;
	}






	/*画像とテキストの組み合わせ*/
	.col-wrap_onimage > .col,
	.col-wrap_onimage_02 > .col{
		max-width: none;
	}


	/*
	# フッターパネル
	*/
.site-footer-panel_wrap{
display: none;
}

.l-primary__footer{
    display: block;
}

.p-page-pager__head{
    color: #666;
    display: block;
    font-size: 16px;
    margin-bottom: 4px;
    padding: 0 2px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    text-align: right;
}

.p-pager-card.p-pager-card--right{
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
	
.p-pager-card{
    background: #fff;
    border: 1px solid #eee;
    display: -webkit-flex;
    display: flex;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.p-pager-card__body{
    padding: 12px;
    width: calc(100% - 74px);
}
	
.p-pager-card__title__next{
    font-size: 14px;
}

.p-page-pager__prev > .p-page-pager__head{
    text-align: left;
}

.p-pager-card__title__prev{
    font-size: 14px;
    text-align: left;
}
	
.p-page-pager{
    display: flex;
    flex-direction: row-reverse;
}
	
.p-page-pager__next{
    margin-bottom: 0;
}

.p-page-pager__prev, .p-page-pager__next{
    width: 48%;
}

.p-page-pager__head{
    font-size: 14px;
}

.l-primary__footer{
  margin-left: 0;
  margin-right: 0;
}	
}

@media (min-width : 820px){
.related-entry-list{
    grid-template-columns: repeat(3, minmax(250px, 1fr));
}  
} 

@media (min-width : 900px){
.p-entries-square,
.related-entry-list{
    grid-template-columns: repeat(3, minmax(250px, 1fr));
}  

.site-footer-cont_wrap{
    overflow: hidden;
    display: flex;
    flex-direction: row;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.site-footer-cont_wrap > .site-footer-cont{
  width: 25%;
  margin-bottom: 20px;
}
	
.site-footer-cont-tag{
    width:50%;
}
}/*横幅900上終り*/

@media (min-width : 920px){

/*ランキングリスト*/
.rank_thumb{
    float: left;
    margin-right: 20px;
}

/*コピーライト*/
.site-copyright{
    padding: 0;
}
}/*横幅920px以上終り*/

@media (min-width : 960px){
.entry-section-in::after{
    content: '';
    display: block;
    clear: both;
    height: 0;
}  

.new-entry-thumbnail{
float: left;
margin-right: 20px;
}       

.p-page-pager{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
}/*横幅960px以上終り*/

@media (min-width : 1080px){
.related-entry-list{
    grid-template-columns: repeat(4, minmax(250px, 1fr));
}
}

@media (min-width : 1180px){
	.p-entries-square{
    grid-template-columns: repeat(4, minmax(250px, 1fr));
}    

.site-footer-cont_wrap{
    padding: 0;
}
	
.entry-list_item .sns-btn_wrap{
    width: 50%;
    clear: both;
}
}/*横幅1180px以上終り*/


/*
# =================================================================
# 汎用パーツのデザイン
# =================================================================
*/
.af-wrapper {
    max-width: 800px;
	text-align:center;
	font-weight:bold;
	margin:0 auto
}
.widget-banner {
    max-width: 800px;
	text-align:center;
}

@media (min-width : 360px){
.af-wrapper{
	font-size:4.7vw;
	padding-bottom:0px;
    margin:0 auto;	
	margin-bottom:40px;
}
.mt-10 {
    margin-top:20px;
	display:block;
}	
}
/*横幅360px以上終り*/

@media (min-width : 500px){
.af-wrapper{
	font-size:24px;
}
}
/*横幅500px以上終り*/

.wavy{
    text-decoration: underline wavy red;
	line-height:40px;
}


.alignleft{
	float: left;
	margin: 0 1em 1em 0;
}

.alignright{
	float: right;
	margin: 0 0 1em 1em;
}

.aligncenter,.widget-banner{
	display: block;
	float: none;
	margin-bottom: 2em;
	/*margin-right: auto;
	margin-left: auto;*/
	text-align: center;
	margin:10px auto;
}
.wp-element-caption{
	margin: 0 0 4em 0;
}

.pb-30 {
  padding-bottom: 30px;
}


/*注記*/
.note{
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}

.note2{
	display: block;
	padding-left: 2em;
	text-indent: -2em;
}


/*必須項目・警告・エラーの文字色*/
.warning,
.error{
	color: #e53935!important;
}

.required{
	display: inline-block;
	padding: .1em .5em;
	/*background-color: #eb3b54;*/
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.0;
}


/*傍点*/
.dot{
	position: relative;
	padding-top: 5px;
}

.dot:before{
	position: absolute;
	top: 0;
	left: 50%;
	width: 0.2em;
	height: 0.2em;
	margin-left: -.1em;
	border-radius: 50%;
	background: #333;
	content: "";
}


/*装飾*/
.shadow{ box-shadow: 4px 4px 0px #e9e9e9; }

.shadow02{ box-shadow: 0px 0px 4px #666; }

.outline{
	box-sizing: border-box;
	border: 1px solid #ccc;
}

.frame{
	max-width: 95%;
	padding: 8px;
	box-sizing: border-box;
	box-shadow: 0px 0px 8px #666;
	background: #fff;
}

.bdr,
.bdr_gray{ border: 1px solid #ccc; }/*灰*/
.bdr_red{ border: 1px solid #e00000; }/*赤*/
.bdr_blue{ border: 1px solid #0329ce; }/*青*/
.bdr_green{ border: 1px solid #01995e; }/*緑*/
.bdr_yellow{ border: 1px solid #ffe400; }/*黄*/
.bdr_navy{ border: 1px solid #133d94; }/*紺*/
.bdr_orange{ border: 1px solid #eca100; }/*橙*/
.bdr_pink{ border: 1px solid #eb67b5; }/*ピンク*/
.bdr_lime{ border: 1px solid #2abe0d; }/*黄緑*/
.bdr_aqua{ border: 1px solid #0baedd; }/*水色*/
.bdr_black{ border: 1px solid #000; }/*黒*/

/*円*/
.circle{ border-radius: 50%; }


/*角丸*/
.rc4{ border-radius: 4px; }
.rc4-tl{ border-top-left-radius: 4px; }
.rc4-tr{ border-top-right-radius: 4px; }
.rc4-bl{ border-bottom-left-radius: 4px; }
.rc4-br{ border-bottom-right-radius: 4px; }

.rc8{ border-radius: 8px; }
.rc8-tl{ border-top-left-radius: 8px; }
.rc8-tr{ border-top-right-radius: 8px; }
.rc8-bl{ border-bottom-left-radius: 8px; }
.rc8-br{ border-bottom-right-radius: 8px; }

.rc12{ border-radius: 12px; }
.rc12-tl{ border-top-left-radius: 12px; }
.rc12-tr{ border-top-right-radius: 12px; }
.rc12-bl{ border-bottom-left-radius: 12px; }
.rc12-br{ border-bottom-right-radius: 12px; }


/*角丸長方形
※高さ100pxまで*/
.rc50{ border-radius: 50px; }


/*回り込み
※モバイル時にも解除されない*/
.fl-l{
	float: left;
	margin: 0 1em 1em 0;
}

.fl-r{
	float: right;
	margin: 0 0 1em 1em;
}

.fl-c{ clear: both; }


/*回り込み
※モバイル時には回り込み解除*/
.left{
	margin: 0 0 1em 0;
}

.right{
	margin: 0 0 1em 0;
}

@media (min-width : 768px){

	/*回り込み
	※モバイル時には回り込み解除*/
	.left{
		float: left;
		margin: 0 1em 1em 0;
	}

	.right{
		float: right;
		margin: 0 0 1em 1em;
	}
	.af-wrapper{
	    font-size: 32px;
        line-height: 1.8em;
	}
}/*横幅768px以上*/


/*テーブルレイアウト*/
.tl-a{
	table-layout: auto;
}

.tl-f{
	table-layout: fixed;
}


/*文字の横位置*/
.al-l{ text-align: left!important; }
.al-r{ text-align: right!important; }
.al-c{ text-align: center!important; }


/*文字の縦位置*/
.vl-t{ vertical-align: top!important; }/*上寄せ*/
.vl-m{ vertical-align: middle!important; }/*中央寄せ*/
.vl-b{ vertical-align: bottom!important; }/*下寄せ*/

/*上下にモバイルとデスクトップで異なるサイズの余白を空ける*/
.m10-20-t{ margin-top: 10px; }/*モバイルのときは10pxでPCのときは20px*/
.m15-30-t{ margin-top: 15px; }
.m20-40-t{ margin-top: 20px; }
.m25-50-t{ margin-top: 25px; }
.m30-60-t{ margin-top: 30px; }
.m35-70-t{ margin-top: 35px; }
.m40-80-t{ margin-top: 40px; }
.m45-90-t{ margin-top: 45px; }

.m10-20-b{ margin-bottom: 10px; }
.m15-30-b{ margin-bottom: 15px; }
.m20-40-b{ margin-bottom: 20px; }
.m25-50-b{ margin-bottom: 25px; }
.m30-60-b{ margin-bottom: 30px; }
.m35-70-b{ margin-bottom: 35px; }
.m40-80-b{ margin-bottom: 40px; }
.m45-90-b{ margin-bottom: 45px; }

@media (min-width : 768px){

	/*周りのブロックからの距離（margin）*/
	.m10-20-t{ margin-top: 20px!important; }
	.m15-30-t{ margin-top: 30px!important; }
	.m20-40-t{ margin-top: 40px!important; }
	.m25-50-t{ margin-top: 50px!important; }
	.m30-60-t{ margin-top: 60px!important; }
	.m35-70-t{ margin-top: 70px!important; }
	.m40-80-t{ margin-top: 80px!important; }
	.m45-90-t{ margin-top: 90px!important; }

	.m10-20-b{ margin-bottom: 20px!important; }
	.m15-30-b{ margin-bottom: 30px!important; }
	.m20-40-b{ margin-bottom: 40px!important; }
	.m25-50-b{ margin-bottom: 50px!important; }
	.m30-60-b{ margin-bottom: 60px!important; }
	.m35-70-b{ margin-bottom: 70px!important; }
	.m40-80-b{ margin-bottom: 80px!important; }
	.m45-90-b{ margin-bottom: 90px!important; }

}/*横幅768px以上*/


/*フォントの装飾*/
.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/


/*フォントサイズの設定*/
.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }

/*フォントの色設定*/
.red{ color: #e00000!important; }/*赤*/
.blue{ color: #0329ce!important; }/*青*/
.green{ color: #01995e!important; }/*緑*/
.yellow{ color: #ffe400!important; }/*黄*/
.navy{ color: #133d94!important; }/*紺*/
.orange{ color: #eca100!important; }/*橙*/
.pink{ color: #eb67b5!important; }/*ピンク*/
.purple{ color: #9940d2!important; }/*紫*/
.olive{ color: #9bb814!important; }/*オリーブ*/
.lime{ color: #2abe0d!important; }/*黄緑*/
.aqua{ color: #0baedd!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #999!important; }/*灰*/
.white{ color: #fff!important; }/*白*/
.brown{ color: #4b1c1c!important; }/*茶*/


/*マーカー表示
背景に着色、「box-xx」から変更*/
.line-blue{ background: linear-gradient(transparent 50%, #9ddff1 50%); }/*青*/
.line-yellow{ background: linear-gradient(transparent 50%, #fff499 50%); }/*黄*/
.line-orange{ background: linear-gradient(transparent 50%, #f7d999 50%); }/*橙*/
.line-pink{ background: linear-gradient(transparent 50%, #f7c2e1 50%); }/*ピンク*/
.line-lime{ background: linear-gradient(transparent 50%, #aae59e 50%); }/*黄緑*/
.line-gray{ background: linear-gradient(transparent 50%, #d6d6d6 50%); }/*灰*/
/*アンダーライン*/
.underline-red {
  border-bottom: solid 3px #ff0606b0;
}
/*videoのレスポンシブ*/
.v-res_wrap{
	/*max-width: 500px;*/
	/*max-width: 1280px;*/
	max-width: 800px;
	margin: auto;
	margin-bottom: 40px;
    text-align: center;
    padding-top: 10px;
}

.v-res {
  /*position: relative;*/
  /* overflow: hidden; */
  /* height: 0; */
  /* padding-top: 41px; */
  /* padding-bottom: 50%; */
  /*display: inline-block;*/
  width: 800px;
    /*margin-top: 40px;*/
}

.v-res iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*iframeのレスポンシブ*/
.i-res {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 41px;
    padding-bottom: 50%;
	margin-top: 20px;
}
.i-res iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*下線や取消線の設定*/
.underline{ text-decoration: underline!important; }
.del{ text-decoration: line-through; }
.noborder{ border: 0!important; }/*枠線を無くす*/


/*重なりの優先度*/
.z1{ z-index: 1!important; }
.z2{ z-index: 2!important; }
.z3{ z-index: 3!important; }
.z4{ z-index: 4!important; }
.z5{ z-index: 5!important; }
.z10{ z-index: 10!important; }
.z20{ z-index: 20!important; }
.z30{ z-index: 30!important; }
.z40{ z-index: 40!important; }
.z50{ z-index: 50!important; }

.aligncenter {text-align:center;}
.tuika {text-align:center;
margin-top:30px;}