@charset "UTF-8";

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2.0rem;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:0.8rem}sub,sup{font-size:0.75rem;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1.0rem}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}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;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* 初期設定
-------------------------------- */

html {
	/* font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', Roboto, 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; */
	font-family:"游ゴシック体","Yu Gothic",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","ＭＳ Ｐゴシック",Arial,verdana,sans-serif;
	font-size: 112.5%;
}
body {
	background: #fff;
	background-size: 120px 120px;
	color: #333;
	line-height 1.5;
}
a {
	text-decoration: none;
	color: #3599ab;
}

/* ClearFix */

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* リセット */
h1,h2,h3,h4,h5,h6,address,table,th,td,div,li,label,p,dl,dd,dt,ol,ul,a,map,form,em{
	/* font-size: 1.0rem; */
	font-weight: normal;
	font-style: normal;
	padding: 0;
	margin: 0;
}
ul, ol{
 list-style: none;
}

img{
	border: none;
	line-height: 100%;
	overflow: hidden;
	vertical-align: top;
}
input,textarea,select,table{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
h4{
	margin: 10px;
	font-weight: normal;
	/* font-size: 0.9rem; */
}

h4 img{
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
}
h4 span{
	color: #f7681f;
	font-weight: bold;
}

p img{
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
}

article div.btn_01{
	margin:0 20px;
}
article div.btn_01 img{
	width: 100%;
	height: auto;
}

article div.btn_02{
	margin:0 20px;
}
article div.btn_02 img{
	width: 32%;
	height: auto;
}

/* ヘッダー
-------------------------------- */

.header {
	/* z-index: 9; */
	position: relative;
	width: 100%;
	background: none #fff;
	border-top: 4px solid #ff6d00;
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
}
.header h1 {
	margin: 0;
	padding: 0;
}
.header h1 a,
.header h1 img {
	display: block;
	width: 200px;
	margin: 0 auto;
}
.header.home h1 {
	width: 80%;
	max-width: 300px;
	margin: 0 auto;
}
.header.home h1 img {
	display: block;
	width: 100%;
}
.header .back {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
}
.header .back a {
	display: block;
	width: 50px;
}
.header .back a:hover {
	background: #f1f3f4;
}
.header .back img {
	display: block;
	width: 100%;
}

.header p.hd_logo {
  padding: 10px;
}

.header p.hd_logo a, .header p.hd_logo a img {
  display: block;
  width: 60px;
  margin: 0 auto;
}
/* フッター
-------------------------------- */

.footer {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-top: 40px;
}
.to-top {
	display: table-cell;
	width: 100px;
	margin: 0;
	padding: 0;
	background: #7a8287;
	overflow: hidden;
	text-align: center;
}
.to-top a {
	display: inline;
	display: inline-block;
	padding: 10px 0;
	color: #fff;
	font-size: 0.7rem;
	line-height: 1;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.to-top a:before {
	content: '▲';
	position: relative;
	top: -1px;
	margin-right: 0.3em;
	font-size: 0.55rem;
}

footer address{
	display: block;
	text-align: center;
	font-size: 0.55rem;
	padding: 15px 0 15px 0;
}

.suspend {
	margin: 0 20px;
	padding: 5px 10px;
	font-size: 0.7rem;
	font-weight:bold;
	text-align: center;
	color:#222;
	border: 1px solid #222;
}

.footer .copyright {
	clear: both;
	margin: 0 0 20px 0;
	padding-top: 40px;
	font-size: 0.6rem;
	line-height: 1;
	text-align: center;
}

/* コーナータイトル
-------------------------------- */

.article_list {
	display: block;
	margin: 0 auto;
	max-width: 600px;
}
.article_list h3 {
	display: inline-block;
	white-space: nowrap;
	margin: 10px 0 10px -4px;
	padding: 10px 14px 10px 14px;
	background: #0033ff;
	border-radius: 4px;
	color: #fff;
	font-size: 1.0rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: left;
}
.article_list h3 img {
	width: 16px;
	margin: 0 2px 0 0;
	vertical-align: -2px;
}



/* コンテンツ
-------------------------------- */

.container{
	position: relative;
	margin: 0 auto;
	/* text-align: center; */
	max-width: 600px;
}

.article_body {
	position: relative;
	margin: 10px 10px 20px 10px;
	padding: 0;
}

/* メイン */
.mainimg_01{
	/*display: none;*/
}
.article_main {
	margin: 0 0 10px 0;
	padding: 0;
}
.article_main h1 {
	margin: 0 auto;
	/* padding: 20px 20px 0px 20px; */
	padding: 5px 20px 0px 20px;
	/*color: #f7681f;*/
	font-size: 1.0rem;
	font-weight: bold;
	/*text-align: center;*/
	max-width: 600px;
}
.article_main h1 img {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding:0;
}
.article_main p {
	max-width: 600px;
	margin: 0 auto;
	padding: 20px 20px;
	box-sizing: border-box;
}
.article_main h2 {
	display: block;
	margin: 0 10px 30px 10px;
	padding: 6px 5px 5px 5px;
	background: #fff;
	border: 1px solid #f7681f;
	border-radius: 5px;
	font-size: 0.9rem;
	font-weight: normal;
	line-height: 1.8;
	text-align: center;
	box-sizing: border-box;
}
.article_main .cpdate_blk{
	max-width: 600px;
	margin: 0 auto;
	padding: 0;
}
.article_main a {
	padding-bottom: 0.1em;
	border-bottom: 1px dotted #333;
	color: #333;
}
.article_main dl{
	margin: 10px;
}
.article_main dl a {
	padding-bottom: 0.1em;
	border-bottom: 1px dotted #333;
	color: #333;
}
.article_main dl dt{
	background: #f7681f;
	color: #fff;
	margin: 0 0 5px;
	padding: 6px 0;
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
}
.article_main dl dd{
	padding: 6px 0;
	line-height: 1.4;
	font-size: 0.9rem;
}
.article_main dl dd span{
	font-weight:bold;
	color:#f7681f;
}
/*  */
.article_main p.change_time {
	font-size: 0.8rem !important;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	background-color: #cf90d7;
	color: #fff;
	line-height:1.4;
}
/*  */
.option {
	margin: 20px auto;
	padding: 10px;
	background: #fff;
	border: 1px solid #f7681f;
	border-radius: 5px;
	font-size: 0.8rem;
	line-height: 1.5;
	max-width: 600px;
	box-sizing: border-box;
}
.option p {
	margin: 5px 0 0;
	padding: 0;
	color: #f7681f;
	font-weight: bold;
	line-height: 1.4;
}
.option dl {
	text-align: center;
	margin: 20px 0 0;
}
.option dl dt{
	padding:4px 0 0;
	color:#333;
	font-weight: bold;
}
.option dl dt img{
	display: block;
	width: 100%;
}
.option dl dd{
	color: #f7681f;
	font-weight: bold;
	line-height: 1.2;
}
.option dl dd a{
	color: #f7681f;
	font-weight: bold;
}
.cp_schedule {
	text-align: left;
	margin: 0 15px;
	padding: 10px;
	background: #fff;
	border: 1px solid #f7681f;
	border-radius: 5px;
	font-size: 0.8rem;
	line-height: 1.5;
	max-width: 600px;
	box-sizing: border-box;
}
.article_present {
	width:100%;
	max-width: 600px;
	margin: 0 auto;
	padding: 0px 20px 20px 20px;
	box-sizing: border-box;
	line-height: 1.6;
	text-align: center;
}
.article_present a {
	padding-bottom: 0.1em;
	border-bottom: 1px dotted #333;
	color: #333;
}
.article_present a:hover {
	border-bottom: 1px dotted #08b;
	color: #08b;
}
.article_present ul {
	max-width: 600px;
	margin: 10px 0px 10px;
	padding: 0;
	list-style: none outside;
	text-align: center;
}
.article_present li {
	color: #f50;
	font-size: 1.0rem;
	font-weight: bold;
	line-height: 1.4;
}
.article_present dl {
	margin: 10px 0px 20px;
	padding: 0;
	list-style: none outside;
	text-align: center;
}
.article_present dt {
	margin: 0 0 10px 0;
	padding: 6px 5px;
	border-radius: 100px;
	color: #fff;
	font-size: 1.0rem;
	font-weight: bold;
	line-height: 1.4;
}
.article_present dd {
	margin: 0 0 10px 0;
	padding: 0px;
	font-size: 0.9rem;
	line-height: 1.2;
}
.article_present .present_name span{
	display: block;
	padding-bottom: 3px;
}
.article_present span {
	font-size: 0.9rem;
	line-height: 1.3;
}
.article_present .present_detail{
	text-align: left;
	padding: 10px;
	border: solid 1px #666666;
	box-sizing: border-box;
	margin: 0 10px 0 10px;
}
.article_present .present_detail span{
	display: block;
	padding-bottom: 3px;
	font-size: 0.9rem;
}
.article_present .present_detail .acc_t{
	display: block;
	text-align: center;
	padding: 10px 0 10px 0;
	background: #cccccc;
	border-radius: 3px;
	margin: 10px 0 10px 0;
}

.acc_t{
	padding: 10px 20px;
  background: #dedede;
  border-radius: 4px;
}
.acc_t:after {
	content:"[＋]";
}
.acc_t.open:after {
	content:"[－]";
}

.acc_box h2{
	margin:10px 15px 5px;
	padding: 6px 10px;
	color: #fff;
	text-align: center;
	background: #cf90d7;
	border-radius: 10px;
}
.article_present .present_detail .acc_box ul{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.7rem;
}
.article_present dd img {
	width: 90%;
	margin: 0 auto;
}
.article_event.top {
	max-width: 560px;
	width: 100%;
	margin: 0 auto 10px auto;
	/* padding: 10px; */
	background: #fff3e0;
	background:url(/dejiracp/images/lot/datacommon/event_bg.png) repeat 0 0;
	border: 1px solid #fff3e0;
	border-radius: 5px;
	box-sizing: border-box;
}
.article_event{
	margin: 0 auto;
	max-width: 600px;
	text-align: center;
}
.article_event h1{
	margin: 0;
	padding: 0 0 8px 0;
	text-align: center;
}
.article_event h1 img{
	width: 100%;
	margin: 0 auto;
}
.article_event img{
	width: 100%;
	margin: 0 auto;
}
.event_inline{
	text-align: center;
	width: 100%;
}
.event_inline p{
	display: inline-block;
	vertical-align: top;
	width: 60%;
	/* color: #222;
	text-align: center;
	font-size: 0.8rem;
	font-weight: bold;
	padding:4px; */
}
.event_txt{
	margin: 15px 0;
	color: #ff3838;
	font-size: 1.0rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
.event_date{
	border-top: 1px solid #f73b3f;
	border-bottom: 1px solid #f73b3f;
	color: #222;
	font-weight: bold;
	font-size: 0.8rem;
	padding: 5px;
	margin-bottom: 10px;
}
.event_info{
	text-align: left;
	padding: 10px;
	color: #FF0000;
	font-size: 0.6rem;
}
.article_sns {
	margin: 40px 0 0 0;
	text-align: left;
}
.article_sns h4{
	margin: 10px;
	font-weight: bold;
	font-size: 0.9rem;
}
.article_sns h4 img{
	display: block;
	width: 100%;
	margin: 0 0 5px 0;
}
.article_sns p{
	margin: 10px;
	font-size: 0.7rem;
	font-weight: normal;
	line-height 1.0;
}
.article_sns ul {
	display: block;
	margin: 0 10px;
	padding: 6px 5px 5px 5px;
	background: #fff;
	border: 1px solid #f7681f;
	border-radius: 5px;
	font-size: 0.9rem;
	font-weight: normal;
	line-height: 1.8;
	text-align: center;
	box-sizing: border-box;
}
.article_sns li {
	font-size: 1.0rem;
	line-height: 1.7;
}
.twcp_blk{
	margin: 40px 20px 20px 20px !important;
	padding: 0 !important;
	border-radius: 5px !important;
	border: 2px solid #55acee !important;
	background: #fcffe3 !important;
}
.twcp_blk h2{
	background: #55acee !important;
	color: #fff !important;
}
.twcp_blk h2 img{
	display: block !important;
	width: 100% !important;
	margin: 0 auto !important;
}
.twcp_blk h3 {
	padding: 10px 14px 10px 14px;
	display: inline-block;
	margin: 10px 10px 5px 0 !important;
	background: #55ACEE !important;
	color: #fff !important;
	font-size: 0.9rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: left;
	border-radius: 0 5px 5px 0 !important;
}
.twcp_blk h3 img {
	width: 16px;
	margin: 0 3px 0 0;
	vertical-align: -2px;
}
.twcp_blk p{
	padding: 5px !important;
	font-size: 1.0rem;
	font-weight: normal;
	line-height: 1.4;
	text-align: center;
	margin: 0;
}
.twcp_blk p span{
	color: #55acee !important;
}
.twcp_blk dl dt{
	padding: 5px 5px 5px 10px !important;
	margin: 5px 0 0;
	background: #f84d31 !important;
	color: #fff !important;
	font-weight: bold !important;
	font-size: 0.8rem !important;
}
.twcp_blk dl dd{
	padding: 5px 10px !important;
	font-size: 0.8rem !important;
}
.twcp_blk dl dd img{
	display: block !important;
	width: 100% !important;
	margin: 0 auto !important;
}
.twcp_blk dl dd span{
	color: #f84d31 !important;
}
.fbcp_blk{
	margin: 20px !important;
	padding: 0 0 10px 0 !important;
	border-radius: 5px !important;
	border: 2px solid #3b5998 !important;
	background: #fcffe3 !important;
}
.fbcp_blk h2{
	background: #3b5998 !important;
	color: #fff !important;
}
.fbcp_blk h2 img{
	display: block !important;
	width: 100% !important;
	margin: 0 auto !important;
}
.fbcp_blk h3 {
	display: inline-block;
	padding: 10px 14px 10px 14px;
	margin: 10px 40% 5px 0 !important;
	background: #3B5998 !important;
	color: #fff !important;
	font-size: 0.9rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: left;
	border-radius: 0 5px 5px 0 !important;
}
.fbcp_blk h3 img {
	width: 16px;
	margin: 0 3px 0 0;
	vertical-align: -2px;
}
.fbcp_blk p{
	padding: 5px !important;
	font-size: 1.0rem;
  font-weight: normal;
  line-height: 1.4;
  text-align: center;
  margin: 0;
}
.fbcp_blk p span{
	color: #55acee !important;
}
.fbcp_blk dl dt{
	padding: 5px 5px 5px 10px !important;
	margin: 5px 40% 5px 0 !important;
	background: #fff !important;
	color: #3b5998 !important;
	border-top: 2px solid #3b5998 !important;
	border-right: 2px solid #3b5998 !important;
	border-bottom: 2px solid #3b5998 !important;
	font-weight: bold !important;
	font-size: 0.8rem !important;
	border-radius: 0 5px 5px 0 !important;
}
.fbcp_blk dl dd{
	padding: 5px 10px !important;
	font-size: 0.8rem !important;
}
.fbcp_blk dl dd img{
	display: block !important;
	width: 100% !important;
	margin: 0 auto !important;
}
.fbcp_blk dl dd span{
	color: #f84d31 !important;
}
.triangle {
	margin: 30px auto -20px !important;
	width: 40px !important;
	height: 20px !important;
	position: relative !important;
}
.triangle:after {
	border-top: 20px solid #cdcdcd !important;
	border-right: 20px solid transparent !important;
	border-bottom: 20px solid transparent !important;
	border-left: 20px solid transparent !important;
	content: "" !important;
	position: absolute !important;
	bottom: 0 !important;
	left: 50% !important;
	margin-left: -20px !important;
}

.article_result {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 600px;
	text-align: center;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.4;
}
.article_result span {
	color: #ff6d00;
}
.article_result h4 {
	font-size: 1.4rem;
	font-weight: bold;
	color: #ee146b;
	line-height: 1.4;
	text-align: center;
	margin: 10px 0;
}
.article_result p {
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
.article_result img{
	width: 100%;
	margin: 0 auto;
}
.article_notice {
	margin: 0 10px 20px 10px;
	font-size: 0.8rem;
	line-height: 1.6;
}
.article_notice a {
	padding-bottom: 0.1em;
	border-bottom: 1px dotted #333;
	color: #333;
}
.article_notice a:hover {
	border-bottom: 1px dotted #08b;
	color: #08b;
}

.article_common {
	max-width: 600px;
	margin: 0 auto;
	padding: 0 10px;
	font-weight: bold;
}
.article_common h4 {
	font-size: 1.2rem;
	font-weight: bold;
	color: #ee146b;
	line-height: 1.4;
	text-align: center;
	margin: 20px 0;
}
.article_common p {
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
.article_common img{
	width: 100%;
	margin: 0 auto;
	text-decoration: none;
}

/* TW add */
.treasure_box_img{
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
}

.treasure_box_img img{
	width: 32%;
	margin: 0;
}

.article_text{
	max-width: 600px;
	margin: 0 auto;
	padding: 0 20px;
	font-size: 0.9rem;
}

.article_text2{
	max-width: 600px;
	margin: 0 5px;
	padding: 0;
	font-size: 0.9rem;
}

.modal_blk{
	background: #FFF;
	border-radius: 6px;
	padding: 10px;
	color: #333333;
	font-size: 1.0rem;
}
.t_01{
	display: block;
	font-size: 1.2rem;
	line-height: 1.0;
	padding: 5px 0 5px 0;
	margin: 0 0 15px 0;
	font-weight: bold;
	color: #FFFFFF;
	background: #EE236D;
	text-align: center;
}
.modal_blk .subt_01{
	display: block;
	font-size: 1.0rem;
	padding: 0 0 10px 0;
	margin: 0;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}
.modal_blk .p_01{
	display: block;
	font-size: 0.8rem;
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 1.3;
}
.modal_blk .treasure-chest{
	display: block;
	padding: 15px 10px 15px 10px;
	text-align: center;
	background: #EE236D;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 5px;
}
.modal_blk .btn_blk{
	display: block;
	text-align: center;
	font-size: 0.8rem;
	margin-bottom: 5px;;
}
.modal_blk .btn_blk a{
	display: block;
	padding: 10px 8px;
	color: #FFFFFF;
	background: #EE236D;
	border-radius: 5px;
}
.modal_blk .btn_blk .course_sel a{
	/* background-color: #f73b3f; */
	background-color: #FF0000;
	border-radius: 10px;
	box-shadow: 0px 5px 0px 0px rgba(171,11,14,1.0);
	margin: 20px auto;
	padding: 20px 0;
	font-size: 0.9rem;
}
.modal_blk .btn_blk .mdl_dummy{
	display: block;
	color: #FFFFFF;
	background-color: #c2c2c2;
	border-radius: 10px;
	box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.3);
	margin: 20px auto;
	padding: 20px 0;
	font-size: 0.9rem;
}
.modal_blk .btn_blk .mdl_close{
	display: block;
	padding: 10px 8px;
	color: #888;
	background: #fff;
	border: 2px solid #a3a3a3;
	border-radius: 10px;
	margin: 10px auto;
	/* box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.3); */
}
.modal_blk .tbl{
	width: 96%;
	margin: 0 auto;
	border-collapse: collapse;
}
.modal_blk .tbl td{
	text-align: right;
	padding: 10px 10px 0 0;
	width: 35%;
	border-collapse: collapse;
	background: #eee;
	border-bottom: solid 2px #fff;
	padding: 8px;
}
.modal_blk .tbl th{
	text-align: center;
	padding: 4px 6px;
	border-bottom: solid 2px #fff;
	border-right: solid 2px #fff;
	color: #fff;
	font-weight: bold;
}
.modal_blk .tbl th.bg01{ background: #fc6ca7; }
.modal_blk .tbl th.bg02{ background: #f18d69; }
.modal_blk .tbl th.bg03{ background: #fc6ca7; }
.modal_blk .tbl th.bg04{ background: #fc6ca7; }

.support{
	display: block;
	max-width: 600px;
	margin: 0 auto;
	padding: 0 15px;
	font-size: 0.8rem;
}
.support a{
	color: #FF0000;
	border-bottom: 1px dotted #FF0000;
}

.caution_blk_01{
	position: relative;
	text-align: left;
	border: solid 4px #FF0000;
	padding: 15px 10px 10px 10px;
	margin: 0 0 30px 0;
	color: #FF0000;
	font-weight: bold;
	font-size: 0.8rem;
}
.caution_blk_01 a{
	color: #FF0000;
	font-weight: bold;
	border-bottom: 1px dotted #FF0000;
}

.caution_ti{
	color: #fff;
	text-align: center;
	background-color: #FF0000;
	font-weight: bold;
	font-size: 0.9rem;
	margin: 0;
	padding: 8px 0;
	line-height: 1.0;
}
.caution_blk_01 a{
	color: #FF0000;
	font-weight: bold;
	border-bottom: 1px dotted #FF0000;
}

.article_present {
	width:100%;
	max-width: 600px;
	margin: 0 auto;
	padding: 0px 20px 20px 20px;
	box-sizing: border-box;
	line-height: 1.6;
	text-align: center;
}
.article_present a {
	padding-bottom: 0.1em;
	border-bottom: 1px dotted #333;
	color: #333;
}
.article_present a:hover {
	border-bottom: 1px dotted #08b;
	color: #08b;
}

.article_present .p_01{
	text-align: left;
	padding: 0 0 1rem 0;
	font-size: 0.9rem;
}

.article_present .pre_info_blk.bk_a a{
	padding-bottom: 0.1em;
	border-bottom: 1px dotted #333;
	color: #333;
}
.article_present .pre_info_blk.bk_c a{
	padding-bottom: 0.1em;
	border-bottom: 1px dotted #417a2e;
	color: #417a2e;
}
.article_present .pre_info_blk{
	padding: 15px 10px 10px 10px;
	margin: 0 0 20px 0;
	border-radius: 5px;
	color: #333333;
	font-size: 0.9rem;
}
.article_present .pre_info_blk.bk_a{
	background: #fdf4ff;
}
.article_present .pre_info_blk.bk_b{
	background: #fdf4ff;
}
.article_present .pre_info_blk.bk_c{
	background: #f0fbe5;
}
.article_present .pre_info_blk .pre_t_01{
	display: inline-block;
	background: #FFFFFF;
	line-height: 1.4;
	font-size: 1.0rem;
	margin: 10px 0 20px;
	padding: 7px 15px;
	border-radius: 20px;
	font-weight: bold;
}
.article_present .pre_info_blk .pre_t_02{
	display: inline-block;
	background: #FFFFFF;
	line-height: 1.4;
	font-size: 1.0rem;
	margin: 10px 0 20px;
	/*margin: 10px 0 20px 30px;*/
	padding: 7px 15px;
	border-radius: 20px;
	font-weight: bold;
}
.pre_t_03{
	position: relative;
	display: inline-block;
	color: #FFFFFF;
	width:100%;
	line-height: 1.4;
	font-size: 1rem;
	margin: 10px 0 0;
	padding: 5px 0;
	border-radius: 20px;
	background: #cf90d7;
	font-weight: bold;
}

.pre_t_03_close{
	position: relative;
	display: block;
	z-index: 2;
	color: #fff;
	width:100%;
	line-height: 1.4;
	font-size: 0.9rem;
	margin: 10px 0 0;
	padding: 5px 0;
	border-radius: 20px;
	background: #cf90d7;
	font-weight: bold;
}
.pre_t_03_close:before {
	content:url("/dejiracp/images/lot/datacommon/close.png");
	position: absolute;
	background: rgba(000,000,000,0.25);
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: solid 3px #fff;
	top: 650%;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 10;
}
/**/
.pre_t_03 .djl_chara{
	position: absolute;
	top: 0;
	right: 0;
	margin: -26px 12px 0 0;
	width: 46px;
	padding: 0 !important;
}
.pre_t_03_close .djl_chara{
	position: absolute;
	top: 0;
	right: 0;
	margin: -26px 12px 0 0;
	width: 46px;
	padding: 0 !important;
}
/**/
.article_present .pre_info_blk.bk_a .pre_t_01{
	background: #cf90d7;
	color: #FFFFFF;
}
.article_present .pre_info_blk.bk_b .pre_t_01{
	background: #fc6ca7;
	color: #FFFFFF;
}
.article_present .pre_info_blk.bk_c .pre_t_01{
	background: #417a2e;
	color: #FFFFFF;
}
.article_present .pre_info_blk.bk_b .pre_t_02{
	background: #fc6ca7;
	color: #FFFFFF;
}
.article_present .pre_info_blk p{
	text-align: left;
	padding: 0 0 10px 0;
}
.article_present .pre_info_blk .prelist_tbl{
	width: 98%;
	margin: 0 auto;
	border-collapse: collapse;
}
.article_present .pre_info_blk .prelist_tbl th{
	text-align: center;
	padding: 4px 6px;
}
.article_present .pre_info_blk .prelist_tbl th.bg02{
	width: 36%;
}
.article_present .pre_info_blk.bk_a .prelist_tbl td img{
	width: 90%;
	height: auto;
}
.article_present .pre_info_blk.bk_c .prelist_tbl th img{
	width: 100%;
	height: auto;
}
.article_present .pre_info_blk .prelist_tbl td{
	text-align: right;
	padding: 10px 10px 0 0;
	width: 25%;
	border-collapse: collapse;
}

.article_present .pre_info_blk.bk_a .prelist_tbl th{
	background: #C496BB;
	border-right: solid 2px #fdf4ff;
	border-bottom: solid 2px #fdf4ff;
	color: #FFFFFF;
}
.article_present .pre_info_blk.bk_b .prelist_tbl th{
	background: #ef9f82;
	border-bottom: solid 2px #fdf4ff;
	border-right: solid 2px #fdf4ff;
	color: #FFFFFF;
	width: 20%;
	font-weight: bold;
}
.article_present .pre_info_blk.bk_c .prelist_tbl th{
	background: #b6e0a8;
	color: #FFFFFF;
}
.article_present .pre_info_blk.bk_a .prelist_tbl td{
	background: #FFFFFF;
	border-right: solid 2px #fdf4ff;
	border-bottom: solid 2px #fdf4ff;
}
.article_present .pre_info_blk.bk_b .prelist_tbl td{
	background: #FFFFFF;
	border-bottom: solid 2px #fdf4ff;
	padding: 8px;
}
.article_present .pre_info_blk.bk_c .prelist_tbl td{
	background: #FFFFFF;
	border-right: solid 2px #ebfbe5;
	border-bottom: solid 2px #ebfbe5;
}
.article_present .p_01 {
    text-align: left;
    padding: 0 0 1rem 0;
}

.article_present .pre_info_blk.bk_a .prelist_tbl th.bg01{ background: #cf90d7; }
.article_present .pre_info_blk.bk_a .prelist_tbl th.bg02{ background: #A45C95; }
.article_present .pre_info_blk.bk_a .prelist_tbl th.bg03{ background: #B478A8; }

.article_present .pre_info_blk.bk_b .prelist_tbl th.bg01{ background: #fc6ca7; }
.article_present .pre_info_blk.bk_b .prelist_tbl th.bg02{ background: #f18d69; }
.article_present .pre_info_blk.bk_b .prelist_tbl th.bg03{ background: #fc6ca7; }

.article_present .pre_info_blk.bk_c .prelist_tbl th.bg01{ background: #417a2e; }
.article_present .pre_info_blk.bk_c .prelist_tbl th.bg02{ background: #609e4c; }
.article_present .pre_info_blk.bk_c .prelist_tbl th.bg03{ background: #8ac277; }


.article_present li{
	color: #FFFFFF;
}
.article_present .pre_info_blk img{
	width: 90%;
	margin: 0 auto;
}

.a_line{
	text-decoration: underline;
}

.note_list{
	display: block;
}
.note_list li{
	display: block;
	margin-left: 1em;
	margin-bottom: 10px;
	text-indent: -1em;
	font-size: 0.8rem;
	line-height: 1.5;
}
.note_list li a{
	padding-bottom: 0.1em;
	border-bottom: 1px dotted #FF0000;
	color: #FF0000;
}
.subt_caution{
	position: absolute;
	display: inline-block;
	background: #FF0000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.9rem;
	left: -12px;
	top: -22px;
	padding: 5px 8px 4px 8px;
	border-radius: 4px;
}
.result_txt{
	font-weight: bold;
}

.btn_blk_01{
	display: block;
	text-align: center;
	font-size: 0.9rem;
	margin-bottom: 15px;
}
.btn_blk_01 a{
	display: inline-block;
	box-sizing: border-box;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.videoarea{
	display: block;
	position: relative;
	z-index: 1;
	padding: 30px 10px 0 15px;
}
.bookarea{
	display: block;
	position: relative;
	z-index: 1;
	padding: 30px 10px 0 15px;
	text-align: center;
}
.gamearea{
	display: block;
	position: relative;
	z-index: 1;
	padding: 30px 10px 10px 15px;
}

.article_common .normal_p{
	font-size: 1.0rem !important;
	font-weight: normal !important;
	padding: 0 0 0 0;
	margin: 0
}



/* 0614追加 デジラコンテンツ紹介
-------------------------------- */
.contents_area{
	margin: 20px auto;
	text-align: center;
	max-width: 600px;
}
.contents_area .gray_blk_01{
	background: #efefef;
	border-radius: 5px 5px 5px 5px;
	margin: -10px 20px 5px;
	padding: 0 0 10px 0;
}
.contents_area h1{
	display: inline-block;
	position: relative;
	z-index: 2;
	white-space: nowrap;
	padding: 10px 14px 10px 14px;
	background: #ff6d00;
	border-radius: 4px;
	color: #fff;
	font-size: 0.9rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: left;
}
.contents_area h1.subt{
	text-align: center;
	margin-bottom: -10px;
}
.contents_area .videoarea {
	display:block;
}
.contents_area .videoarea img{
	display: inline-block;
	width:100%;
	margin: 0 5px 5px 0;
	box-sizing: border-box;
}
.contents_area .bookarea {
	display:block;
}
.contents_area .bookarea img{
	width:100%;
	display: inline-block;
	margin: 0 5px 5px 0;
	box-sizing: border-box;
}
.contents_area .tverarea{
	width: 100%;
	margin: 20px auto;
	text-align:center;
}
.contents_area .tverarea img.tver{
	width:98%;
}
.contents_area .gamearea {
	margin: -20px 20px 20px;
	background: #efefef;
	border-radius: 5px 5px 5px 5px;
	font-size: 0.8rem;
	font-weight: bold;
}
.contents_area .gamearea img{
	display: inline-block;
	width:100%;
	margin: 0 5px 5px 0;
	box-sizing: border-box;
}

/* /0614追加 デジラコンテンツ紹介
-------------------------------- */


/* 0720追加 TW拡散
-------------------------------- */
/* コーナータイトル
-------------------------------- */
.article_list {
	display: block;
	margin: 0 auto;
	max-width: 600px;
	text-align: left;
}
.article_list h1 {
	display: inline-block;
	white-space: nowrap;
	margin: 0 0 20px -4px;
	padding: 10px 14px 10px 14px;
	background: #0033ff;;
	border-radius: 4px;
	color: #fff;
	font-size: 0.9rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: left;
}
.article_list h1 img {
	width: 18px;
	margin: 0 auto;
	vertical-align: -6px;
	display:inline-block;
}

.common_blk_01{
	margin: 0 auto;
}
.common_blk_01 dl{
	margin: 0;
}
.common_blk_01 dl dt{
	background: #f7681f;
	color: #fff;
	margin: 0 0 5px;
	padding: 6px;
	text-align: center;
	font-size: 1.0rem;
	font-weight: bold;
}
.common_blk_01 dl dd{
	font-weight:bold;
	margin: 0 10px;
	line-height: 1.5;
	font-weight: bold;
}
.common_blk_01 dl span{
	color:#f7681f;
	font-weight: bold;
}
.common_blk_01 a {
	padding-bottom: 0.1em;
	border-bottom: 1px dotted #333;
	color: #333;
}

/* 0914追加 austarバナー
-------------------------------- */

.article_bnn{
	margin: 20px;
	border-top: solid 1px #ddd;
}

.article_bnn img{
	margin: 20px 0 0 0;
	display:block;
	width: 100%;
	height: auto;
}



/* アプリダウンロード
-------------------------------- */

.app {
	clear: both;
	margin: 0 0 20px;
}

.app .download {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 600px;
}
.app .download ul {
	margin: 0;
	padding: 0;
	list-style: none outside;
}
.app .download li {
	display: block;
	width: 48%;
	margin: 0;
	padding: 0;
	text-align: center;
}
.app .download .android {
	float: left;
}
.app .download .ios {
	float: right;
}
.app .download .btn img {
	width: 90%;
	margin: 10px auto 20px auto;
}
.app .download h2 {
	margin: 0 0 10px 0;
	padding: 5px 0;
	border-bottom: 1px solid #666;
	font-size: 0.9rem;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
}
.app .download p {
	font-size: 0.8rem;
	line-height: 1.3;
	text-align: left;
}

/* auSTARバナー */
.bnr_blk{
	display: block;
	box-sizing: border-box;
	text-align: center;
}
.bnr_blk .t_01{
	background: transparent;
}
.bnr_blk .bnr_01{
	padding: 0 0 15px 0;
}
.bnr_blk .t_01 img{
	width: 80%;
}
.bnr_blk .bnr_01 img{
	width: 80%;
}
.bnr_blk .p_01{
	text-align: center;
	padding: 0 0 30px 0;
	font-size: 0.8rem;
}
.bnr_blk .p_01 a {
    padding-bottom: 0.1em;
    border-bottom: 1px dotted #333;
    color: #333;
}
.subt_caution{
	position: absolute;
	display: inline-block;
	background: #FF0000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.9rem;
	left: -12px;
	top: -22px;
	padding: 5px 8px 4px 8px;
	border-radius: 4px;
}
.caution_blk_01{
	position: relative;
	text-align: left;
	border: solid 4px #FF0000;
	padding: 15px 10px 10px 10px;
	margin: 0 0 30px 0;
	color: #FF0000;
	font-weight: bold;
	font-size: 0.8rem;
}
.caution_blk_01 a{
	color: #FF0000;
	font-weight: bold;
	border-bottom: 1px dotted #FF0000;
}

/* 概要
-------------------------------- */
.note {
	margin: 0 auto;
	padding: 0px 15px;
	font-size: 1.0rem;
	font-weight: normal;
	max-width: 600px;
}
.note ul {
	margin: 0 0 10px 0;
	padding: 0;
}
.note li {
	float: none;
	display: block;
	margin: 0;
	padding: 0 0 5px 0;
	line-height: 1.4;
	font-weight: bold;
	font-size: 0.9rem;
}
.note p {
	font-size: 0.8rem;
	padding: 0 0 6px 0;
	line-height: 1.4;
	text-align: left;
}
.note span{
	color: #f7681f;
	padding: 0 1px 0 0;
}
.note a {
	padding-bottom: 0.1em;
	border-bottom: 1px dotted #333;
	color: #333;
}
.note a:hover {
	border-bottom: 1px dotted #f7681f;
	color: #f7681f;
}

/* リスト用
-------------------------------- */
.noteL {
	margin: 0 auto;
	padding: 0px 15px;
	font-size: 1.0rem;
	font-weight: normal;
	max-width: 600px;
}
.noteL ul {
	margin: 0 0 10px 0;
	padding: 0;
}
.noteL li {
	float: none;
	display: block;
	margin: 0;
	padding: 0 0 5px 0;
	line-height: 1.4;
	text-indent: -1em;
	padding-left: 1em;
	font-weight: bold;
	font-size: 0.9rem;
}
.noteL p {
	font-size: 0.8rem;
	padding: 0 0 6px 0;
	line-height: 1.4;
	text-align: left;
}
.noteL span{
	color: #f7681f;
	padding: 0 1px 0 0;
}
.noteL a {
	padding-bottom: 0.1em;
	border-bottom: 1px dotted #333;
	color: #333;
}
.noteL a:hover {
	border-bottom: 1px dotted #f7681f;
	color: #f7681f;
}

/*---------- otanoshimi_linkのボタン ----------*/
.csBlock{
	margin: 0 20px;
	/* padding: 10px; */
  }
  .csBlock .csLink{
	display: block;
	border: 2px solid #0f3580;
  }
  .csBlock .csLink img{
	width: 100%;
  }
  .btn_dejiraTop {
	display: block;
	background-color: #ff5c14;
	color: #fff;
	border-radius: 4px;
	margin: 15px 15px 10px;
	padding: 14px 0;
	font-size:1.1rem;
	font-weight:bold;
	text-align: center;
	text-decoration: none;
  }
  .btn_dejiraTop a{
	display: block;
	color: #fff;
	text-decoration: none;
  }
  .btn_dejiraTop span{
	color: #fff;
	position: relative;
	padding-right: 15px;
  }
  .isApp.btn_dejiraTop span::before{
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	margin-top: -5px;
  }
  .bnr {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	border: 1px solid #333;
  }
  .bnr_div {
	margin-top: 40px;
	margin-bottom: 40px;
  }
  .bnr_p {
	margin: 0 20px;
	padding: 10px;
	font-size: 0.8rem;
	text-align: center;
	color: #222;
  }
  
  .bnr_p span {
	font-size: 0.6rem;
	padding-left: 5px;
  }
  /*---------- /otanoshimi_linkのボタン ----------*/
  

/* animation */
#scratch_anime{
	width: 100%;
	overflow: hidden;
	position: relative;
	top: 20%;
	margin: 0 auto;
	z-index: 10000;
}
}
#scratch_anime .anime_blk{
	width: 222px;
	height: 180px;
	margin: 0 auto;
}
#scratch_anime .anime_blk .lot_img{
	position: absolute;
	width: 222px;
}
.bg_lot{
	height: 100%;
	background: url(/dejiracp/images/lot/datacommon/bg_01.gif) repeat-y 0 0;
	background-size: 100% auto;
}
html{
	height: 100%;
}

.txt_l{
	font-size: 1.1rem !important;
}
.txt_n{
	font-size: 1.0rem !important;
}
.txt_s{
	font-size: 0.9rem !important;
}
.txt_7rem{
	font-size: 0.7rem !important;
}
.txt_8rem{
	font-size: 0.8rem !important;
}
.txt_orange{
	color: #ff6d00 !important;
}
.txt_red{
	color: #FF0000 !important;
}
.txt_pink{
	color: #ee146b !important;
}
.txt_black{
	color: #333 !important;
}
.bold{
	font-weight: bold;
}
.max600{
	max-width: 600px;
	margin: 0 auto !important;
}

.center{text-align: center !important;}
.left{text-align: left !important;}
.right{text-align: right !important;}

/* pad mar settings
-------------------------------- */

.mar_b_0{margin-bottom: 0 !important;}
.mar_b_5{margin-bottom: 5px !important;}
.mar_b_10{margin-bottom: 10px !important;}
.mar_b_15{margin-bottom: 15px !important;}
.mar_b_20{margin-bottom: 20px !important;}
.mar_b_21{margin-bottom: 21px !important;}
.mar_b_22{margin-bottom: 22px !important;}
.mar_b_25{margin-bottom: 25px !important;}
.mar_b_30{margin-bottom: 30px !important;}
.mar_b_35{margin-bottom: 35px !important;}
.mar_b_40{margin-bottom: 40px !important;}
.mar_b_45{margin-bottom: 45px !important;}
.mar_b_50{margin-bottom: 50px !important;}

.mar_t_0{margin-top: 0 !important;}
.mar_t_5{margin-top: 5px !important;}
.mar_t_10{margin-top: 10px !important;}
.mar_t_15{margin-top: 15px !important;}
.mar_t_20{margin-top: 20px !important;}
.mar_t_25{margin-top: 25px !important;}
.mar_t_30{margin-top: 30px !important;}
.mar_t_35{margin-top: 35px !important;}
.mar_t_40{margin-top: 40px !important;}

.mar_l_0{margin-left: 0 !important;}
.mar_l_5{margin-left: 5px !important;}
.mar_l_10{margin-left: 10px !important;}
.mar_l_15{margin-left: 15px !important;}
.mar_l_20{margin-left: 20px !important;}
.mar_l_25{margin-left: 25px !important;}
.mar_l_30{margin-left: 30px !important;}
.mar_l_35{margin-left: 35px !important;}
.mar_l_40{margin-left: 40px !important;}
.mar_l_45{margin-left: 45px !important;}
.mar_l_50{margin-left: 50px !important;}

.mar_r_0{margin-right: 0 !important;}
.mar_r_5{margin-right: 5px !important;}
.mar_r_10{margin-right: 10px !important;}
.mar_r_15{margin-right: 15px !important;}
.mar_r_20{margin-right: 20px !important;}
.mar_r_25{margin-right: 25px !important;}
.mar_r_30{margin-right: 30px !important;}
.mar_r_35{margin-right: 35px !important;}
.mar_r_40{margin-right: 40px !important;}

.pad_b_0{padding-bottom: 0 !important;}
.pad_b_1{padding-bottom: 1px !important;}
.pad_b_5{padding-bottom: 5px !important;}
.pad_b_10{padding-bottom: 10px !important;}
.pad_b_15{padding-bottom: 15px !important;}
.pad_b_20{padding-bottom: 20px !important;}
.pad_b_25{padding-bottom: 25px !important;}
.pad_b_30{padding-bottom: 30px !important;}
.pad_b_35{padding-bottom: 35px !important;}
.pad_b_40{padding-bottom: 40px !important;}
.pad_b_45{padding-bottom: 45px !important;}
.pad_b_50{padding-bottom: 50px !important;}

.pad_t_0{padding-top: 0 !important;}
.pad_t_5{padding-top: 5px !important;}
.pad_t_10{padding-top: 10px !important;}
.pad_t_15{padding-top: 15px !important;}
.pad_t_20{padding-top: 20px !important;}
.pad_t_25{padding-top: 25px !important;}
.pad_t_30{padding-top: 30px !important;}
.pad_t_35{padding-top: 35px !important;}
.pad_t_40{padding-top: 40px !important;}

.pad_l_0{padding-left: 0 !important;}
.pad_l_5{padding-left: 5px !important;}
.pad_l_10{padding-left: 10px !important;}
.pad_l_15{padding-left: 15px !important;}
.pad_l_20{padding-left: 20px !important;}
.pad_l_25{padding-left: 25px !important;}
.pad_l_30{padding-left: 30px !important;}
.pad_l_35{padding-left: 35px !important;}
.pad_l_40{padding-left: 40px !important;}

.pad_r_0{padding-right: 0 !important;}
.pad_r_5{padding-right: 5px !important;}
.pad_r_10{padding-right: 10px !important;}
.pad_r_15{padding-right: 15px !important;}
.pad_r_20{padding-right: 20px !important;}
.pad_r_25{padding-right: 25px !important;}
.pad_r_30{padding-right: 30px !important;}
.pad_r_35{padding-right: 35px !important;}
.pad_r_40{padding-right: 40px !important;}



/* switchHat.js */
.allOpenBtn,
.switchHat {
	display: none;
}
.switchOn {
	display: inline;
}
.switchOn:after {
	content: " [＋]";
}
.closeBtnHat {
	margin: 30px 0 20px;
}
.allOpenBtn,
.closeBtnHat span,
.switchHat {
	color: #00c;
}
.closeBtnHat span {
	padding: 5px 10px;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.allOpenBtn:hover,
.closeBtnHat span:hover,
.switchHat:hover {
}
.nowOpen {
}
.nowOpen:after {
	content: " [－]";
}

/* add modal */
.modal-content {
	width: 80% ;
	margin: 0;
	padding: 10px 20px;
	background: #fff;
	position: fixed;
	display: none;
	z-index: 9999;
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
  left: 50%;
}

#modal-overlay {
	z-index: 4;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link{
	cursor: pointer;
}


/* コース（旧タブ） */

.article_course {
	width: 100%;
	min-width: 300px;
	max-width: 600px;
	margin: 0 auto 20px;
}
.article_course .tab-content {
	margin: 0 15px;
	text-align: center;
}
.article_course label {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.article_course label {
	display: inline-block;
	width: 42%;
	margin-right: -1px;
	border-radius: 5px 5px 0 0;
	padding: 6px 10px 8px 10px;
	font-weight: bold;
	text-align: center;
}
.article_course input:checked + label {
	padding: 10px 10px 8px 10px;
}
.article_course input {
	display: none;
}
.article_course .a_course,
.article_course .b_course {
	display: none;
	padding: 10px;
	text-align: left;
}
.article_course .a_course.disp,
.article_course .b_course.disp{
	display: block;
	border-radius: 5px 5px 5px 5px;
}
.article_course #tab_a:checked ~ #tab_a,
.article_course #tab_b:checked ~ #tab_b {
	display: block;
	border-radius: 5px 5px 5px 5px;
}
.article_course .a_course {
	background: #fdf4ff;
	border: 3px solid #cf90d7 !important;
}
.brand {
	color: #fff;
	background: #cf90d7;
	font-size: 0.7rem;
	border-radius: 10px;
	padding: 3px 6px;
	margin: 0 3px 0 0;
}
.article_course .a_course_tit {
	color: #fff;
	background: #cf90d7;
}
.article_course .b_course {
	background: #fdf4ff;
	border: 3px solid #fc6ca7 !important;
}
.article_course .b_course .tbl{
	width: 96%;
	margin: 0 auto;
	border-collapse: collapse;
}
.article_course .b_course .tbl td{
	text-align: right;
	padding: 10px 10px 0 0;
	width: 35%;
	border-collapse: collapse;
	background: #fff;
	border-bottom: solid 2px #fdf4ff;
	padding: 8px;
}
.article_course .b_course .tbl th{
	text-align: center;
	padding: 4px 6px;
	border-bottom: solid 2px #fdf4ff;
	border-right: solid 2px #fdf4ff;
	color: #fff;
	font-weight: bold;
}
.article_course .b_course .tbl th.bg01{ background: #fc6ca7; }
.article_course .b_course .tbl th.bg02{ background: #f18d69; }
.article_course .b_course .tbl th.bg03{ background: #fc6ca7; }
.article_course .b_course .tbl th.bg04{ background: #fc6ca7; }

.article_course .b_course_tit {
	color: #fff;
	background: #fc6ca7;
}
.item {
	text-align: left;
	background:#fff;
	margin:5px 5px 20px;
	padding:10px 10px 5px 10px;
	border-radius: 5px;
	line-height: 1.0;
}
.item p{
	margin:0;
	width:100%;
	font-size: 0.8rem;
	font-weight:bold;
	line-height: 1.3;
}
.item_cap {
	margin: -10px 5px 15px 5px;
	text-align: left;
	line-height: 1.4;
	font-size: 0.7rem
}
.item_cap a {
	padding-bottom: 0.1em;
	border-bottom: 1px dotted #333;
	color: #333;
}
.sticker {
	position: relative;
	z-index: 3;
	float: right;
	margin-top: -70px;
	margin-right: -10px;
}
.sticker_l4 {
	position: relative;
	z-index: 3;
	float: right;
	margin-top: -85px;
	margin-right: -10px;
}
.sticker_l3 {
	position: relative;
	z-index: 3;
	float: right;
	margin-top: -75px;
	margin-right: -10px;
}
.lose {
	text-align: center;
	color:#ff6d00;
	border: 3px solid #ff6d00;
	background: #fff;
	padding: 6px 0;
	border-radius: 5px;
}
.lose img{
	width: 100%;
	margin: 0 auto;
}
.article_step {
	margin: 0 auto 20px;
	padding: 0 5px;
	max-width: 600px;
}
.article_step p{
	font-size: 1.1rem;
	font-weight: bold;
	padding: 10px 0 4px;
}


/* FAQ */

.faqArea {
	margin: 0 auto;
	padding:10px 10px 20px;
	max-width: 600px;
}

.comment {
	position:relative;
	border-radius: 20px;
	color: #fff;
	padding: 10px;
	width: 100%;
	margin:0 10px 10px;
	max-width: 600px;
	font-size: 0.8rem;
}

.com-user {
	float:left;
	background: #fff;
	border: solid 2px #fc9e70;
	color: #222;
	line-height: 1.4;
	width: 88%;
}
.com-user p{
	width: 76%;
}
.com-user::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	width: 67px;
	height: 30px;
	background: url(/dejiracp/images/lot/datacommon/icn_plus.png);
	background-size: 67px 30px;
}
.com-user.open::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	width: 67px;
	height: 30px;
	background: url(/dejiracp/images/lot/datacommon/icn_minus.png);
	background-size: 67px 30px;
}

.com-admin {
	float:right;
	background: #feb48b;
	border: solid 1px #feb48b;
	color: #222;
	line-height: 1.4;
	width: 80%;
	/* transform-origin: 100% 0%;
	transform: scale(0,0);
	transition: all .2s ease; */
}

.com-admin.open {
	/* transform-origin: 100% 0%;
	transform: scale(1,1);
	transition: all .2s ease; */
}

.com-admin p{
	width: 100%;
}

.faqArea:after {
	content:"";
	display:block;
	clear:both;
}

.balloon-left::after {
	border-bottom: solid 10px transparent;
	border-right: solid 10px #fc9e70;
	left: -10px;
	content:"";
	display:block;
	height:0;
	top:50%;
	margin-top:-7px;
	position: absolute;
	width:0;
}

.balloon-right::after {
	border-bottom: solid 10px transparent;
	border-left: solid 10px #feb48b;
	right: -10px;
	content:"";
	display:block;
	height:0;
	top:50%;
	margin-top:-7px;
	position: absolute;
	width:0;
}

/* 賞品スライド */

.slider{
	position: relative;
	max-width: 580px;
}
.slider img{
	max-width: 100%;
	height: auto;
}


/* コース（上下連動タブ） */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: .1rem;}
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/

li {
	float: left;
	margin: 0 3px 0 0;
	list-style: none;
}

.tabSection {
	margin: 10px 15px;
	text-align: center;
}
.tabs_top {
	margin: 0 0 0 0;
	padding: 0;
}
.tabs_bottom {
	margin: 0 0 0 0;
	padding: 0;
}

.tabs_top li {
	padding: 10px 0;
	text-align: center;
	font-size: 1.1rem;
	color: #fff;
	width: 47%;
	letter-spacing:0.1em;
	opacity: 0.6;
	-webkit-box-shadow: inset 0px -2px 0px 0px rgba(255,255,255,0.75);
	box-shadow: inset 0px -2px 0px 0px rgba(255,255,255,0.75);
}
.tabs_bottom li {
	padding: 10px 0;
	text-align: center;
	font-size: 1.1rem;
	color: #fff;
	width: 47%;
	letter-spacing:0.1em;
	opacity: 0.6;
	-webkit-box-shadow: inset 0px 2px 0px 0px rgba(255,255,255,0.75);
	box-shadow: inset 0px 2px 0px 0px rgba(255,255,255,0.75);
}
.tabs_bottom li a {
	color: #fff;
}

.tabs_top li.current {
	text-align: center;
	font-weight: bold;
	color: #fff;
	opacity: 1;
	-webkit-box-shadow: inset 0px -2px 0px 0px rgba(000,000,000,0.0);
	box-shadow: inset 0px -2px 0px 0px rgba(000,000,000,0.0);
}
.tabs_bottom li.current {
	border-bottom: 0px solid #fff;
	text-align: center;
	font-weight: bold;
	color: #fff;
	opacity: 1;
	-webkit-box-shadow: inset 0px 2px 0px 0px rgba(000,000,000,0.0);
	box-shadow: inset 0px 2px 0px 0px rgba(000,000,000,0.0);
}
.tabs_bottom li.current a {
	font-weight: bold;
	color: #fff;
}

.content {
	display: none;
	width: 100%;
}
#content1 {
	display: block;
}
.content .inner {
	border-radius: 5px;
	padding:0 10px;
}
.content .inner .tbl{
	width: 96%;
	margin: 0 auto;
	border-collapse: collapse;
}
.content .inner .tbl td{
	text-align: right;
	padding: 10px 10px 0 0;
	width: 35%;
	border-collapse: collapse;
	background: #fff;
	border-bottom: solid 2px #fdf4ff;
	padding: 8px;
}
.content .inner .tbl th{
	text-align: center;
	padding: 4px 6px;
	border-bottom: solid 2px #fdf4ff;
	border-right: solid 2px #fdf4ff;
	color: #fff;
	font-weight: bold;
}
.content .inner .tbl th.bg01{ background: #fc6ca7; }
.content .inner .tbl th.bg02{ background: #f18d69; }
.content .inner .tbl th.bg03{ background: #fc6ca7; }
.content .inner .tbl th.bg04{ background: #ef9f82; }

.top_select01{
    display: block;
    margin: 0 auto;
    width: 80%;
    padding: 10px 10px;
    border-radius: 4px;
}
/* anime */
#scratch_anime .anime_blk .lot_img{
	-webkit-transition: anime1 200ms linear 0s infinite alternate;
	animation: anime1 200ms linear 0s infinite alternate;
}
@-webkit-keyframes anime1 {
	0%{transform:rotate(-2deg);}
	100%{transform:rotate(2deg);}
}

/* stamp */
.stamp {
	position: relative;
	text-align: center !important;
	border-radius: 6px;
	padding: 10px;
	margin: 10px 20px 20px;
  background: #e9e9e9;
  padding: 0 10px 5px 10px;
	overflow: hidden;
}
.stamp_end{
	margin-bottom: 40px;
}
.stamp .stamp__title{
	display: inline-block;
  color: #FFFFFF;
  width: 100%;
  line-height: 1.4;
  font-size: 0.9rem;
  margin: 10px 0 0;
  padding: 5px 0;
  border-radius: 20px;
  background: #ff6d00;
  font-weight: bold;
}
.stamp .stamp__item{
	text-align: center !important;
	width:100%;
	height:auto;
	margin-top: 10px;
}
.stamp .stamp__item ul{
	width:100%;
	overflow: hidden;
}
.stamp .stamp__item li{
	position: relative;
  width: 32.1%;
  height: auto;
  font-size: 0.8rem;
  padding: 0;
  margin: 0.6%;
  margin-top: 0;
  background-color: #fff;
}

.stamp .stamp__item li .stm_text{
	width: 100%;
	font-size: 0.8rem;
	height: 20px;
	line-height: 20px;
	padding:4px 0;
	border-right: solid 2px #e9e9e9;
	background: #f5f5f5;
}
.stamp .stamp__item li .stm_course{
	font-size: 0.5rem;
	padding:0;
	margin: 2px 0 0 0;
}
.stamp .stamp__item li .stm_item{

}
.stamp .stamp__item li .stm_stamp{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* margin-top: 24px; */
	margin-top: 36px;
	padding: 0;
	transform: scale(2.0,2.0);
	opacity: 0;
}
.stamp .stamp__item li .stm_stamp.yet{
	opacity: 1;
	transform: scale(1.0,1.0);
}
.stamp .stamp__item li .stm_stamp.today{
	opacity: 1;
	transform: scale(1.0,1.0);
	transition: transform .3s cubic-bezier(0.95, 0.05, 0.795, 0.035) .3s, opacity .3s cubic-bezier(0.95, 0.05, 0.795, 0.035) .3s;
}

.stamp .stamp100{
	position: absolute;
	/* top: 88px; */
	top: 110px;
	left: 50%;
	width: 62%;
	z-index: 2;
	transform: translateX(-50%);

}
.stamp .stamp100 .stamp100__img{
	transform: scale(1.6,1.6);
	opacity: 0;
}
.stamp .stamp100 .stamp100__img.show{
	opacity: 1;
	transform: scale(1.0,1.0);
	transition: transform .3s cubic-bezier(0.95, 0.05, 0.795, 0.035) 1.2s, opacity .3s cubic-bezier(0.95, 0.05, 0.795, 0.035) 1.2s;
}
.stamp .stamp100 img{
	width: 100%;
}

.stamp .stamp__item .stm_text.day{ background: #fff; color:#777;}
.stamp .stamp__item .stm_text.today{ background: #ff6d00; color:#fff; font-weight:bold;}


/* 固定ボタン */
.toLotButton {
	z-index: 10;
	position: fixed;
	bottom: 0px;
	width: 100%;
 	background: #fff;
	text-align: center !important;
	border-top: solid 2px #f7671e;
	padding:8px 0;
}

.commentArea{
	margin: 20px auto 40px;
	text-align: center;
}
.commentArea .commentArea_title{
	font-size: 0.9rem;
	margin-bottom: 10px;
}
.commentArea .commentArea_btn{
	width: 80%;
	margin: 0 auto;
}
.commentArea .commentArea_btn img{
	width: 100%;
}

/* スクリーンショットを投稿 */
.screenshot{
	text-align: center;
	margin: 30px 30px 40px;
}
.screenshot ul {
	margin-right: -20px;
	overflow: hidden;
	_zoom: 1;
}
.screenshot ul li {
	float: left;
	width: 45%;
	margin-right: 10px;
}
.screenshot ul li img{
	width: 100%;
}
/**/
.screenBlock{
	position: absolute;
	/* top: 0;
	left: 0; */
	width: 100%;
	/* height: 100%; */
	background-color: #fff;
	z-index: 5;
	display: none;
}

.screenBlock p{
	padding: 5px 20px;
}

.close_area{
	margin: 30px auto;
	text-align: center;

}
.close_area a{
	width: 30%;
	margin: 0 auto;
	padding: 10px 8px;
  color: #FFF;
	font-size: 0.9rem;
  display: block;
  border-radius: 5px;
	background-color: #7F7F7F;
	text-align: center;
}

.app_dl{
	display: block;
}


/*---------- ビーコン設置 ----------*/
img.beacon {
	display: block;
}


/*---------- YouTube動画リンク ----------*/
.youtube_bnr {
	display: flex;
	align-items: stretch;
    margin-bottom: 15px;
	padding: 10px;
	border: solid 3px #e9e9e9;
	box-shadow: 5px 5px 3px #d3d3d3;
}
.youtube_bnr .youtube_img {
	height: auto;
	width: 47%;
}
.youtube_bnr .youtube_detail {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 53%;
	padding-left: 10px;
	color: #333;
	font-size: 0.8rem;
	font-weight: bold;
	text-align: left;
}
.youtube_bnr .youtube_detail p {
	text-align: left;
}

.manual {
    display: flex;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
	margin: 0 auto;
	padding: 0px 30px;
	max-width: 600px;
}

.manual img {
	width: 250px;
    margin: 10px 10px;
}

.manual p {
	font-size: 0.8rem;
	padding: 0px 30px 6px 0;
	line-height: 1.4;
}

.manual ul {
	margin: 0 0 10px 0;
	padding: 0;
}

.manual li {
	list-style: none;
	float: left;
}

/*
.flex {
	display: flex;
	justify-content: space-between;
}
.flex .image {
	width: 50%;
	margin: 10px;
	padding: 0;
	overflow: hiddden;
	position: relative;
}
.flex .mar_b_10 {
	margin-bottom: 10px !important;
}*/