@charset "utf-8";

/*-------------------------------------------------------------------------------------------
スタイルシートを編集する場合はこちらへ記述すること！
-------------------------------------------------------------------------------------------*/
p:empty:before{content:none!important;}


/*要素が小さいので修正＠SC*/
#breadcrumb li:after{margin-left:1.0em;}

@media only screen and (max-width: 767px){
	#breadcrumb {font-size:13px;}
}

/* --------------------------------------------- */
/* Mobile Styles */
/* --------------------------------------------- */
/*Ganohrs Toggle Shortcodeのトグル内の文字色を変更*/	
.gnr-tgl-w, .gnr-tgl-w1, .gnr-tgl-w2, .gnr-tgl-w3, .gnr-tgl-w4, .gnr-tgl-w5, .gnr-tgl-w6, .gnr-tgl-w7, .gnr-tgl-w8, .gnr-tgl-w9, .gnr-tgl-w10, .gnr-tgl-w11, .gnr-tgl-w12, .gnr-tgl-w13, .gnr-tgl-w14, .gnr-tgl-w15, .gnr-tgl-w16, .gnr-tgl-w17, .gnr-tgl-w18, .gnr-tgl-w19 {	
	color:#333!important;
}	
.gnr-tgl-wrap th, .gnr-tgl-wrap tr:nth-child(odd){	color:#333!important;}
.gnr-tgl-t1{font-size:110%!important;}	


/*トグル内のスペース調整*/
.arconix-toggle-content{padding:5px;}


/*★body背景のデザイン変更*/
body{
	overflow-x:hidden;
  	background:rgba(0,0,0,0);
}
.background-hack {
    z-index: -1;
    position                : fixed;
    top                     : 0;
    left                    : 0;
    right                   : 0;
    bottom                  : 0;
}
.normal-bg{	
	background-image : url(http://www.hanryu10.jp/wp-content/uploads/2018/11/movie_title_small-1.jpg);
	background-size:100% auto;
	background-repeat:repeat-y;
}
.korea-bg{	
	//background-image : url(https://www.hanryu10.jp/wp-content/uploads/2019/07/movie_title_small.jpg);/*汎用*/
	background-image : url(http://www.hanryu10.jp/wp-content/uploads/2019/06/91c65a69d6a00abac5f2b38bd48d7d52.jpg);/*韓流*/
	background-size:100% auto;
	background-repeat:repeat-y;
}


スクリーンサイズが767px以下の場合*/
@media only screen and (max-width: 767px) {

	/*SPビューで再背景に縦長を読み込ませる*/
	.korea-bg{
		background-image : url(https://www.hanryu10.jp/wp-content/uploads/2019/07/movie_title_small.jpg);
		background-size:100% auto;
		background-repeat:repeat-y;
	}

	/*SPビュー：パンくずの文字が小さくて要素間リンクが近すぎる問題対策*/
	#breadcrumb {font-size: 12px;}
}


/*関連記事カードの「関連記事」の文字化け修正*/
.related_article .ttl:before{content:"関連記事";}


#logo .h1.text{font-size:1.6em;}


/*★マイクロコピーのアニメーション:ふわふわ★*/
.fluffy {  animation: fluffy1 3s linear infinite;}

@keyframes fluffy1 {
  0% { transform:translateY(-5px) }
  50% { transform:translateY(5px) }
  100% { transform:translateY(-5px) }
}

/*★マイクロコピーのアニメーション:ぴょん★*/
.fluffy2 {  animation: fluffy2 3s ease infinite;}

@keyframes fluffy2 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-15px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-15px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}


/*★ポイント枠*/
.waku-point{
	position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.waku-point p {
    margin: 0; 
    padding: 0;
}
.waku-point-title{
	position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #f2eee2;
    color: #95ccff;
    font-weight: bold;
}

/*★枠の装飾★*/
.waku-simple{
	margin:2em 0;
    position: relative;
    padding: 1em 1em;
    border: solid 2px #ffcb8a;
    border-radius: 3px 0 3px 0;
}
.waku-simple p {
    margin: 0; 
    padding: 0;
}

/*★口コミ引用divの装飾★*/
.entry-content blockquote:before, .entry-content blockquote:after{
	background:transparent;
	font-size:0.8em;
	content:"";
}


.review-quote{
	position: relative;
    background: #fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    color: #454545;
}
.review-quote:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #ffdb88;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.review-quote p{
	margin: 0; 
    padding: 0.5em 1.0em;
}

/*■バナーアニメーション■*/
.furufuru{
 animation: fluffy1 3s ease infinite;
}
@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-5px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-5px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}


.header.bg, .header #inner-header, .menu-sp{
	background:linear-gradient(45deg,#a3ece6,#f9d684);
	box-shadow: 0px 3px 5px rgba(0,0,0,0.4);
}

#logo a{color:#fff;text-shadow: 3px 3px 10px #333; font-weight:bold;}

/*■h2大見出し装飾■*/
.widgettitle,
.entry-content h2, .widgettitle{background:#81d8d0;}

.widgettitle, .entry-content h2, .widgettitle{background:linear-gradient(45deg,#f8c0c6,#f9d684);}
.entry-content h2, .widgettitle{color:#333333;}

/*■h3中見出し■*/
.widgettitle, .entry-content h3, .widgettitle{
	border-left:none;
	padding: 0.4em 0.3em;
    position: relative;
　/*background:linear-gradient(to left,  #f8c0c6 0%,#f9d684 100%);*/
}

h3, .h3{font-size:1.1em;}

.entry-content h3::after{
	position: absolute;
    bottom: -3px;
    left: 0;
    content: "";
    width: 100%;
    height: 3px;
	backgournd:-webkit-linear-gradient(left,  #f8c0c6 0%,#84f4f9 100%);
	background:linear-gradient(to left,  #f8c0c6 0%,#84f4f9 100%);
}



.article h4:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	border-width:0px 0px 16px 16px;
	border-style:solid;
	border-color:#FFF #bbb #bbb #FFF;
	display:block;
}

#inner-header{	background:transparent!important;box-shadow:none!important;}
#breadcrumb{
	background:transparent!important;
	color:#fff;
	box-shadow:none!important;
}
#breadcrumb li a{color:#00f3ff;}


#inner-content{	
	/*background:url(https://www.hanryu10.jp/wp-content/uploads/2019/07/tile-1.png) top left repeat-x #f2eee2;*/



/*
	background-image:-webkit-linear-gradient( transparent 95%,rgba(0, 231, 255, 0.05) 50%,rgba(0, 255, 255, 0.05)),-webkit-linear-gradient(  0deg, transparent 95%,rgba(255, 0, 144, 0.05) 50%,rgba(255, 0, 144, .05) );
	background-size:20px 20px;
*/
}

/*Arconix Shortcodesのトグルタイトル装飾*/
.arconix-toggle-title{
	font-size:20px!important;
	font-weight:bold!important;
	padding:0.5em 0!important;
}
.arconix-toggle-wrap{background:#ffffff;}

/*ストークのショートコードが一部反映されないのでここで装飾*/
.c_box.blue_box{
	background:#d4f3ff;
	border-color:#82c8e2;
	color:#222;
}
.c_box.intitle{
	padding-top:0;
	padding-bottom:0.5em;
}
.c_box{
	padding:1em 4%;
	margin:2em 0 2em;
	border:2px solid #dddddd;
	border-radius:0.2em;
}
.c_box.blue_box .box_title span{
	background:#82c8e2;
}
.c_box.intitle .box_title span{
	position:relative;
	top:-0.85em;
	padding:0.1em 0.5em;
	color:#fff;
	font-weight:bold;
	border-radius:0.2em;
	display:inline-block;
	vertical-align:bottom;
}

/*フォント*/
body{
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue,Hiragino Kaku Gothic ProN","メイリオ",meiryo,sans-serif;
	//font-family:'Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
}

/*★ママ吹き出しの装飾*/
.sb-type-pink > .sb-subtype-a > .sb-content > .sb-speech-bubble, .sb-type-pink > .sb-subtype-b > .sb-content > .sb-speech-bubble,
.sb-type-pink > .sb-subtype-c > .sb-content > .sb-speech-bubble, .sb-type-pink > .sb-subtype-d > .sb-content > .sb-speech-bubble{
 background-color:#FFF0F8;color:#000;
}
/*★ねこ君の吹き出し(言わないタイプ)*/

/*★かいり先生の吹き出し装飾*/
.sb-type-drop > .sb-subtype-b > .sb-content > .sb-speech-bubble{
	border-radius:10px;
}

.sb-type-drop > .sb-subtype-b > .sb-speaker > .sb-name, .sb-type-drop > .sb-subtype-d > .sb-speaker > .sb-name{
	font-size:12px;
	font-weight:bold;
}

/*★speech bubbleの吹き出し装飾★*/
.sb-type-drop > .sb-subtype-b > .sb-content > .sb-speech-bubble{
 box-shadow:none;
 border:solid 2px rgb(128, 128, 241);
 background:#e1e9fd;
}

/*★フローブロックの装飾★*/
.flow-block{
	margin:0 10px;
	padding:5px 15px 5px 25px;
	border:2px solid #fcb6b6;
	-webkit-border-radius:10px;
	border-radius:10px;
	background:#fff4f4;
}
/*★下三角形矢印★*/
.arrow{
	margin:10px auto;
	width: 0px;
	border-color: #fcb6b6;
	border-style: solid;
	border-width: 20px;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
}


/*引用の余白調整*/
.entry-content blockquote{padding:0.5em;}
.entry-content blockquote p{margin:0;}

/*◆テーブルタグの装飾*/
.data-table a{color:#ff9206;}
.table_title{background:#fff8dc!important;color:#000;}
.table_title a{color:#ff9206;}