@charset "UTF-8";
/* STG */

/*
=====================================================================
reset
=====================================================================
*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,del,details,dd,div,dfn,dl,dt,em,embed,fieldset,figure,figcaption,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	border				: 0;
	margin				: 0;
	padding				: 0;
}
dd,dl,dt,li,ol,ul {
	list-style			: none;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display				: block;
}
audio,canvas,progress,video {
	display				: inline-block; /* 1 */
	vertical-align		: baseline; /* 2 */
}
audio:not([controls]) {
	display				: none;
	height				: 0;
}
 [hidden],
template {
	display				: none;
}
a:active,a:hover {
	outline				: 0;
}
abbr[title] {
	border-bottom		: 1px dotted;
}
b,strong {
	font-weight			: bold;
}
dfn {
	font-style			: italic;
}
h1 {
	font-size			: 1em;
	margin				: 0 !important;
	padding				: 0 !important;
}
h5 {
	font-size			: 1.3rem;
	font-weight			: bold;
	margin				: 0 0 10px 0;
}
mark {
	background			: #ff0;
	color				: #000;
}
small {
	font-size			: 80%;
}
sub,sup {
	font-size			: 75%;
	line-height			: 0;
	position			: relative;
	vertical-align		: baseline;
}
sup {
	top					: -0.5em;
}
sub {
	bottom				: -0.25em;
}
img {
	border				: 0;
}
svg:not(:root) {
	overflow			: hidden;
}
figure {
	margin				: 1em 40px;
}
hr {
	box-sizing				: content-box;
		-moz-box-sizing		: content-box;
	height					: 0;
}
pre {
	overflow			: auto;
}
code,kbd,pre,samp {
	font-family			: monospace, monospace;
	font-size			: 1em;
}
button,input,optgroup,select,textarea {
	color				: inherit; /* 1 */
	font				: inherit; /* 2 */
	margin				: 0; /* 3 */
}
button {
	overflow			: visible;
}
button,select {
	text-transform		: none;
}
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance	: button; /* 2 */
	cursor				: pointer; /* 3 */
}button[disabled],html input[disabled] {
	cursor				: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border				: 0;
	padding				: 0;
}
input {
	line-height			: normal;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing			: border-box; /* 1 */
	padding				: 0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height				: auto;
}
input[type="search"] {
	box-sizing				: content-box;
		-webkit-appearance	: textfield; /* 1 */
		-moz-box-sizing		: content-box;
		-webkit-box-sizing	: content-box; /* 2 */
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance	: none;
}
fieldset {
	border				: 1px solid #c0c0c0;
	margin				: 0 2px;
	padding				: 0.35em 0.625em 0.75em;
}
legend {
	border				: 0; /* 1 */
	padding				: 0; /* 2 */
}
textarea {
	overflow			: auto;
}
optgroup {
	font-weight			: bold;
}
table {
	border-collapse		: collapse;
	border-spacing		: 0;
}
td,th {
	padding				: 0;
}



/*
=====================================================================
BASE構造
=====================================================================
*/

/* FONT */
@font-face {
	font-family		: 'webYM_Num';
	src				: url('../font/webYM_Num.eot'); /* IE9 Compat Modes */
	src				: url('../font/webYM_Num.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
						url('../font/webYM_Num.ttf') format('truetype'); /* Safari, Android, iOS */
}
html {
	background			: #fff;
	font-family			: sans-serif;
	font-size			: 62.5%;
}
body {
	color				: #333;
	font-family			: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size			: 12px;
	font-size			: 1.2rem;
	line-height			: 1.6;
}
a {
	color				: #555;
	overflow			: hidden;
	outline				: none;
	text-decoration		: none;
}
#contents_wrap a {
	color				: #025bc0;
}
a:hover {
	text-decoration		: underline;
}

a img:hover {
	background			: #fff;
	opacity				: 0.75;
		filter				: alpha(opacity=75);
		-moz-opacity		: 0.75;
}
blockquote {
	border				: 1px solid #555;
	color				: #555;
	font-style			: oblique;
	margin				: 0;
	padding				: 10px;
	width				: auto;
}
	.iframe-content {
		text-align		: center;
	}
	/* image */
	img {
		height			: auto;
		max-width		: 100%;
	}
#wrap {
	height				: 100%;
	width				: 100%;
}
@media screen and (max-width: 767px) {
	/*　iframe */
	.iframe-content {
		padding			: 75% 0 0 0;
		position		: relative;
		width			: 100%;
	}
	.iframe-content iframe {
		height			: 100%;
		left			: 0;
		position		: absolute;
		top				: 0;
		width			: 100%;
	}
}



/*
=====================================================================
共用PARTS
=====================================================================
*/

/* COLOR */
.ymblue {
	color		: #025bc0; /*rgba(2,91,192,1)*/
}
.ymorg {
	color		: #fa5b4b; /*rgba(250,91,75,1)*/
}
.ymred {
	color		: #fa5949; /*rgba(250,89,73,1)*/
}
.ymtred {
	color		: #d6000f; /*rgba(214,0,15,1)*/
}
.eymcyan {
	color		: #00aecb; /*rgba(0,174,203,1)*/
}
.gspink {
	color		: #fc46A0; /*rgba(252,71,161,1)*/
}
.ymgray {
	color		: #626262; /*rgba(97,97,97,1)*/
}
.ymtrial {
	color		: #30b8a6; /*rgba(97,97,97,1)*/
}
.ymbuy {
	color		: #ef7c42; /*rgba(97,97,97,1)*/
}

/* STRUCTURE */
#bnr_area,
#character,
#cnav,
#gnav ul,
#hnav,
#info,
#magazine_wrap,
#search,
#tadaman,
#twiter_news,
.chara_box,
.kantou,
.mag_box {
	overflow			: hidden;
}
.clearfix:after {
	clear				: both;
	content				: ".";
	display				: block;
	height				: 0;
	visibility			: hidden;
} 
.clearfix { display: inline-table; }
  
/* Hides from IE-mac \*/  
* html .clearfix {
	height				: 1%;
}  
.clearfix {
	display				: block;
}  
/* End hide from IE-mac */  
.fltL {
	float			: left;
}

.fltR {
	float			: right;
}
.alnL {
	text-align			: left;
}
.alnC {
	text-align			: center;
}
.alnR {
	text-align			: right;
}

.block {
	display			: block;
}
.i-block {
	display			: inline-block;
}
.clr,
.clear {
	clear				: both;
}

.ico {
	left				: 0;
	position			: absolute;
	top					: 0;
}

.img_pc {
	display			: block;
}
.img_sp {
	display			: none;
}

/* FLEX-BOX */
.flex-box {
	overflow			: hidden;
	width				: 940px;
}
.flex-box ul {
	margin-right		: -20px;
	width				: 960px;
}

.flex-box620 {
	overflow			: hidden;
	width				: 620px;/*右カラム300px*/
}
.flex-box620 ul {
	margin-right		: -20px;
	width				: 640px;
}
.box-gry_1b,
.JQhL-box-gry_2b,
.JQhL-box-gry_3b,
.JQhL-box-gry_3b_np,
.JQhL-box-gry_3b_nm,
.JQhL-box-gry_3b_web-s,
.JQhL-box-gry_4b {
	border				: 1px solid #ccc;
	height				: auto;
}
.box-gry_1b,
.JQhL-box-gry_2b,
.JQhL-box-gry_3b,
.JQhL-box-gry_3b_np,
.JQhL-box-gry_4b,
.JQhL-box-gry_3b_nm,
.JQhL-box-gry_3b_web-s {
	margin			: 10px 20px 10px 0;
}
.box-gry_1b,
.JQhL-box-gry_2b,
.JQhL-box-gry_3b,
.JQhL-box-gry_3b_nm,
.JQhL-box-gry_4b {
	padding			: 5px;
}
.JQhL-box-gry_3b_web-s,
.JQhL-box-gry_3b_np {
	padding			: 0px;
}
.box-gry_1b img,
.JQhL-box-gry_2b img,
.JQhL-box-gry_3b img,
.JQhL-box-gry_3b_nm img,
.JQhL-box-gry_4b img {
	padding			: 0;
	margin			: 0;
}
.box-gry_1b {
	width				: 928px;
}
.JQhL-box-gry_2b {
	float				: left;
	width				: 448px;
}
.JQhL-box-gry_3b,
.JQhL-box-gry_3b_nm {
	float		: left;
	width		: 288px;
}
.JQhL-box-gry_3b_web-s,
.JQhL-box-gry_3b_np {
	float		: left;
	width		: 298px;
}
.JQhL-box-gry_4b {
	float		: left;
	width		: 208px;
}


/* 線なしボックス */
}
.box-1b,
.JQhL-box-2b,
.JQhL-box-3b,
.JQhL-box-3b_np,
.JQhL-box-3b_nm,
.JQhL-box-3b_web-s,
.JQhL-box-4b {
	height				: auto;
}
.box-1b,
.JQhL-box-2b,
.JQhL-box-3b,
.JQhL-box-3b_np,
.JQhL-box-4b,
.JQhL-box-3b_nm,
.JQhL-box-3b_web-s {
	margin			: 10px 20px 10px 0;
}
.box-1b,
.JQhL-box-2b,
.JQhL-box-3b,
.JQhL-box-3b_nm,
.JQhL-box-4b {
	padding			: 5px;
}
.JQhL-box-3b_web-s,
.JQhL-box-3b_np {
	padding			: 0px;
}
.box-1b img,
.JQhL-box-2b img,
.JQhL-box-3b img,
.JQhL-box-3b_nm img,
.JQhL-box-4b img {
	padding			: 0;
	margin			: 0;
}
.box-1b {
	width				: 930px;
}
.JQhL-box-2b {
	float				: left;
	width				: 450px;
}
.JQhL-box-3b,
.JQhL-box-3b_nm {
	float		: left;
	width		: 290px;
}
.JQhL-box-3b_web-s,
.JQhL-box-3b_np {
	float		: left;
	width		: 300px;
}
.JQhL-box-4b {
	float		: left;
	width		: 210px;
}
/* 線なしボックス end */


.box-clr_2-3,
.box-clr_1-3 {
	float		: left;
	height		: auto;
	min-height	: 100px;
}
.box-clr_2-3 {
	margin		: 0 0 20px 0;
	padding		: 0;
	width		: 630px;
}
.box-clr_1-3 {
	margin		: 0 0 0 20px;
	padding		: 0;
	width		: 290px;
}

.box-clr_3-4 {
	float			: left;
	width			: 708px;
}
.box-clr_1-4 {
	/* background: #ff0; CHK */
	float			: left;
	margin			: 0 0 0 8px;
	min-height		: 600px;
	padding			: 0;
	width			: 224px;
}

.tablediv1-3 {
	float			: left;
	font-size		: 0.9rem;
	height			: auto;
	line-height		: 1.6em;
	margin			: 0;
	padding			: 0 20px 0 0;
	width			: 180px;
}

.tablediv2-3 {
	float			: left;
	font-size		: 0.9rem;
	height			: auto;
	line-height		: 1.6em;
	margin			: 0;
	padding			: 0;
	width			: 740px;
}

/* BTN */

.colorBarBTN_blu a,
.colorBarBTN_org a,
.colorBarBTN_red a,
.colorBarBTN_pnk a,
.colorBarBTN_gry a,
.colorBarBTN_trial a,
.colorBarBTN_buy a {
	border-radius		: 5px;
	color				: #fff !important;
	display				: block;
	font-size			: 1.8rem;
	height				: 40px;
	line-height			: 40px;
	margin				: 0 auto 10px auto;
	opacity				: 1.0;
		filter			: alpha(opacity=100);
	padding				: 5px;
	text-align			: center;
	text-decoration		: none;
	width				: 90%;
}
.colorBarBTN_blu a {
	background-color	: #025bc0;
}
.colorBarBTN_org a {
	background-color	: #fa5b4b;
}
.colorBarBTN_red a {
	background-color	: #d6000f;
}
.colorBarBTN_pnk a {
	background-color	: #fc46A0;
}
.colorBarBTN_gry a {
	background-color	: #626262;
}
.colorBarBTN_trial a {
	background-color	: #30b8a6;
}
.colorBarBTN_buy a {
	background-color	: #ef7c42;
}

.colorBarBTN_blu a:hover,
.colorBarBTN_org a:hover,
.colorBarBTN_red a:hover,
.colorBarBTN_pnk a:hover,
.colorBarBTN_gry a:hover,
.colorBarBTN_trial a:hover,
.colorBarBTN_buy a:hover {
	opacity				: 0.7;
		filter			: alpha(opacity=70);
}



@media screen and (max-width: 991px) {
/* FLEX-BOX */
	.flex-box {
		width				: 720px;
	}
	.flex-box ul {
		/* background			: #ff5; CHK */
		margin-right		: -10px;
		width				: 730px;
		overflow			: auto;
	}

	.flex-box620 {
		overflow			: hidden;
		width				: 510px;/*右カラム200px*/
	}
	.flex-box620 ul {
		margin-right		: -10px;
		width				: 520px;
	}
	.box-gry_1b,
	.JQhL-box-gry_2b,
	.JQhL-box-gry_3b,
	.JQhL-box-gry_3b_np,
	.JQhL-box-gry_4b,
	.JQhL-box-gry_3b_nm,
	.JQhL-box-gry_3b_web-s {
		margin				: 10px 10px 5px 0;
	}
	.box-gry_1b {
		width				: 708px;
	}
	.JQhL-box-gry_2b {
		width				: 343px;
	}
	.JQhL-box-gry_3b,
	.JQhL-box-gry_3b_nm {
		width				: 221px;
	}
	.JQhL-box-gry_3b:first-child,
	.JQhL-box-gry_3b_nm:first-child {
		width				: 222px;
	}
	.JQhL-box-gry_3b_web-s,
	.JQhL-box-gry_3b_np {
		float				: left;
		width				: 298px;
	}
	.JQhL-box-gry_4b {
		width				: 160px;
	}
	.JQhL-box-gry_4b:first-child {
		width				: 162px;
	}

/* box-clr */
	.box-clr_2-3 {
		width		: 430px;
	}
	.box-clr_1-3 {
		margin		: 0 0 0 20px;
		width		: 270px;
	}
/*	.box-clr_3-4 {
		float			: left;
		width			: 708px;
	}
	.box-clr_1-4 {
		float			: left;
		margin			: 0 0 0 8px;
		min-height		: 600px;
		padding			: 0;
		width			: 224px;
	}*/
	.box-clr_3-4,
	.box-clr_1-4 {
		float			: none;
		margin			: 0 0 10px 0;
	}
	.box-clr_3-4 {
		width			: 720px;
	}
	.box-clr_1-4 {
		/* background		: #FCC; CHK*/
		width			: 720px;
	}
}



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

	.img_pc {
		display			: none;
	}
	.img_sp {
		display			: block;
	}
/* FLEX-BOX */
	.flex-box {
		width				: 100%;
	}
	.flex-box ul {
		width				: 100%;
	}

	.flex-box620 {
		width				: 100%;
	}
	.flex-box620 ul {
		width				: 100%;
	}
	.box-gry_1b,
	.JQhL-box-gry_2b,
	.JQhL-box-gry_3b,
	.JQhL-box-gry_3b_nm,
	.JQhL-box-gry_3b_np,
	.JQhL-box-gry_3b:first-child,
	.JQhL-box-gry_3b_nm:first-child,
	.JQhL-box-gry_3b_web-s,
	.JQhL-box-gry_3b_np,
	.JQhL-box-gry_4b,
	.JQhL-box-gry_4b:first-child {
		float				: none;
		width				: 96%;
		margin				: 5px auto;
	}

/* box-clr */
	.box-clr_1-3 {
		margin		: 0;
	}
	.box-clr_2-3,
	.box-clr_1-3,
	.box-clr_3-4,
	.box-clr_1-4 {
		float			: none;
	}
	.box-clr_2-3,
	.box-clr_1-3,
	.box-clr_3-4,
	.box-clr_1-4 {
		width			: 466px;
	}
}



@media screen and (max-width: 480px) {
/* box-clr */
	.box-clr_2-3,
	.box-clr_1-3,
	.box-clr_3-4,
	.box-clr_1-4 {
		width			: 300px;
	}

}

/* HR */
hr {
    border			: 0;
    border-top		: 1px solid #555;
	clear			: both;
    height			: 0;
}
hr.wht_1px_sld {
    border-top		: 1px solid #fff;
}
hr.blk_1px_sld {
    border-top		: 1px solid #000;
}
hr.blk_1px_dtd {
    border-top		: 1px dotted #000;
}
hr.blk_1px_dsd {
    border-top		: 1px dashed #000;
}
hr.gry_1px_sld {
    border-top		: 1px solid #ccc;
}
hr.gry_1px_dtd {
    border-top		: 1px dotted #ccc;
}
hr.gry_1px_dsd {
    border-top		: 1px dashed #ccc;
}
hr.ymblue_1px_sld {
    border-top		: 1px solid #025bc0;
}
hr.ymblue_1px_dtd {
    border-top		: 1px dotted #025bc0;
}
hr.ymblue_1px_dsd {
    border-top		: 1px dashed #025bc0;
}
hr.ymorg_1px_sld {
    border-top		: 1px solid #fa5b4b;
}
hr.ymorg_1px_dtd {
    border-top		: 1px dotted #fa5b4b;
}
hr.ymorg_1px_dsd {
    border-top		: 1px dashed #fa5b4b;
}
hr.ymred_1px_sld {
    border-top		: 1px solid #fa5949;
}
hr.ymred_1px_dtd {
    border-top		: 1px dotted #fa5949;
}
hr.ymred_1px_dsd {
    border-top		: 1px dashed #fa5949;
}
hr.ymtred_1px_sld {
    border-top		: 1px solid #d6000f;
}
hr.ymtred_1px_dtd {
    border-top		: 1px dotted #d6000f;
}
hr.ymtred_1px_dsd {
    border-top		: 1px dashed #d6000f;
}
hr.gspink_1px_sld {
    border-top		: 1px solid #fc46A0;
}
hr.gspink_1px_dtd {
    border-top		: 1px dotted #fc46A0;
}
hr.gspink_1px_dsd {
    border-top		: 1px dashed #fc46A0;
}
hr.ymgry_1px_sld {
    border-top		: 1px solid #626262;
}
hr.ymgry_1px_dtd {
    border-top		: 1px dotted #626262;
}
hr.ymgry_1px_dsd {
    border-top		: 1px dashed #626262;
}

/* BORDER */
.bdr_blk_1px_sld {
    border			: 1px solid #000;
	padding			: 4px;
}
.bdr_blk_1px_dtd {
    border			: 1px dotted #000;
	padding			: 4px;
}
.bdr_blk_1px_dsd {
    border			: 1px dashed #000;
	padding			: 4px;
}
.bdr_gry_1px_sld {
    border			: 1px solid #ccc;
	padding			: 4px;
}
.bdr_gry_1px_dtd {
    border			: 1px dotted #ccc;
	padding			: 4px;
}
.bdr_gry_1px_dsd {
    border			: 1px dashed #ccc;
	padding			: 4px;
}
.bdr_ymblue_1px_sld {
    border			: 1px solid #025bc0;
	padding			: 4px;
}
.bdr_ymblue_1px_dtd {
    border			: 1px dotted #025bc0;
	padding			: 4px;
}
.bdr_ymblue_1px_dsd {
    border			: 1px dashed #025bc0;
	padding			: 4px;
}
.bdr_ymorg_1px_sld {
    border			: 1px solid #fa5b4b;
	padding			: 4px;
}
.bdr_ymorg_1px_dtd {
    border			: 1px dotted #fa5b4b;
	padding			: 4px;
}
.bdr_ymorg_1px_dsd {
    border			: 1px dashed #fa5b4b;
	padding			: 4px;
}
.bdr_ymred_1px_sld {
    border			: 1px solid #fa5949;
	padding			: 4px;
}
.bdr_ymred_1px_dtd {
    border			: 1px dotted #fa5949;
	padding			: 4px;
}
.bdr_ymred_1px_dsd {
    border			: 1px dashed #fa5949;
	padding			: 4px;
}
.bdr_ymtred_1px_sld {
    border			: 1px solid #d6000f;
	padding			: 4px;
}
.bdr_ymtred_1px_dtd {
    border			: 1px dotted #d6000f;
	padding			: 4px;
}
.bdr_ymtred_1px_dsd {
    border			: 1px dashed #d6000f;
	padding			: 4px;
}
.bdr_gspink_1px_sld {
    border			: 1px solid #fc46A0;
	padding			: 4px;
}
.bdr_gspink_1px_dtd {
    border			: 1px dotted #fc46A0;
	padding			: 4px;
}
.bdr_gspink_1px_dsd {
    border			: 1px dashed #fc46A09;
	padding			: 4px;
}
.bdr_ymgry_1px_sld {
    border			: 1px solid #626262;
	padding			: 4px;
}
.bdr_ymgry_1px_dtd {
    border			: 1px dotted #626262;
	padding			: 4px;
}
.bdr_ymgry_1px_dsd {
    border			: 1px dashed #626262;
	padding			: 4px;
}

/* BACKGROUND*/
.bg_wht {
	background		: #fff;
}
.bg_stripe {
	background				: url("/img/bg_ymgry_stripe_36x36.png"); /* IEとOperaで見たとき用の背景画像 */
	background				: -moz-linear-gradient(left top,
								#dce3ea,
								#dce3ea 25%,
								#eee 25%,
								#eee 50%,
								#dce3ea 50%,
								#dce3ea 75%,
								#eee 75%,
								#eee);  
	background				: -webkit-gradient(linear, left top, right bottom,
								from(#dce3ea),
								color-stop(25%, #dce3ea),
								color-stop(25%, #eee),
								color-stop(50%, #eee), 
								color-stop(50%, #dce3ea),
								color-stop(75%, #dce3ea),
								color-stop(75%, #eee),
								to(#eee)); 
	-moz-background-size		: 5px 5px;
	-webkit-background-size		: 5px 5px;
	background-size				: 5px 5px;
}
.bg_dot_MidCnt {
	background					: url("/img/bg_lgry_dot.png"); /* IEとOperaで見たとき用の背景画像 */
	background					: -moz-radial-gradient(circle farthest-side,
									#666,
									#666 50%,
									#ddd 50%,
									#ddd); 
	background					: -webkit-radial-gradient(circle farthest-side,
									#666,
									#666 50%,
									#ddd 50%,
									#ddd);
	background					: radial-gradient(circle farthest-side,
									#666,
									#666 50%,
									#ddd 50%,
									#ddd);
	-moz-background-size		: 3px 3px;
	-webkit-background-size		: 3px 3px;
	background-size				: 3px 3px;
}

.bg_stripe_blk {
	background		: url("../img/bg_blk_stripe_30x30.png");
	background		: -moz-linear-gradient(left top,
		#000,
		#000 25%,
		#333 25%,
		#333 50%,
		#000 50%,
		#000 75%,
		#333 75%,
		#333);  
	background: -webkit-gradient(linear, left top, right bottom,
		from(#000),
		color-stop(25%, #000),
		color-stop(25%, #333),
		color-stop(50%, #333), 
		color-stop(50%, #000),
		color-stop(75%, #000),
		color-stop(75%, #333),
		to(#333)); 
	-moz-background-size: 5px 5px;
	-webkit-background-size: 5px 5px;
	background-size: 5px 5px;
	clear			: both;
	color			: #fff;
	font-size		: 1.4rem;
	font-weight		: bold;
	height			: 30px;
	margin			: 0 0 20px 0;
	padding			: 0;
	text-align		: center;
	line-height		: 30px;
	letter-spacing	: 0.2em;
	float			: none;
	width			: auto;
}


/* MARGIN */
.m0 {
	margin			: 0 !important;
}
.m5 {
	margin			: 5px !important;
}
.m10 {
	margin			: 10px !important;
}
.m15 {
	margin			: 15px !important;
}
.m20 {
	margin			: 20px !important;
}

/* PADDING */
.p0 {
	padding			: 0 !important;
}
.p10 {
	padding			: 10px !important;
}
.p15 {
	padding			: 15px !important;
}
.p20 {
	padding			: 20px !important;
}

/* MARGIN */
.mT-15 {
	margin-top		: -15px !important;
}
.mT-10 {
	margin-top		: -10px !important;
}
.mT-5 {
	margin-top		: -5px !important;
}
.mT0 {
	margin-top		: 0px !important;
}
.mT5 {
	margin-top		: 5px !important;
}
.mT10 {
	margin-top		: 10px !important;
}
.mT15 {
	margin-top		: 15px !important;
}
.mT20 {
	margin-top		: 20px !important;
}
.mT25 {
	margin-top		: 25px !important;
}
.mT30 {
	margin-top		: 30px !important;
}
.mT40 {
	margin-top		: 40px !important;
}
.mT50 {
	margin-top		: 50px !important;
}
.mT60 {
	margin-top		: 60px !important;
}
.mT80 {
	margin-top		: 80px !important;
}
.mT100 {
	margin-top		: 100px !important;
}
.mR-20 {
	margin-right	: -20px !important;
}
.mR-10 {
	margin-right	: -10px !important;
}
.mR-5 {
	margin-right	: -5px !important;
}
.mR5 {
	margin-right	: 5px !important;
}
.mR10 {
	margin-right	: 10px !important;
}
.mR15 {
	margin-right	: 15px !important;
}
.mR20 {
	margin-right	: 20px !important;
}
.mR30 {
	margin-right	: 30px !important;
}
.mR40 {
	margin-right	: 40px !important;
}
.mB-20 {
	margin-bottom	: -20px !important;
}
.mB-15 {
	margin-bottom	: -15px !important;
}
.mB-10 {
	margin-bottom	: -10px !important;
}
.mB-5 {
	margin-bottom	: -5px !important;
}
.mB5 {
	margin-bottom	: 5px !important;
}
.mB10 {
	margin-bottom	: 10px !important;
}
.mB20 {
	margin-bottom	: 20px !important;
}
.mB30 {
	margin-bottom	: 30px !important;
}
.mB40 {
	margin-bottom	: 40px !important;
}
.mB50 {
	margin-bottom	: 50px !important;
}
.mB60 {
	margin-bottom	: 60px !important;
}
.mB80 {
	margin-bottom	: 80px !important;
}
.mB100 {
	margin-bottom	: 100px !important;
}
.mL-20 {
	margin-left		: -20px !important;
}
.mL-10 {
	margin-left		: -10px !important;
}
.mL-5 {
	margin-left		: -5px !important;
}
.mL5 {
	margin-left		: 5px !important;
}
.mL10 {
	margin-left		: 10px !important;
}
.mL15 {
	margin-left		: 15px !important;
}
.mL20 {
	margin-left		: 20px !important;
}
.mL30 {
	margin-left		: 30px !important;
}
.mL40 {
	margin-left		: 40px !important;
}

/* WIDTH */
.w20p {
	width		: 20%;
}
.w25p {
	width		: 25%;
}
.w30p {
	width		: 30%;
}
.w50p {
	width		: 50%;
}
.w100p {
	width		: 100%;
}


/* ROTATE */
.r45 {
	transform		: rotate(-45deg);
}
.r90 {
	transform		: rotate(-90deg);
}


/* SHAPE */
.triangleBlue,
.triangleRed,
.trianglePink,
.triangleGray,
.triangleWhite {
	border-bottom		: 4px solid transparent;
	border-right		: 4px solid transparent;
	border-top			: 4px solid transparent;
	display				: inline-block;
	height				: 0px;
	vertical-align		: baseline;
	width				: 0px;
}
.triangleBlue {
	border-left			: #025bc0 4px solid;
}
.triangleRed {
	border-left			: #fa5949 4px solid;
}
.trianglePink {
	border-left			: #fc46A0 4px solid;
}
.triangleGray {
	border-left			: #626262 4px solid;
}
.triangleWhite {
	border-left			: #fff 4px solid;
}

.triangleBlue-L,
.triangleRed-L,
.trianglePink-L,
.triangleGray-L,
.triangleWhite-L {
	border-bottom		: 8px solid transparent;
	border-right		: 8px solid transparent;
	border-top			: 8px solid transparent;
	display				: inline-block;
	height				: 0px;
	vertical-align		: baseline;
	width				: 0px;
}
.triangleBlue-L {
	border-left			: #025bc0 8px solid;
}
.triangleRed-L {
	border-left			: #fa5949 8px solid;
}
.trianglePink-L {
	border-left			: #fc46A0 8px solid;
}
.triangleGray-L {
	border-left			: #626262 8px solid;
}
.triangleWhite-L {
	border-left			: #fff 8px solid;
}


.al_ymblue a {
	color				: #025bc0 !important;
}
.al_ymorg a {
	color				: #fa5b4b !important;
}
.al_ymtred a {
	color				: #d6000f !important;
}
.al_gspink a {
	color				: #fc46A0 !important;
}

.bld {
	font-weight			: bold;
}
.head {
	font-size			: 1.4rem;
	font-weight			: bold;
}
.subhead {
	font-size			: 1.3rem;
	font-weight			: bold;
}
.read {
	font-weight			: bold;
	line-height			: 1.4;
}
.kkm,
.kkm-blu,
.kkm-org,
.kkm-red,
.kkm-pnk {
	margin				: 0;
	overflow			: auto;
	padding				: 10px;
	width				: auto;
}
.kkm {
	border				: 1px solid #ccc;
}
.kkm-blu {
	border				: 1px solid #025bc0;
}
.kkm-org {
	border				: 1px solid #fa5b4b;
}
.kkm-red {
	border				: 1px solid #d6000f;
}
.kkm-pnk {
	border				: 1px solid #fc46A0;
}
.kkm-head {
	font-size			: 1.4rem;
	font-weight			: bold;
	margin				: 0 0 20px 0;
}

.font-4l {
	font-size		: 4rem;
}
.font-3l {
	font-size		: 3rem;
}
.font-ll {
	font-size		: 2rem;
}
.font-l {
	font-size		: 1.6rem;
}
.font-ml {
	font-size		: 1.4rem;
}
.font-m {
	font-size		: 1.2rem;
}
.font-s {
	font-size		: 1rem;
}


.cap {
	font-size			: 1rem;
	line-height			: 1.2;
}
.alert {
	color				: #fa5949;
	font-size			: 1.2rem;
}
.alert-box {
	border				: 1px solid #fa5949;
	color				: #fa5949;
	font-size			: 1.2rem;
	padding				: 4px;
	width				: auto;
}
.lft {
	text-align			: left;
}
.rgt {
	text-align			: right;
}
.ctr {
	text-align			: center;
}



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

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




/*
========================================================
CONTENTS
========================================================
*/

#contents_wrap {
	/* background		: #fed; CHK */
	clear			: both;
	display			: block;
	height			: auto;
	margin			: 50px auto 20px auto;
	max-width		: 940px;
	min-height		: 150px;
	width			: 100%;
	word-break		: break-word;
}
	#contents_wrap h4 {
		border-bottom		: 2px dotted #bbb;
		border-left			: 4px solid  #025bc0;
		border-top			: 2px dotted #bbb;
		font-size			: 1.5rem;
		font-weight			: bold;
		height				: auto;
		line-height			: 1.2;
		margin				: 0 0 15px 0;
		padding				: 10px;
	}
	#contents_wrap p {
		margin				: 0 0 8px 0;
	}

.contents_inr {
	/* background			: #ff0; CHK */
	margin				: 0;
	max-width			: 920px;
	padding				: 10px;
	width				: 100%;
}
#contents_wrap h5 {
		font-size			: 1.3rem;
		font-weight			: bold;
		height				: auto;
		margin				: 0 0 15px 0;
}
#contents_wrap h6 {
		font-size			: 1.2rem;
		font-weight			: bold;
		height				: auto;
		margin				: 0 0 15px 0;
}

@media screen and (max-width: 991px) {
	#contents_wrap {
		max-width			: 720px;
	}
	.contents_inr {
		max-width			: 680px;
	}
}

@media screen and (max-width: 767px) {
	#contents_wrap  {
		max-width			: 466px;
		margin				: 0 auto 20px auto;
	}
	.contents_inr {
		max-width			: 446px;
		padding				: 10px;
	}
}

@media screen and (max-width: 480px) {
	#contents_wrap {
		max-width			: 300px;
	}
	.contents_inr {
		max-width			: 280px;
		padding				: 10px;
	}
}





/*
========================================================
作品 LIST BOX
========================================================
*/


#CtsArea {
	/* background		: #F99; CHK*/
	border			: 1px solid #ccc;
	height			: auto;
	margin			: 0 auto;
	padding			: 0;
	width			: 938px;
}

/*　↓ 旧Magazine.cssで使用　↓ */
	.CtsArea_hdr,
	.CtsArea_hdr_ym3 {
		margin				: 0 0 15px 0;
	}
/* ↑　旧Magazine.cssで使用 ↑　*/

	.CtsBox {
		border-right	: 1px dotted #ccc;
		float			: left;
		margin			: 0;
		padding			: 26.8px;
		width			: 180px;
	}
		.CtsBox:nth-child(4n) {
			border-right	: none;
		}

/* 画像 */
.cts_img {
	border			: 1px solid #ccc;
}

/* テキスト */
.cts_catch {
	display			: block;
	font-size		: 1rem;
	line-height		: 1.3;
	margin			: 0 0 5px 0;
}
.CtsBox dl dt {
	font-size		: 1.2rem;
	font-weight		: bold;
	line-height		: 1.3;
	padding			: 4px 0;
}
.CtsBox dl dd {
	font-size		: 1.1rem;
	line-height		: 1.3;
	text-align		: right;
	padding			: 4px 0;
}

/* ボタン */
.buyBtn {
	float			: left;
}
.spBtn {
	float			: right;
}

.trialBtn {
	float			: none;
}


@media screen and (max-width: 991px) {
#CtsArea {
	width			: 718px;
}

/*　↓ 旧Magazine.cssで使用　↓ */
	.CtsArea_hdr,
	.CtsArea_hdr_ym3 {
		height			: 40px;
		margin			: 0 auto 15px auto;
		overflow		: hidden;
		width			: 720px;
	}
	.CtsArea_hdr img {
		margin			: 0 0 0 -110px;
		max-width		: 940px !important;
		width			: 940px !important;
	}
	.CtsArea_hdr_ym3 img {
		margin			: 0;
		max-width		: 720px !important;
		width			: 720px !important;
	}
/* ↑　旧Magazine.cssで使用 ↑　*/

	.CtsBox {
		padding			: 29.3px;
	}
		.CtsBox:nth-child(4n) {
			border-right	: 1px dotted #ccc;
		}
		.CtsBox:nth-child(3n) {
			border-right	: none;
		}
	.CtsBox .cts_catch,
	.CtsBox dt {
		text-align		: left;
	}
}


@media screen and (max-width: 767px) {
#CtsArea {
	width			: 464px;
}

/*　↓ 旧Magazine.cssで使用　↓ */
	.CtsArea_hdr,
	.CtsArea_hdr_ym3 {
		margin			: 0 auto 15px auto;
		overflow		: hidden;
		width			: 466px;
	}
	.CtsArea_hdr img {
		margin			: 0 0 0 -237px;
		max-width		: 940px !important;
		width			: 940px !important;
	}
	.CtsArea_hdr_ym3 img {
		margin			: 0 0 0 -127px;
		max-width		: 720px !important;
		width			: 720px !important;
	}
/* ↑　旧Magazine.cssで使用 ↑　*/


	.CtsBox {
		padding			: 25.7px;
	}
		.CtsBox:nth-child(3n) {
			border-right	: 1px dotted #ccc;
		}
		.CtsBox:nth-child(2n) {
			border-right	: none;
		}
}
@media screen and (max-width: 480px) {
#CtsArea {
	width			: 300px;
}

/*　↓ 旧Magazine.cssで使用　↓ */
	.CtsArea_hdr,
	.CtsArea_hdr_ym3 {
		margin			: 40px 0 0 0;
		width			: 300px;
	}
	.CtsArea_hdr img  {
		height			: 30px;
		margin			: 0 0 0 -202px;
		max-width		: 705px !important;
		width			: 705px !important;
	}
	.CtsArea_hdr_ym3 img  {
		height			: 30px;
		margin			: 0 0 0 -115px;
		max-width		: 705px !important;
		width			: 531px !important;
	}
/* ↑　旧Magazine.cssで使用 ↑　*/


	.CtsBox {
		border-right	: none;
		padding			: 25px;
		width			: 250px;
	}
		.CtsBox .cts_img a img {
			height			: 206px;
			width			: 248px;
		}
		.buyBtn img,
		.spBtn img {
			height			: 30px;
			width			: 120px;
		}
		.trialBtn img {
			height			: 31px;
			width			: 250px;
		}

	/* テキスト */
	.cts_catch {
		font-size		: 1.1rem;
	}
	.CtsBox dl dt {
		font-size		: 1.3rem;
	}
	.CtsBox dl dd {
		font-size		: 1.2rem;
	}

}



/* 3rd 3列組み */
#CtsArea_3L {
	/* background			: #FF9; CHK */
	border				: 1px solid #ccc;
	height				: auto;
	margin				: 0;
	padding				: 0;
	width				: 706px;
}
	#CtsArea_3L .CtsBox {
		border-right	: 1px dotted #ccc;
		float			: left;
		margin			: 0 0 0 0;
		padding			: 27.3px;
		width			: 180px;
	}
		#CtsArea_3L .CtsBox:nth-child(3n) {
			border-right	: none;
		}

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

#CtsArea_3L {
	clear				: both;
	margin				: 0 0 20px 0;
	width				: 716px;
}
	#CtsArea_3L .CtsBox {
		padding			: 28px;
	}

}

@media screen and (max-width: 767px) {
#CtsArea_3L {
	width				: 463px;
}
	#CtsArea_3L .CtsBox {
		padding			: 24px;
	}
		#CtsArea_3L .CtsBox:nth-child(3n) {
			border-right	: 1px dotted #ccc;
		}
		#CtsArea_3L .CtsBox:nth-child(2n) {
			border-right	: none;
		}

}


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

#CtsArea_3L {
	width			: 300px;
}
	#CtsArea_3L .CtsBox {
		border-right	: none;
		padding			: 25px;
		width			: 250px;
	}

}



/*
========================================================
作品 LIST BOX v2
========================================================
*/
.CtsBox_v2 {
	/* background		: #F99; CHK */
	height			: auto;
	margin			: 0 auto;
	padding			: 0;
	width			: 920px;
}
	.CtsBox_v2 > li {
		/* background		: #8fd; CHK */
		border			: 1px solid #ccc;
		display			: block;
		float			: left;
		line-height		: 1.1;
		margin			: 0 16px 16px 0;
		position		: relative;
		width			: 450px;
	}
	.CtsBox_v2 > li:nth-child(2n) {
		/* background		: #dfd; CHK */
		margin			: 0 0 16px 0;
	}
		.ctsImg_v2 {
			float			: left;
			height			: 167px;
			padding			: 5px;
			width			: 200px;
		}
		.ctsImg_v2 img {
			height			: 167px;
			width			: 200px;
		}
		.ctsTxt_v2 {
			/* background		: #cef; CHK */
			float			: left;
			padding			: 5px;
			width			: 230px;
		}
			.ctsTxt_v2 .ctsCatch {
				font-size		: 1.1rem;
			}
			.ctsTxt_v2 h5.ctsTitle {
				font-size		: 1.6rem!important;
				margin			: 4px 0!important;
			}
			.ctsTxt_v2.ctsAuthor {
				font-size		: 1.2rem;
				font-weight		: bold;
			}
			.updateSpan {
				display			: none;
			}
			#CtsList_eYM .updateSpan {
				/* background			: #00aecb; */
				color				: #00aecb !important;
				display				: block;
				font-size			: 1.3rem;
				font-weight			: bold;
				margin				: 5px 0 0 0;
				padding				: 0;
				text-align			: left;
				width				: auto;
			}
				#CtsList_eYM .updateSpan span{
					display				: block;
					margin				: 4px 4px 4px 0;
				}
			.ctsBtn_t,
			.ctsBtn_b {
				position			: absolute;
			}
			.ctsBtn_t {
				bottom				: 25px;
			}
			.ctsBtn_b {
				bottom				: 5px;
			}
				.ctsBtn_t label,
				.ctsBtn_b a {
					border-radius		: 5px;
					color				: #fff !important;
					display				: block;
					font-size			: 1.3rem;
					font-weight			: bold;
					height				: 30px;
					line-height			: 30px;
					margin				: 0;
					padding				: 0;
					position			: relative;
					text-align			: center;
					width				: 230px;
				}
				.ctsBtn_t label {
					background			: #30b8a6;
					display				: block;
					padding				: 0;
					position			: relative;
					margin				: 0;
				}
				.ctsBtn_t label:hover {
					background			: #64d7c8;
					cursor				: pointer;
				}
				.ctsBtn_b a {
					background			: #ef7c42;
					z-index				: 0;
				}
						.ctsBtn_t i,
						.ctsBtn_b i {
							font-size		: 1.4rem;
							margin			: 0 5px 0 0;
						}
				.ctsBtn_b a:hover {
					height					: 30px;
					transition				: .2s;
						-moz-transition		: all .2s;
						-webkit-transition	: all .2s;
						-o-transition		: all .2s;
						-ms-transition		: all .2s;
					text-decoration		: none;
				}
				.ctsBtn_b a:hover {
					opacity				: 0.75;
						filter			: alpha(opacity=75);
						-moz-opacity	: 0.75;
				}
			.ctsBtn_t input[type="checkbox"].on-off{
				display				: none;
			}
			.ctsBtn_t input[type="checkbox"].on-off + ul{
				max-height					: 0;
				overflow					: hidden;
			}
			.ctsBtn_t input[type="checkbox"].on-off:checked + ul{
				max-height						: 50em;
			}
			.ctsBtn_t ul {
				-webkit-transition		: all 0.5s;
				-moz-transition			: all 0.5s;
				-ms-transition			: all 0.5s;
				-o-transition			: all 0.5s;
				transition				: all 0.5s;
				margin					: 0;
				padding					: 0;
				list-style				: none;
			}
			.ctsBtn_t ul li {
				background				: #fff;
			}
			.ctsBtn_t ul li:hover {
				background				: #efefef;
			}
			.ctsBtn_t ul li a {
				border-bottom			: 1px solid #30b8a6;
				border-left				: 1px solid #30b8a6;
				border-right			: 1px solid #30b8a6;
				color					: #30b8a6!important;
				display					: block;
				font-weight				: bold;
				padding					: 7px 0;
				text-align				: center;
				text-decoration			: none;
				width					: 228px;
				vertical-align			: middle;
			}
			.ctsBtn_t ul li a {
			}


@media screen and (max-width: 991px) {
	.CtsBox_v2 {
		width			: 700px;
	}
		.CtsBox_v2 > li {
			margin			: 0 16px 16px 0;
			height			: 195px;
			width			: 340px;
		}
			.ctsImg_v2 {
				height			: 117px;
				width			: 140px;
			}
			.ctsImg_v2 img {
				height			: 117px;
				width			: 140px;
			}
			.ctsTxt_v2 {
				width			: 180px;
			}
			.ctsBtn_t,
			.ctsBtn_b {
				position			: absolute;
			}
				.ctsBtn_t,
				.ctsBtn_b {
					right		: 5px;
				}
					.ctsBtn_t label,
					.ctsBtn_b a {
						width				: 330px;
					}
						.ctsBtn_t ul li a {
							width				: 328px;
						}
}

@media screen and (max-width: 767px) {
	.CtsBox_v2 {
		width			: 446px;
	}
		.CtsBox_v2 > li {
			margin			: 0 0 16px 0;
			float			: none;
			height			: 230px;
			width			: 446px;
		}
		.CtsBox_v2 > li:nth-child(2n) {
			margin			: 0 0 16px 0;
		}
			.ctsImg_v2 {
				height			: 150px;
				width			: 180px;
			}
			.ctsImg_v2 img {
				height			: 150px;
				width			: 180px;
			}
			.ctsTxt_v2 {
				width			: 246px;
			}
					.ctsBtn_t label,
					.ctsBtn_b a {
						width				: 436px;
					}
						.ctsBtn_t ul li a {
							width				: 434px;
						}
}

@media screen and (max-width: 480px) {
	.CtsBox_v2 {
		width			: 300px;
	}
		.CtsBox_v2 > li {
			clear			: both;
			margin			: 0 0 16px 0;
			height			: 190px;
			width			: 298px;
		}
		.CtsBox_v2 > li:after {
			clear				: both;
			content				: ".";
			display				: block;
			height				: 0;
			visibility			: hidden;
		}
			.ctsImg_v2 {
				height			: auto;
				width			: 130px;
			}
			.ctsImg_v2 img {
				height			: 108px;
				width			: 130px;
			}
			.ctsTxt_v2 {
				border-top		: 1px dotted #ccc;
				height			: auto;
				width			: 148px;
			}
				.ctsTxt_v2 .ctsCatch {
					font-size		: 1rem;
				}
				.ctsTxt_v2 h5.ctsTitle {
					font-size		: 1.4rem!important;
				}
					.ctsBtn_t label,
					.ctsBtn_b a {
						font-size			: 1.2rem;
						width				: 288px;
					}
						.ctsBtn_t ul li a {
							width				: 286px;
						}
}

/*
========================================================
作品 LIST BOX v2 -3列-
========================================================
*/
.CtsBox_v2_3L {
	/* background		: rgba(180,100,100,.5); CHK */
	margin			: 0 auto;
	width			: 686px;
}
	.CtsBox_v2_3L > li {
		/* background		: #8fd; CHK */
		border			: 1px solid #ccc;
		display			: block;
		float			: left;
		height			: 205px;
		line-height		: 1.1;
		margin			: 0 16px 16px 0;
		position		: relative;
		width			: 333px;
	}
	.CtsBox_v2_3L > li:nth-child(2n) {
		/* background		: #dfd!important; CHK */
		margin			: 0 0 16px 0;
	}
		.CtsBox_v2_3L .ctsImg_v2 {
			height			: 128px;
			width			: 154px;
		}
		.CtsBox_v2_3L .ctsImg_v2 img {
			height			: 128px;
			width			: 154px;
		}
		.CtsBox_v2_3L .ctsTxt_v2 {
			/* background		: #cef; CHK */
			width			: 159px;
		}
			.ctsCatch {
				font-size		: 1.1rem;
			}
			h5.ctsTitle {
				font-size		: 1.6rem!important;
				margin			: 10px 0!important;
			}
			.ctsAuthor {
				font-size		: 1.2rem;
				font-weight		: bold;
			}
			.CtsBox_v2_3L .ctsBtn_t,
			.CtsBox_v2_3L .ctsBtn_b {
				right				: 5px;
				position			: absolute;
			}
				.CtsBox_v2_3L .ctsBtn_t label,
				.CtsBox_v2_3L .ctsBtn_b a {
					width				: 323px;
				}
					.CtsBox_v2_3L .ctsBtn_t ul li a {
						width					: 321px;
					}

@media screen and (max-width: 991px) {
	.CtsBox_v2_3L {
		width			: 700px;
	}
		.CtsBox_v2_3L > li {
			width			: 340px;
		}
			.CtsBox_v2_3L .ctsTxt_v2 {
				width			: 166px;
			}
				.CtsBox_v2_3L .ctsBtn_t label,
				.CtsBox_v2_3L .ctsBtn_b a {
					width				: 330px;
				}
					.CtsBox_v2_3L .ctsBtn_t ul li a {
						width					: 328px;
					}
}

@media screen and (max-width: 767px) {
	.CtsBox_v2_3L {
		width			: 466px;
	}
		.CtsBox_v2_3L > li {
			float			: none;
			height			: 177px;
			margin			: 0 0 16px 0;
			width			: 464px;
		}
			.CtsBox_v2_3L .ctsImg_v2 {
				height			: 167px;
				width			: 200px;
			}
			.CtsBox_v2_3L .ctsImg_v2 img {
				height			: 167px;
				width			: 200px;
			}
			.CtsBox_v2_3L .ctsTxt_v2 {
				width			: 244px;
			}
					.CtsBox_v2_3L .ctsBtn_t label,
					.CtsBox_v2_3L .ctsBtn_b a {
						width				: 244px;
					}
						.CtsBox_v2_3L .ctsBtn_t ul li a {
							width				: 242px;
						}
}

@media screen and (max-width: 480px) {
	.CtsBox_v2_3L {
		width			: 300px;
	}
		.CtsBox_v2_3L > li {
			clear			: both;
			margin			: 0 0 16px 0;
			height			: 185px;
			width			: 298px;
		}
		.CtsBox_v2_3L > li:after {
			clear				: both;
			content				: ".";
			display				: block;
			height				: 0;
			visibility			: hidden;
		}
			.CtsBox_v2_3L .ctsImg_v2 {
				height			: auto;
				width			: 130px;
			}
			.CtsBox_v2_3L .ctsImg_v2 img {
				height			: 108px;
				width			: 130px;
			}
			.CtsBox_v2_3L .ctsTxt_v2 {
				border-top		: 1px dotted #ccc;
				height			: auto;
				width			: 148px;
			}
				.CtsBox_v2_3L .ctsTxt_v2 .ctsCatch {
					font-size		: 1rem;
				}
				.CtsBox_v2_3L .ctsTxt_v2 h5.ctsTitle {
					font-size		: 1.4rem!important;
					margin			: 7px 0!important;
				}
					.CtsBox_v2_3L .ctsBtn_t label,
					.CtsBox_v2_3L .ctsBtn_b a {
						font-size			: 1.2rem;
						width				: 288px;
					}
						.CtsBox_v2_3L .ctsBtn_t ul li a {
							width				: 286px;
						}
}


/*
========================================================
作品 LIST BOX 画像のみ
========================================================
*/







/*
========================================================
リスト表示
========================================================
*/

/*ページナビゲーション*/

.ditto_paging {
	border-top			: 1px solid #ccc;
	color				: black;
	padding				: 10px;
}
.pagenavi {
	display				: table-cell;
	height				: 20px;
	margin				: 20px 0 0 0;
	padding				: 10px 0 0 0;
    text-align			: center;
	width				: 940px;
	vertical-align		: middle;
}
.ditto_pages {
	margin				: 10px auto;
	padding				: 0;
}
.ditto_pages .ditto_currentpage {
	background			: #333;
	border				: 1px solid black;
	color				: #fff;
	margin-right		: 1px;
	padding				: 1px 5px 2px;
	display				: inline-block;
}
.ditto_pages .ditto_off {
	border				: 1px solid #ccc;
	color				: #ccc;
	margin-right		: 1px;
	padding				: 1px 5px 2px;
	display				: inline-block;
}
.ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
	border				: 1px solid #ccc;
	color				: black;
	margin-right		: 1px;
	padding				: 1px 5px 2px;
	text-decoration		: none !important;
}
.ditto_pages a:hover {
	background			: #ccc;
	color				: #000;
}

/* テキストのみ一覧表示 */
.list_txt {
	/* background	: rgba(150,155,200,.3); CHK */
	height		: auto;
	margin		: 0;
	padding		: 0;
	width		: 940px
}
	.list_txt ul {
		/* background		: rgba(155,200,150,.3); CHK */
		font-weight		: bold;
	}
	.list_txt ul li {
		/* background		: rgba(250,155,250,.3); CHK */
		border-top		: 1px dotted #ccc;
		line-height		: 40px;
	}
	.list_txt ul li:last-child {
		border-bottom		: 1px dotted #ccc;
	}
	.list_txt ul li:hover {
		background		: #efefef;
	}
	.list_txt ul li span.startDate,
	.list_txt ul li span.news_ttl {
		display			: block;
		float			: left;
		margin			: 0 10px;
	}
	.list_txt ul li span.startDate {
		font-size		: 1.1rem;
		height			: 40px;
		width			: 60px;
	}
	.list_txt ul li span.news_ttl {
		height			: 40px;
		overflow		: hidden;
		width			: 825px;
	}


@media screen and (max-width: 991px) {
	.list_txt {
		width		: 720px
	}
		.list_txt ul li span.news_ttl {
			width			: 605px;
		}
}
@media screen and (max-width: 767px) {
	.list_txt {
		width		: 466px
	}
		.list_txt ul li span.news_ttl {
			width			: 351px;
		}
}
@media screen and (max-width: 480px) {
	.list_txt {
		width		: 300px
	}
		.list_txt ul li span.startDate {
			width			: 50px;
		}
		.list_txt ul li span.news_ttl {
			width			: 195px;
		}
}






/* テキストのみ3分割 */

.list_ym_contents-3l {
	height		: auto;
	margin		: 0;
	padding		: 10px;
	width		: 940px;
}
	.list_ym_contents-3l_box {
		float		: left;
		font-size	: 9.5pt;
		height		: 30px;
		margin		: 0 10px 10px 0;
		padding		: 5px;
		width		: 280px;
	}
	.list_ym_contents-3l_box a {
		text-decoration		: none;
	}
	.list_ym_contents-3l_box a:hover {
		color				: #ccc;
		text-decoration		: underline;
	}

@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 480px) {
}


/* サムネ付き一覧表示 / 右カラムテキスト一覧 */

.rcolumn_txtlist {
	height		: auto;
	margin		: 0;
	padding		: 20px 0;
	width		: 940px;
}

@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 480px) {
}


/* サムネ付き一覧表示 */

.list_thumbnail {
	height		: auto;
	margin		: 0;
	padding		: 10px;
	width		: 940px;
}
	.list_thumbnail_box {
		border		: 1px solid #ccc;
		float		: left;
		height		: 83px;
		margin		: 0 10px 10px 0;
		padding		: 5px;
		width		: 443px;
	}
		.list_thumbnail_box_img,
		.list_thumbnail_box_txt {
			float		: left;
			margin		: 0;
		}
		.list_thumbnail_box_img {
			height		: 83px;
			padding		: 0;
			width		: 100px;
		}
		.list_thumbnail_box_txt {
			height		: 83px;
			margin		: 0;
			padding		: 0 0 0 10px;
			width		: 330px;
		}
	.rcolumn_txtlist a,
	.list_thumbnail a {
		text-decoration		: none;
	}
	.list_thumbnail a:hover {
		background			: #eee;
		text-decoration		: underline;
	}

@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 480px) {
}


/* 著者テキスト一覧表示 */

.list_ym_author {
	width		: 940px;
	height		: auto;
	margin		: 0;
	padding		: 10px;
}
	.list_ym_author_box {
		width		: 165px;
		height		: 15px;
		margin		: 0 10px 10px 0;
		padding		: 5px;
		float		: left;
	}
	
	.list_ym_author a {
		text-decoration		: none;
	}
	.list_ym_author a:hover {
		text-decoration		: underline;
		color				: ;
	}

@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 480px) {
}
		

/* 著者サムネ付き一覧表示 */

#list_author_thumbnail {
	width		: 940px;
	height		: auto;
	margin		: 0;
	padding		: 10px;
}
	#list_author_thumbnail li {
		border		: 1px solid #ccc;
		display		: block;
		float		: left;
		height		: 93px;
		line-height	: 1.1;
		margin		: 0 11px 11px 0;
		width		: 296px;
	}
	#list_author_thumbnail li:nth-child(3n) {
		margin		: 0 0 11px 0;
	}
		.lat_img {
			border-right	: 1px dotted #ccc;
			display			: block;
			float			: left;
			height			: 93px;
			margin			: 0;
			width			: 93px;
		}
			.lat_img a img {
				display			: block;
				height			: 83px;
				max-height		: 83px;
				margin			: 5px;
				width			: auto;
			}
		.lat_txt {
			/* background		: #dfe; CHK */
			display		: block;
			float		: right;
			padding		: 10px;
			width		: 182px;
		}
			.lat_txt h5 {
				margin		: 0 0 5px 0!important;
			}

@media screen and (max-width: 991px) {
	#list_author_thumbnail {
		width		: 720px;
	}
		#list_author_thumbnail li {
			margin		: 0 10px 10px 0;
			width		: 345px;
		}
		#list_author_thumbnail li:nth-child(2n) {
			margin		: 0 0 10px 0;
		}
		#list_author_thumbnail li:nth-child(3n) {
			margin		: 0 10px 10px 0;
		}
			.lat_txt {
				width		: 231px;
			}
}

@media screen and (max-width: 767px) {
#list_author_thumbnail {
	width		: 466px;
}
	#list_author_thumbnail li {
		float		: none;
		width		: 446px;
	}
		#list_author_thumbnail li:nth-child(2n) {
			margin		: 0 0 10px 0;
		}
		#list_author_thumbnail li:nth-child(3n) {
			margin		: 0 0 10px 0;
		}
		.lat_txt {
			width		: 332px;
		}
}

@media screen and (max-width: 480px) {
#list_author_thumbnail {
	width		: 300px;
}
	#list_author_thumbnail li {
		float		: none;
		width		: 280px;
	}
		.lat_txt {
			width		: 166px;
		}
}
		


/*
========================================================
アンケート
========================================================
*/

.JQhL-q_box {
	border			: 1px solid #ccc;
	padding			: 11px;
	width			: 198px;
}





/*
========================================================
CHK
========================================================
*/

@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 480px) {
}




















