@charset "utf-8";

/* CSS Document 
Theme Name:Eigoland v5.0
Theme URL: http://www.interize.jp
Description: Eigoland Theme
Version: 5.0(2018.5.14)
Author: interize
Author URL: http://www.interize.jp
Tags: 
*/

/* CSS Document */
/*==========================================================

	reset

========================================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {list-style: none;}

ins {text-decoration: none;}
del {text-decoration: line-through;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
img {
	/*width: 100%;*/
	margin: 0;
	padding: 0;
	line-height:1.0rem;
	vertical-align: bottom;
}

/* =========================================================

	共通設定

========================================================= */
p {
	margin:0;
	padding:5px;
	line-height:160%;
	/*font-size:13px;*/
}
img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
.imgL { 
	float: left;
	margin-right: 10px;
	clear: both;
}
.imgR { 
	float: right;
	margin-left: 5px;
	clear: both;
}
.imgC {
	border:1px solid #CCCCCC;
}
.border {
	border: 1px dotted #CCCCCC;
	clear:both;
	margin:10px 0
}
.border2 {
	border-bottom: 1px dashed #CCCCCC;
	clear:both;
	margin:10px 0
}
.border3 {
	border: 1px dotted #CCCCCC;
	border-radius:10px;
	margin-bottom:10px;
	padding:10px;
}
span.qst,
span.asw {
	color:#FFF;
	text-align:center;
    line-height: 30px;
	width:30px;
	height:30px;
	border-radius:50%;
	margin-right:10px;
	display:inline-block;
}
span.qst {background:skyblue;}
span.asw {background:pink;}
span.jptxt {margin-left:40px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}
.clear{clear: both;}

.fleft {float:left;}
.fRight {float:right;}
.txtC {text-align:center;}
.txtR {text-align:right;}

.ftrs {color:#e60012;font-size:11px;}

.breadcrumbs {
	width:1080px;
	margin:0 auto;
	font-size:0.8rem;
}
.sendPost {
	width:100%;
	margin-top:10px;
	overflow:hidden;
}
.sendPost .pv {
	float:left;
}
.sendPost .nx {
	float:right;	
}
.sendPost2 {
	width:100%;
	/*margin-top:10px;*/
	padding:0 10px;
	overflow:hidden;
	box-sizing:border-box;
}
.sendPost2 a {
	color:#FFF;	
}
.sendPost2 .pv {
	float:left;
}
.sendPost2 .nx {
	float:right;	
}

ul.list audio {}

.btn_cmn {margin-top:10px;text-align:center;}
.btn_cmn a {color:#FFF;}

/* =========================================================

	リンク設定

========================================================= */
a:link { color:#2692F2; text-decoration:none;}
a:visited { color:#2692F2; text-decoration:none;}
/*a:active { color:#2692F2; text-decoration:none;}*/
a:hover { color:#2692F2; text-decoration:none;}

.btn-info a {color:#FFF;}

.sidebar .wpp-list li {
	margin-bottom:10px;
}
.sidebar .wpp-list li img {
	margin-bottom:10px;
}

.sidebar .wpp-list li a.wpp-post-title {
	padding:0 20px;
	display:block;
	font-size:0.8rem;
	line-height:1.0rem;
}


/* =========================================================

	フォント設定

========================================================= */
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.0rem;
	line-height: 2.0rem;
	letter-spacing: 0;
	color:#333;
   /*line-height:1.6;:origin
   letter-spacing:1px;
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"ＭＳ Ｐゴシック",verdana,sans-serif;
   font-size:12px;
   color:#333;*/
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
h1 {}
/*
h2 {
	font-size:26px;
	font-weight:bold;
}
h3, h4 {
	margin:0;
	font-size:22px;
	font-weight:bold;
	color:#666;
}
*/

/*Title/Label
----------------------------------------------------*/
h1 {
	margin:0;
	padding:0;
}
h2.top {
	margin:10px 0;
	padding:5px;
	text-align:center;
	font-size:1.4rem;
	font-weight:bold;
	border-bottom:1px solid #CCC;
}
h2.top span {
	font-size:1.2rem;
	font-weight:normal;
}
.ttl {
	width:100%;
	padding:5px;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	background:#2884BB;
	box-sizing:border-box;
}
.ttlm {
	margin-top:20px;
	padding:5px 0 0 5px;
	color:#FFF;
	font-weight:bold;
	font-size:1.3rem;
	border-bottom:2px solid #CCC;
}
.ttlm.top {
	margin:0;
}
.ttlm a {
	color:#FFF;
}
.ttlsg {
	margin:0;
	padding:0;
	color:#FFF;
	font-size:1.5em;
	text-align:center;
}
.pttl {
	line-height:1.2rem;
}
.pttl a {
	color:#333;
	line-height:1.4rem;
}
.cattl {
	overflow:hidden;
	font-size:1.6rem;
}
.cattl span {
	float:right;
	font-size:0.9rem;
}
h3.subttl {
	margin:10px 5px 0 5px;
	font-size:1.0rem;
	font-weight:bold;
	line-height:1.2rem;
}
.row3 h3.subttl {
	/*height:35px;*/
}
h2.ph {
	font-size:1.2rem;
}

.lb00 {
	margin:20px 0 10px 0;
	font-size:1.1rem;
	font-weight:bold;
	border-bottom:1px solid #CCC;
}
.lb01,.lb02 {
	font-weight:bold;
	padding:0 0 0 35px;
	position:relative;
	background:#F1F1F1;
}
.lb02 {margin-top:30px;	}
.lb02.top {margin:0;}
.badge {
	position:absolute;
	top:9px;
	left:5px;
}
.lb03 {
	font-size:18px;
	font-weight:bold;
	padding:10px 5px;
	position:relative;
	background:#F1F1F1;
}
.lb03 a{
	color:#333;
}
.lb03 span {
	margin-left:20px;
	font-size:0.8rem;
	font-weight:normal;
}

.lb04 {
	font-size:18px;
	font-weight:bold;
	padding:10px 5px;
	position:relative;
	border-bottom:1px dashed #CCC;
}
.lb05 {
	font-size:16px;
	font-weight:bold;
	margin-top:30px;
	padding:5px;
	position:relative;
	background:#F1F1F1;
}
.lb04 span {
	position:absolute;
	font-size:12px;
	bottom:5px;
	right:5px;	
}
.warning {
	text-align:center;
	margin:0;
	padding-top:5px;
	line-height:1;
	color:#FFF;
	background:#f1c40f;	
}
.lbs01 {
	margin:10px 0 0 0;
	padding:5px;
	font-weight:bold;
	text-align:center;
	line-height:1.2rem;
}
.lbs01 span {
	font-size:0.8rem;
}
.sidebar h3 {
	margin:20px 0 10px 0;
	padding:0;
	color:#FFF;
	font-size:1.4rem;
	text-align:center;
	background:#2884BB;
}

.sidebar .sidelabel {
	margin-top:20px;
	padding:10px;
	color:#FFF;
	background:#464646;	
}

.cntbox strong {
	font-weight:bold;
	font-size:1.2rem;
	
}
/* =========================================================

	カラー設定

========================================================= */
#header {
	overflow:hidden;
	transition: all 300ms 0s ease;
  	box-shadow:0px 4px 15px -3px #cccccc;
	background:#FFF;/*#19262f*/
  	/*background: rgba(000, 000, 000, 0.9) ;*/
}
#footer {
	background:#000;
	border-top:1px solid #CCC;
}
#fixedFooter {background:#333;}

/*コンテンツ領域 background
--------------------------------------------------*/
#container {}
#container .inner {}
#wrapper {}
nav {}

#main {}
#sidebar {}

/* ============================================================

   レイアウト

============================================================ */
body {
	margin:0;
	padding:0;
	background:#F8F8F8;
}

/*header
----------------------------------------------------*/
#header {
	height:70px;
	background:#27A8E6;
	margin-bottom:10px;
}
#header .inner {
	width:1080px;/*980*/
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
#header .inner .logo {
	width:250px;
	margin:0;
	float:left;
}
ul.btn_sns {
	position:absolute;
	top:0;
	right:0;
	list-style:none;
}
ul.btn_sns li {
	width:50px;
	height:50px;
	float:left;
	margin-left:10px;
}
/*header
----------------------------------------------------*/
nav p {text-align:left;color:#000;}/*#185f8a*/
.headbar {
	width:800px;
	margin:0;
	float:right;
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
}
.headbar h1,
.headbar p {
	margin:0;
	padding:5px 0 0 0;
	font-size:0.8rem;
	line-height:1.0rem;
}

#lang_sel_list {
}
ul.headNavi {
	width:800px;
	float:right;
	margin:15px 0 0 0;
	list-style:none;
	overflow:hidden;
}
ul.headNavi li {
	/*width:100px;*/
	float:left;
	/*border-left:1px solid #2297cf;*/
}
ul.headNavi li:last-child {
	/*border-left:1px solid #2297cf;*/
}
ul.headNavi li a {
	/*width:100px;
	height:;*/
	display:block;
	color:#FFF;
	font-size:0.9rem;
	padding:0 10px;
	text-align:center;
}
ul.headNavi li a:hover {
	background:#2884bb;	
}
ul.headNavi li.active a {
	background:#2884bb;	
}

/*main
----------------------------------------------------*/
/*
.visual {
	width:1080px;
	height:400px;
	margin:0;
	padding:0;
	background:yellow;
}
*/
#container {
	width:1080px;/*980*/
	margin:0 auto;
}

#main {
	width:1080px;/*980*/
	margin:10px 0;
	overflow:hidden;
}
#main .contents {
	width:750px;
	float:left;
}
#main .sidebar {
	width:300px;
	float:right;
}

/*sidebar-menu 
----------------------------------------------------*/
#main .sidebar .menuBox {
	width:100%;
	margin:10px 0;
	padding:5px;
	background:#FFF;	
	/* border-radius */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.180392) 0px 0px 0px -3px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.180392) 0px 0px 0px -3px;
	-moz-box-shadow:rgba(113, 135, 164, 0.180392) 0px 0px 0px -3px;
	box-sizing:border-box;
}
ul.smenu {
	margin:0;
	list-style:none;
	box-sizing:border-box;
}
ul.smenu li {
	box-sizing:border-box;
}
ul.smenu li a {
	/*height:30px;*/
	padding:10px 0 5 10px;
	display:block;
	border-bottom:1px solid #27A8E6;
}
ul.smenu li a:hover {
	background:rgba(193,238,249,1.00);	
}
ul.smenu li:last-child {
	margin:0;	
}
ul.wpp-list li {
	margin-bottom:10px;
	background:#FFF;	
}
ul.wpp-list li .thumbox {
	width:100%;
	height:120px;
	overflow:hidden;	
}
ul.wpp-list li .thumbox img {
	width:100%;
	height:auto;
	opacity: 0.65;
	filter: alpha(style=0,opacity=65);
}
ul.wpp-list li p {
	padding:10px;
	font-size:0.9rem;
	line-height:1.2rem;
}

/*footer 
----------------------------------------------------*/
#footer {
	margin-top:50px;
	background:#333;
	overflow:hidden;
}
#footer .inner {
	width:1080px;/*980*/
	margin:0 auto;
}
#footer .credit {
	color:#FFF;
	margin-top:10px;
}

#footer ul.footmenu {
	padding:10px;
}
#footer ul.footmenu li {
	margin-right:10px;
	display:inline;	
}
#footer ul.footmenu li a {
	font-size:0.9rem;
	color:#FFF;
}

/* ============================================================

   コンテンツ

============================================================ */

/*box
----------------------------------------------------*/
.post-list, .post-list ul {
	width:100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-direction: row;	
	justify-content: flex-start;
	flex-wrap: wrap;
	margin:0;
	padding:0;
	/*background:#FFF;*/
	box-sizing:border-box;
}
.post-list.visual {
	padding:10px;
	/*background:#F1F1F1;*/
}
.post-list a {
	text-decoration:none;
}
.post-list .row2_img img {
	width:100%;	
}
.post-list .row2 {
    width: calc(100%/2 - 10px);
    margin: 0;
	overflow:hidden;
	box-sizing:border-box;
	position:relative;
}
.post-list .row2.thumb {
    width: calc(100%/2);
	position:relative;
}
.post-list .row2.postbox {
    width: calc(100%/2);
	padding:10px;
	position:relative;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
}

.post-list .row3 {
    width: calc(95%/3);
	margin:10px 0;
	padding:5px;
	overflow:hidden;
	box-sizing:border-box;
	position:relative;
	background:#F1F1F1;
}
.post-list.mv .row3 {
	padding-bottom:40px;
}
.post-list .row3 .thumb {
	width:100%;
	height:110px;
	overflow:hidden;
	position:relative;
}
.post-list .row4 .thumb {
	height:130px;
	overflow:hidden;	
}
.post-list .row3 .thumb img ,
.post-list .row4 .thumb img {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.post-list .row4 {
    width: calc(100%/4 - 10px);
    margin: 5px 5px 0 5px;
	overflow:hidden;
	background:#FFF;
	position:relative;
}
.post-list .row2.postbox a, 
.post-list .row3 a, 
.post-list .row4 .thumb a {
	position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    text-indent: -9999px; 
    white-space: nowrap; 
    overflow: hidden; 
}
.post-list .row3 a.cat {
	padding:5px;
	position:relative!important;
	font-size:0.8rem;
	color:#FFF;
	background:#3060F9;
}
.catlink {
	position:absolute;
	bottom:0;
	right:0;
}
/*top_Phrase*/
.post-list.phrs {
	margin:0;
	/*background:#F1F1F1f;*/
}
.post-list .row3 .excpt {
	height:95px;
	margin-top:10px;
	font-size:0.9rem;
	overflow:hidden;
}
.post-list .row3 .date,
.entryBox .date {
	margin:0;
	padding:0;
	text-align:right;
	font-size:0.8rem;
}

ul.date {
}
ul.date li {
	margin-left:10px;
	display:inline;
}
.post-list .row3 .cat span {
	margin: 5px 5px 5px 0;
	padding:0 3px;
	font-size:0.7rem;
	line-height:1.0rem;
	overflow:hidden;
	color:#FFF;
	background:orange;
	box-sizing:border-box;
}
.post-list .row3 .cat span.tag_blog {
	background:#22ac38;
}
/*Vocabulary*/
.post-list.voc .row3 {
	padding-bottom:10px;
	text-align:center;
	border:1px solid #CCC;
}
.post-list.voc img {
	position:relative;
}
.post-list.voc dl {
	width:100%;
	position:absolute;
	left:0;
	bottom:40px;
	background:#f1f3f4;
}
.post-list.voc dl dd {
	margin:0;
	padding:5px 0;
}
.post-list.voc dl dt {
	padding:10px 0 0 0;
	font-size:1.2rem;
	font-weight:bold;
}
.post-list.voc dl audio:not([controls]) {
	display: none;
}
.post-list.voc audio {
	width: 95%;
	height: 25px;
	margin:0 auto;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.post-list.voc audio {
		width: 120%;
		height: 25px;
		margin:0 auto;
	}
}
audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}

audio::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
.vocbox {
	display:none;
}
/*Movie:index*/
.postbox {
	padding:10px;
	position:relative;
	font-size:1.0rem;
}
.post-list ul li.list4 {
    width: calc(100%/4 - 10px);
    margin: 5px;
	overflow:hidden;
	/*background:#FFF;*/
	position:relative;
}
.post-list ul li.list4:first-child {
	width:100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-direction: row;	
	justify-content:flex-start;
	flex-wrap: wrap;
}
.post-list ul li.list4:first-child .thumb {
    width: calc(100%/2 - 10px);
	position:relative;
	flex-basis: 60%;
}
.post-list ul li.list4:first-child .postbox {
    width: calc(100%/2 - 10px);
	padding:10px;
	position:relative;
	flex-basis: 40%;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
}
/*IE11*/
_:-ms-fullscreen, :root .post-list ul li.list4:first-child .thumb {
  flex-basis: 55%;
}

.post-list ul li.list4:first-child .postbox .pexp {
	padding:5px;
	line-height:1.6rem;
}
.post-list ul li.list4:first-child .thumb img,
.post-list ul li.list4 .thumb img {
	width:100%;
}
.post-list ul li.list4:not(:first-child) .ttl {
	padding:0;
	font-size:1.0rem;
	line-height:1.4rem;
	font-weight:normal;
	color:#333;
	background:none;
}
.post-list ul li.list4:not(:first-child) .ttl span {
	display:none;
}
.post-list ul li.list4:not(:first-child) .postbox .pexp {
	display:none;
}
.post-list ul li.list4:first-child h4 {
	padding:10px 0 0 10px;
}

.post-list ul li.list4:not(:first-child) h4 {
	margin:0;
	padding:0;
	line-height:1.4rem;
}

/*.post-list .row3 a.abox,*/
.post-list ul li.list4 a.abox {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
}
ul.rowList {
	width:100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-direction: row;	
	justify-content:flex-start;
	flex-wrap: wrap;
	margin:20px 0;
	padding:0;
}
ul.rowList li {
    width: calc(100%/6 - 10px);
	margin:5px;
	padding:5px;
	position:relative;
	/*flex-basis: 40%;*/
	justify-content:center;
	align-items:center;
	font-size:0.8rem;
	text-align:center;
	box-sizing:border-box;
	background:#f1f1f1;
}

.cntBox {
	width:100%;
	margin-bottom:20px;
	padding:10px;
	background:#FFF;
	overflow:hidden;
	/* border-radius */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.180392) 0px 0px 0px -3px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.180392) 0px 0px 0px -3px;
	-moz-box-shadow:rgba(113, 135, 164, 0.180392) 0px 0px 0px -3px;
	box-sizing:border-box;
}
.cntBox .inner {
	margin:0;
	padding:10px;
	overflow:hidden;
}
.gmBox {
	width:750px;/*650*/
	margin-bottom:20px;
	padding-bottom:10px;
	background:#000;
	text-align:center;	
	/* border-radius */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.180392) 0px 0px 0px -3px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.180392) 0px 0px 0px -3px;
	-moz-box-shadow:rgba(113, 135, 164, 0.180392) 0px 0px 0px -3px;
}
.gmBox .game {
	margin-top:-10px;	
}
.snsBox {
	width:100%;/*630*/
	margin:0 auto;
	padding:0;
	text-align:center;
	overflow:hidden;
}
.gmBox .snsBox {
	/*margin-left:10px;*/
}
.snsBox span {
	float:right;	
}
.snsBox .wsbl_line img {
	width:88px;
	height:20px;	
}
.linkbox {
	padding:5px;
	border:1px solid #CCC;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
}
.linkbox img {
	width:30%;
	margin-right:10px;
	float:left;
}
.linkbox p {
	margin:0;
	padding:0;
	font-size:0.9rem;
}
.linkbox p.linktxt {
	position:absolute;
	bottom:0;
	right:10px;
}
.linkbox a {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
}
.ytbox {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
.ytbox iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.txtbox {
	padding:10px;
	overflow:hidden;
	background:#F1F1f1;
}
/*Top:Roleply一覧*/
ul.lineup {
	width:100%;
	padding:0;
	overflow:hidden;
	list-style:none;
	box-sizing:border-box;
}
ul.lineup li {
	/*float:left;*/
	margin-top:10px;
	overflow:hidden;
	position:relative;
}
ul.lineup li a {
	position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
/*	display:block;
	margin:5px;
	padding:5px;
	font-size:0.9rem;
	background:#F1F1F1;*/
}
ul.lineup li p {
}
ul.lineup li img {
	width:30%;
	margin-right:10px;
	float:left;
}
ul.lineup2 {
	padding:10px;
}
ul.lineup2 li {
	width:100%;
	margin-top:5px;
	text-align:left;
}
ul.lineup2 li:before {
	margin-right:5px;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f0da";
}
ul.cntList {
	width:750px;/*650*/
	margin-top:10px;
	padding:10px 5px;
	overflow:hidden;
	list-style:none;
}
ul.cntList li {
	width:195px;
	margin:0 15px 15px 0;
	padding:0;
	float:left;
	background:#f1f1f1;
}

/*blog一覧*/
.entryList {

}
.entryList li {
	padding:20px 10px;
	background:#FFF;
	margin-bottom:30px;
}
.entryList .thumb {
	height:300px;
	display: flex;
    justify-content: center;
    align-items: center;
	overflow:hidden;
	position:relative;
}
.entryList .thumb a {
	position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
}
.entryList li p {
	width:80%;
	margin:20px auto;
}
/*Vocaburay*/
ul.vocList {
	width:1100px;
	margin:0;
	padding:0;
	overflow:hidden;
	list-style:none;
}
ul.vocList li {
	width:230px;
	height:180px;
	margin:0 10px 10px 0;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	float:left;
	background:#d8f2fe;
	position:relative;
}
ul.vocList li a {
}
ul.vocList li h3 {
	font-size:20px;
	font-weight:bold;
	text-align:left;
	padding-left:5px;
}

.contenthover {
	display:block;
	cursor: pointer;
}
.contenthover { width:230px;height:140px;overflow:hidden;}/*padding:20px 20px 10px 20px;*/
.contenthover, .contenthover h3, contenthover a { color:#000; margin-top:30px;}
.contenthover p {padding:10px;text-align:left;}

.vocbtn  {
    width: 30px;
    height: 30px;
    display: block;
	position:absolute;
	cursor: pointer;
	bottom:5px;
	right:5px;
}
.vocbtn a {
    width: 30px;
    height: 30px;
	/*
    background-image: url(http://simenglish.net/games/common/cg/images/voice.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	*/
}
.vocbtn a:hover {
	background-position: 5px 5px;
}
.vocbox {
	padding:10px;
	font-size:16px;	
}
/*Phrase*/
.lsnphrase {
	margin-top:10px;
	padding:10px;
	font-size:20px;
	text-align:left;
	border:1px solid #CCC;
}
.lsnphrase_list {
	padding:20px;
	font-size:16px;
	line-height:1.5em;
}

/*Roleplay*/
.rpinfo {
	padding:10px;
	font-size:16px;
	float:left;	
}

/*phrase 
----------------------------------------------------*/
/*逆引きフレーズ*/
dl.jpenbox {
	background:#FFF;
}
dl.jpenbox dt {
	margin-top:20px;
	padding:5px 0 0 10px;
	font-size:1.1rem;
	background:#FFF;
}
dl.jpenbox dd {
	padding:10px 0 10px 35px;
	font-size:1.4rem;
	background:#EEE;
}
dl.jpenbox dt span {
	font-size:1.2rem;
}
dl.jpenbox2 {
	background:#FFF;
}
dl.jpenbox2 dt {
	margin-top:20px;
	padding:5px 0 0 10px;
	font-size:1.6rem;
	background:#FFF;
}
dl.jpenbox2 dd {
	padding:10px;
	font-size:1.1rem;
	background:#EEE;
}
dl.jpenbox2 dt span {
	font-size:1.2rem;
}
dl.jpenbox3 {
    display: flex;
    flex-wrap: wrap;
}
dl.jpenbox3 dt {
    width: 40%;
	padding:10px;
	font-size:1.1rem;
	background:#EEE;
	box-sizing:border-box;
	border-bottom:1px dotted #CCC;
}
dl.jpenbox3 dd {
    width: 60%;	
	padding:10px;
	font-size:1.2rem;
	box-sizing:border-box;
	border-bottom:1px dotted #CCC;
}
@media only screen and (max-width:767px){
	dl.jpenbox3 dt,
	dl.jpenbox3 dd {
		width: 100%;	
	}
}
ul.phlist {
	list-style:none;
	overflow:hiddne;
	margin:0;
	padding:0;
}
ul.phlist li {
	margin:0;
	padding-top:10px;
	/*font-size:14px;*/
	overflow:hidden;
	border-bottom:1px dotted #CCC;
	position:relative;
}
p.termlink {
}
p.termlink a {
	margin-right:5px;
	padding:3px;
	font-size:0.7rem;
	color:#333;
	display:inline;
	background:#DDD;
	border-radius:5px;
}
/*
ul.phlist li a {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	text-indent:-999px;
}
*/
ul.phlist span {
	margin:0;
	padding:0;
	display:block;
}
ul.phlist p.phttl {
	font-size:0.8rem;
}
ul.phlist p.pheng {
	font-size:1.0rem;
}
ul.phlist p.phjp {
	margin:0;
	padding-right:20px;
	float:right;
	position:relative;
}
.tab_content ul.phlist p.phjp {
	padding-right:40px;
}
ul.phlist .vico {
	position:absolute;
	top:8px;
	right:0;
}
ul.phlist .imgbox {
	width:150px;
	height:90px;
	margin-right:10px;
	overflow:hidden;
	float:left;
}
ul.phlist .imgbox img {
	width:100%;
}
.jp_txt {
	font-size:18px;
	text-align:center;	
}
.phraseBox {
	width:100%;
	margin:10px 0;
	padding:10px;
	text-align:left;
	overflow:hidden;
	border:1px dotted #CCC;
	box-sizing:border-box;
}
.phraseBox .eng_txt {
	width:100%;
	font-size:2.0em;
	line-height:1.2;
	text-align:center
	/*float:left;*/
}
.audioBox {
	width:100%;
	padding:5px 0;
	text-align:center;
	margin:0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.audioBox {
	width:60%;
	margin:0 auto;
	padding:5px 0;
	text-align:center;
}
  ::i-block-chrome, audio {
	width:100%;
    margin:0 auto;
  }
}
.imgBox {
	margin-bottom:20px;
	width:100%;
	text-align:center;
}

.pagenavi {
	margin-top:20px;
	padding:10px;
	text-align:center;
}


/*Post Entry/Movie 
----------------------------------------------------*/
.post-list .row2.pcat {
	text-align:right;
}
.post-list .row2.pcat ul {
	display:block;
}
ul.post-categories li {
	font-size:0.8rem;
	display:inline;
}
ul.post-categories li a {
}
.pcat a {
}

.pcat {
	overflow:hidden;
}

.pcat span {
	/*color:pink;*/
}
.pcat span:before {
	content:" > ";	
}
.date {
	margin:0;
	padding:0;
	font-size:0.8rem;
}
.pcat .date {
	color:#666;
	float:right;
}
.pcat span.date:before {
	content:"  ";	
}
.tags a {
	margin:0;
	padding:0;
	display:inline;
	font-size:0.8rem;
}
.entryBox {
	width:100%;
	height:auto;
	margin:20px 0;
	padding:0;
	/*text-align:center;*/
	box-sizing:border-box;
}
.entry_thumb {
	width:100%;
	/*height:370px;*/
	overflow:hidden;
	background:#EDEDED;
	position:relative;
}
.entry_thumb img {
	width:100%;	
}
.entry_thumb p {
	width:100%;
	padding:5px;
	color:#666;
	font-size: 0.7rem;
	position:absolute;
	bottom:0;
	left:0;
	background: rgba(204, 204, 204, 0.7)
}
.entryBox strong {
	font-weight:bold;
}
.entryBox img {
	/*margin-bottom:30px;*/
}
.entryBox iframe {
	margin:0 auto 10px auto!important;
}
.posttl {
	width:70%;
	padding:20px;
	float:right;
	box-sizing:border-box;
}
.entryBox h2,
.entryBox h3,
.entryBox h4,
.plb01,
.plb01 a {
	font-size:1.2rem;
	font-weight:bold;
	margin:30px 0 10px;
	padding:5px;
	color:#333;
	position:relative;
}
.entryBox h2 {
	padding:10px 0;
	font-size:1.4rem;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	position:relative;
}
/*
.entryBox h2 span {
	margin-right:10px;
	padding:0 5px;
	font-size:0.8rem;
	line-height:1.4rem;
	color:#FFF;
	background:orange;
	border-radius:3px;
	position:absolute;
	top:10px;
	left:0;
}
*/
.entryBox h3 {
	margin:50px 0 30px 0;
	border-left:5px solid #CCC;
}
.entryBox h4:before {
	margin-right:5px;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f02b";
	color:#48da00;
}
.entryBox blockquote {
	margin:10px 0;
	padding:10px;
	background:#F1F1F1;
}
.linkcase {
	width:100%;
	margin:20px 0;
	padding:0;
	overflow:hidden;
	list-style:none;
	box-sizing:border-box;
	border:1px solid #CCC;
}
.linkcase .inner {
	overflow:hidden;
}
/*
.linkcase li a {
	position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	margin:5px;
	padding:5px;
	font-size:0.9rem;
}
*/
.linkcase img {
	width:30%;
	margin-right:10px;
	float:left;
}
ul.linklist {
	list-style:none;
	overflow:hiddne;
	margin:0;
	padding:0;
}
ul.linklist li {
	margin:0;
	padding:5px;
	border-top:1px dotted #CCC;
}
.linkcase a {
	font-weight:bold;
	
}
.linkcase a:before {
	margin-right:5px;
	font-family: "Font Awesome 5 Free"; 
	font-weight: bold; 
	content: "\f101";
	color:#e5004f;
}

/*phrase::post
----------------------------------------------------*/
dl.grmbox{
	margin:0 0 10px 0;
}
dl.grmbox dt {
	padding:0 5px;
	font-weight:bold;
	font-size:16px;
	background:#F1F1F1;
}
dl.grmbox dd {
	position:relative;
}
dl.grmbox dt span {
	margin-right:10px;
	padding:3px 5px;
	font-size:0.8rem;
	color:#FFF;
	background:orange;
}
dl.grmbox dd {
	font-size:1.4rem;
}
dl.grmbox dd span {
	position:absolute;
	bottom:0;
	right:10px;
}
dl.grmbox dd span a {
	font-size:0.9rem;
	color:#666;
}
dl.grmbox dd span:before {
	margin-right:5px;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f02b";
}
dl.grmbox {
	margin-top:20px;
}
dl.grmbox dd{
	padding:20px;
	font-weight:bold;
	border:1px solid orange;
}
table.example {
	width:98%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin:0 10px;
	margin-bottom:50px;
	box-sizing:border-box!important;
}
table.example th {
	padding:10px 0 0 0;
	text-align:left;
	font-size:1.2em;
	border-bottom:1px solid #CCC;
}
table.example td {
	padding:10px 0 0 0;
	font-size:0.9em;
	border-bottom:1px solid #CCC;
	position:relative;
}

table.example td span {
	position:absolute;
	bottom:5px;
	right:10px;
}
table.example td span a {
	cursor:pointer;
}
table.example td span a:before {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f028";
}
table.example th.ans:before {
	margin-right:10px;
	font-family: "Font Awesome 5 Free"; 
	font-weight: bold; 
	content: "\f061";
}
table.example th span {
	margin-right:10px;
	padding:0 5px;
	color:#666;
	font-size:0.8rem;
	background:pink;
	vertical-align: top;
	border-radius:3px;
}

table.common {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin:10px 0;
	padding:10px;
	box-sizing:border-box!important;
	border:1px solid #CCC;
	box-sizing:border-box;
}
table.common th {
	padding:10px;
	text-align:left;
	font-size:1.0em;
	font-weight:bold;
	border-bottom:1px solid #CCC;
}
table.common td {
	padding:10px;
	font-size:1.0em;
	border-bottom:1px solid #CCC;
	position:relative;
}
.ptbox {
	padding:10px;
	border:1px solid #CCC;
	/*background:#fbfb72;*/
}
.phBox {
	width:100%;
	height:200px;
	margin:10px 0;
	padding:0;
	overflow:auto;
}
table.phlist {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	text-align:left;
	font-weight:normal;
}
table.phlist th {
	width:60px;
	padding:10px;
	font-size:14px;
	font-weight:normal;
	color:#333;
	border-bottom:1px dotted #CCC;
}
table.phlist td {
	padding:10px;
	font-size:14px;
	border-bottom:1px dotted #CCC;
}
/*blog::post
----------------------------------------------------*/
.entryBox {
	
}
.post_title {
	padding:10px 0;
	text-align:center;
	font-size:1.8rem;
}
.cat_title {
	margin-bottom:20px;
	padding: 0 10px;
	font-size:1.4rem;
	font-weight:bold;
	border-left:10px solid #2884bb;
}
/*目次*/
#ez-toc-container {
	margin:20px auto;
}
.ez-toc-title {
	text-align:center;
}
.ez-toc-btn-default {
	background-image:none!important;
}
dl.keyphrase {
	margin: 20px 0 ;
	padding-bottom:5px;
	border-bottom:2px dotted #CCC;
}
dl.keyphrase dt {
	margin-bottom:10px;
	padding:5px 0;
	font-size:1.3rem;
	font-weight:bold;
	border-bottom:3px solid #eb6100;
	position:relative;
}
dl.keyphrase dd {
}
dl.exphrase {
	margin:10px 0 20px 0;
	padding:10px;
	background:#F1F1F1;/*#d8f2fe*/
}
dl.exphrase dt,
dl.exphrase dd {
	margin:0;
	padding:5px;
	line-height:1.0rem;
}
dl.exphrase dd {
	margin-bottom:10px;
	padding:10px 0 10px 35px;
	font-size:0.9rem;
	border-bottom:1px dotted #CCC;
}
dl.exphrase dd:last-child {
	margin:0;
}
dl.exphrase dt {
	font-weight:normal;
	position:relative;
}
dl.exphrase dt.ans {
	padding:10px;
	font-weight:bold;
	background:#FFF;
}
dl.exphrase dt:before {
	margin-right:10px;
	font-family: "Font Awesome 5 Free"; 
	font-weight: bold; 
	content: "\f27a";
	color:#004986;
}
dl.exphrase dt.ans:before {
	margin-right:10px;
	font-family: "Font Awesome 5 Free"; 
	font-weight: bold; 
	content: "\f075";
	color:#e5004f;
}
/*voice*/
dl.keyphrase dt span,
dl.exphrase dt span {
	position:absolute;
	bottom:5px;
	right:10px;
}
dl.keyphrase dt span a,
dl.exphrase dt span a {
	cursor:pointer;
}
dl.keyphrase dt span a:before,
dl.exphrase dt span a:before {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f028";
}
/*
table.example th.ans:before {
	margin-right:10px;
	font-family: "Font Awesome 5 Free"; 
	font-weight: bold; 
	content: "\f061";
}
table.example th span {
	margin-right:10px;
	padding:0 5px;
	color:#666;
	font-size:0.8rem;
	background:pink;
	vertical-align: top;
	border-radius:3px;
}




ul.voc {
    margin-bottom:10px;
	padding:10px;
	background:#eeffe6;
}
ul.voc li {
	margin-left:30px;
	list-style:disc;
}

.accbox {
    margin: 0;
    padding: 0;
    max-width: 100%;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 11px 12px;
    color :#2f8fcf;
    font-weight: bold;
    background :#a4cbf3;
    cursor :pointer;
    transition: all 0.5s;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#85baef;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #eaeaea;
    opacity: 1;
}

/*movie::post
----------------------------------------------------*/
/*
dl.phrase {
	margin:0;
	padding:10px;
	text-align:center;
	color:#FFF;
	background:#000;
}
dl.phrase dt,
dl.phrase dd {
	margin:0;
	padding:0;
	text-align:center;
}
dl.phrase dt {
	margin-top:10px;
	font-size:1.2rem;
	font-weight:bold;
}
dl.phrase dd {
	margin-bottom:10px;
}
dl.phrase img {
	width:500px;
	margin:10px 0;
}
.convtag {
	margin:0;
	padding:0 5px;
	color:#FFF;
	line-height:1.8rem;
	display:inline-block;
	background:skyblue;
	border-radius:5px;
}.introBox {
	margin:0;
	padding:10px;
	background:#F1F1F1;
}
.mvBox {
	width:100%;
	text-align:center;
	background:#000;
}
.mphBox {
	width:100%;
	margin:0;
	padding:10px;
	text-align:left;
	overflow:hidden;
	border:1px dotted #CCC;
	box-sizing:border-box;
}
.mvtxtbox {
	margin:10px 0;
	padding:10px;
	line-height:1.4rem;
}
.mvtxtbox blockquote {
	margin:20px 0;
}
.mphBox blockquote {
	background:none;
}
.mphBox blockquote p {
	line-height:1.6rem;

}

.cntBox.mv h2 {
	margin-bottom:10px;
	padding:5px;
	font-size:1.2rem;
	background:#CCC;
}
.cntBox.mv .mvttl {
	margin:0 0 10px 0;
	padding:5px;
	position:relative;
	background:#FFF;
}
.cntBox.mv h3 {
	font-weight:bold;
	font-size:1.2rem;
}
.cntBox.mv .mvttl p {
	display:block;
	position:absolute;
	bottom:0;
	right:5px;
}

.cntBox.mv h3.mlb01 {
	margin-top:10px;
	padding:5px;
	background:#CCC;
}
.cntBox.mv .mlb02 {
	margin-top:20px;
	padding:5px;
	font-size:1.2rem;
	text-align:center;

}


/*topics 
----------------------------------------------------*/
.topicsBox {
	width:100%;
	height:200px;
	margin:10px 0;
	padding:0;
	overflow:auto;
}
table.topics {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	text-align:left;
	font-weight:normal;
}
table.topics th {
	width:60px;
	padding:5px;
	font-size:14px;
	font-weight:normal;
	color:#333;
	border-bottom:1px dotted #CCC;
}
table.topics td {
	padding:5;
	font-size:14px;
	border-bottom:1px dotted #CCC;
}
/*Roleplay--Lesson Contents 
----------------------------------------------------*/
/*Lesson Parts*/
.cntBox.les {
}

/*
.cntBox.les img {
	width:90%;
	padding:10px;
	display:block;
	margin:0 auto;
}
*/
.lsntitle {
	margin-bottom:10px;
	font-size:18px;
	color:#FFF;
	text-align:center;
	background:#2884bb;
}
.lensubtitle {
	padding:10px 5px;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	position:relative;
	background:#7dd2fb;
}
.leslb01 {
	border-bottom:1px dotted #CCC;
}
/**/
/*
dl.conv {
	padding:10px;
}
dl.conv dt {
	color:#004986;
	margin:0;
	padding:0;
}
dl.conv dd {
	padding:10px;
	color:#333;
}
dl.conv dd:before {
	margin-right:10px;
	font-family: "Font Awesome 5 Free"; 
	font-weight: bold; 
	content: "\f061";
}


/*Dialog*/
dl.dlogBox {
	overflow:hidden;
	padding:20px 0 0 0;
	border-top:1px dotted #CCC;
}
dl.dlogBox dt {
	width:600px;
	margin:0;
	display:inline-block;
}
dl.dlogBox dd {
	width:600px;
	margin:0 0 10px 0;
	font-weight:bold;
	float:right;
	text-align:right;
	display:inline-block;
}
dl.dlogBox dt p a {
	padding:8px 5px 8px 15px;
	display:inline-block;
	background:#FFF;
	cursor: pointer;
	font-size:18px;
	color:#333;
	/* border-radius */
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 6px 3px;
}
dl.dlogBox dd p a {
	padding:8px 5px 8px 15px;
	display:inline-block;
	background:#FFF;
	cursor: pointer;
	font-size:18px;
	color:#333;
	/* border-radius */
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 6px 3px;
}
dl.dlogBox dt p a:hover {
	background:#ffd1bc;
}
dl.dlogBox dd p a:hover {
	background:#adfab0;
}
dl.dlogBox dt p a:before{
    content: "A";
    font-size: 20px;
	font-weight:bold;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background: #f56725;
    float: left;
    position: relative;
    top: 0;
	right:10px;
    border-radius: 25px;
 
    /** define it as a block element **/
    display: block;
    height: 30px;
    width: 30px;
}
dl.dlogBox dd p a:before{
    content: "B";
    font-size: 20px;
	font-weight:bold;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background: #3fb344;
    float: left;
    position: relative;
    top: 0;
	right:10px;
    border-radius: 25px;
 
    /** define it as a block element **/
    display: block;
    height: 30px;
    width: 30px;
}
dl.dlogBox dt p a:after,
dl.dlogBox dd p a:after {
	margin:3px 0 0 10px;
    float: right;
	font-family: "Font Awesome 5 Free"; 
	font-weight: bold; 
	content: "\f028";
}
dl.dlogBox dt span,
dl.dlogBox dd span {
	font-size:0.7rem;
	display:block;
}

dl.dlogbox.t2 dt,
dl.dlogbox.t2 dd {
	width:60%;
	margin:5px 0;
	padding:10px;
	background:#EEE;
	border-radius:10px;
}
dl.dlogbox.t2 dd {
	background:pink;
}
/*common parts 
----------------------------------------------------*/
table.com {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin-top:20px;
	margin-bottom:30px;
}
table.com th {
	padding:10px;
	text-align:left;
	border-bottom:1px solid #CCC;
}
table.com td {
	padding:10px;
	border-bottom:1px solid #CCC;
}


ul.list {
	list-style:none;
	overflow:hiddne;
	margin:0;
	padding:0;
}
ul.list li {
	margin:0;
	padding:15px 10px 10px 10px;
	font-size:14px;
	border-bottom:1px dotted #CCC;
}
ul.list li a {
    text-align: center;
}
ul.list2 {
	margin:10px 0;
	padding:5px;
	list-style:none;
	background:#ffff99;
}
ul.list2 li {

}
ul.list3 {
	list-style:none;
	overflow:hiddne;
	margin:0;
	padding:0;
}
ul.list3 li {
	margin:0;
	padding:5px;
	border-bottom:1px dotted #CCC;
}
ul.info {
	margin-left:10px;
	padding-left: 1em; /* 文章のスタート位置。li:beforeが入るスペースを確保*/
}
ul.info li {
	margin:10px 0;
	padding:0;
	position: relative;
	padding-left: 0.5em; /* アイコンと文章の間のスペース */
}
ul.info li:before {
	content: "\f058";
	font-family: "Font Awesome 5 Free"; 
	font-weight: bold; 
	position: absolute;
	left: -1em; /* アイコンのスタート位置。左揃えの場合 ul のpadding-leftと同じ値 */
	top: 0; /* アイコンの場所を変えたければ適宜変更 */
}

dl.outline {
	width:100%;
}
dl.outline dt {
	height:24px;
	font-size:14px;
	color:#580101;
	margin-top:10px;
	padding:0;
}
dl.outline dd {
	margin-left:0;
	margin-bottom:20px;
	font-size:16px;
	line-height:170%;
	padding:0;
}

.btn_play a {
	width:100%;
	marign-top:20px;
	padding:0;
	font-size:1.2rem;
	color:#FFF;
	text-align:right;
	display:block;
	/*background:#F8F7F7;*/
}
.btn_play a:hover {
	color:#333;
	background:#F1F1F1;
}
.bt_more a {
	color:#333;
	border:1px solid #CCC;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}
.bt_more a {
	width:60%;
	padding:5px;
	display:block;
	margin:20px auto;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	/*position:absolute;
	bottom:0;
	right:0;*/
}
.bt_more a:hover {background-color:#CCC; }
.bt_go a {
	width:100%;
	padding:20px;
	margin:20px auto;
	color:#FFF;
	font-size:18px;	
}
a.bt_more {
	width:90%;
	margin:10px auto 0;
	padding:10px 0;
	display:block;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	background:pink;
}
a.bt_more2 {
	width:30%;
	margin:10px auto 0;
	padding:10px 0;
	display:block;
	color:#333;
	text-align:center;
	border:1px solid #CCC;
}

/*ページトップへ戻るボタン*/
.pageTop a {color:#FFF;	background-color:#CCC;}
.pageTop a {
	width:48px;
	height:48px;
	display:block;
	font-size:16px;
	font-weight:bold;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;	
	text-align:center;
	line-height: 48px;
	vertical-align: middle;
  }
/* =========================================================

	Job interview

========================================================= */
.interviewbox {
	border: 1px dotted #CCCCCC;
	border-radius:10px;
	margin-bottom:10px;
	padding:10px;
}
.interviewbox h5 {
	margin:10px 0;
	padding:5px 10px;
	font-size:1.3rem;
	color:#FFF;
	background:#CCC;
}
.interviewbox dl.question {
}
.interviewbox dl.question dt {
	font-size:1.2rem;
	font-weight:bold;
}
.interviewbox dl.question dd {
	
}
.interviewbox dl.sample {
	padding:10px;
}
.interviewbox dl.sample.bg01 {
	background:#eefcfb;
}
.interviewbox dl.sample.bg02 {
	background:#e9effe;
}
.interviewbox dl.sample.bg03 {
	background:#fee2ff;
}

.interviewbox dl.sample dt {
	font-size:1.2rem;
	border-bottom:dotted 1px #CCC;
}
.interviewbox dl.sample dd {
	margin:5px 10px 15px;
	
}
/* =========================================================

	ADDS

========================================================= */
.ad300 {
	width:300px;
	height:250px;
	margin:10px auto;
}
.ad320 {
	width:320px;
	height:50px;
	margin:10px auto;
}
.ad970 {
	width:970px;
	height:90px;
	margin:10px auto;
}
.ad970board {
	width:970px;
	height:250px;
	margin:10px auto;
}

.ad728 {
	width:728px;
	height:90px;
	margin:10px auto;
}
.ad336 {
	width:336px;
	height:280px;
	margin:10px auto;
}
.ad600 {
	width:300px;
	height:600px;
	margin:10px auto;
}

/*adsense
----------------------------------------------------*/
/*PC*/
.adlink01 {
	width:980px;
	margin:0 auto 10px auto;
	text-align:right;
}

.ad00 {/*top:468x60*/
	width:630px;
	height:80px;
	margin:10px 0;
	text-align:center;
}
.ad01 {/*468x60*/
	width:630px;
	height:80px;
	margin:10px 0 0 10px;
	text-align:center;
}
.ad02 {/*テキスト広告*/
	width:630px;
	margin-top:10px;
	text-align:center;
}
.ad03 {/*728x90*/
	width:980px;
	height:100px;
	text-align:center;
}
.ad04 {/*300x250*/
	width:300px;
	height:250px;
	text-align:center;
	margin:0 auto;
}
.ad05 {/*300x600*/
	width:300px;
	height:600px;
	margin-top:10px;
	text-align:center;
}

/*SP*/
.ad01p {/*320x50*/
	width:100%;
	height:50px;
	margin:10px 0;
	text-align:center;
}
.ad02p {/*320x100*/
	width:100%;
	height:100px;
	margin:10px 0;
	text-align:center;
}

.adbox {
	width:100%;
	margin:10px;
	padding:10px;
	text-align:center;
	overflow:hidden;
}
.adbox .mthumb {
	width:30%;
	margin-right:10px;
	float:left;
	position:relative;
}
.adbox .mthumb img {
	width:100%;
}
.adbox .mthumb a {
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}
.adbox .tlink {
	font-size:1.2rem;
}