@charset "utf-8";

.column2R #main {
    float: none;
    width: auto;
}

#lesson160429 h2 {
    background: none;
    font-size: 14px;
    color: #000;
    border-left: solid 4px #FF3300;
    margin: 0 0 20px 0;
    padding: 4px 8px;
    font-weight: normal;
}


#lesson160429 {
	clear: both;
	width: 100%;
	color: #232323;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 130%;
	-webkit-text-size-adjust: 100%;
}


/* ------------------------------------------------------
	Text Setting
--------------------------------------------------------*/
#lesson160429 p {
	margin-bottom: 12px;
}

#lesson160429 .caution {
	color: #ff0000;
}

#lesson160429 .note {
	color: #232323;
	font-size: 75%;
}


/* ------------------------------------------------------
	Catch
--------------------------------------------------------*/
#lesson160429 .catch {
	margin: 18px 0px 38px 0px;
	text-align: center;
}

#lesson160429 .catch strong {
	margin-bottom: 0px;
	font-size: 190%;
}


/* ------------------------------------------------------
	Summary
--------------------------------------------------------*/
#lesson160429 .summary strong {
	color: #ff0000;
	font-size: 150%;
}

#lesson160429 .summary h4 {
	margin-bottom: 21px;
}



/* ------------------------------------------------------
	Detail
--------------------------------------------------------*/
#lesson160429 .lessonDetail {
	clear: both;
	margin-bottom: 32px;
}

#lesson160429 .lessonDetail table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 7px;
	border-right: 1px dotted #2EACE1;
}

#lesson160429 .lessonDetail th {
	width: 30%;
	padding: 9px 0px;
	background-color: #2EACE1;
	border-top: 1px dotted #ffffff;
	border-bottom: 1px dotted #ffffff;
	color: #ffffff;
	text-align: center;
}

#lesson160429 .lessonDetail td {
	width: 70%;
	padding: 9px 0px;
	border-top: 1px dotted #2EACE1;
	border-bottom: 1px dotted #2EACE1;
}

#lesson160429 .lessonDetail td p {
	margin: 0px 9px 12px 18px;
}

#lesson160429 .lessonDetail td p:last-of-type {
	margin-bottom: 0px;
}

#lesson160429 .lessonDetail td em {
	display: block;
}

#lesson160429 .lessonDetail td .caution {
	margin-top: -9px;
}

#lesson160429 .lessonDetail td ul {
	margin-left: 18px;
}

#lesson160429 .lessonDetail td li {
	text-indent: -2.0em;
	padding-left: 2.0em;
}

#lesson160429 .lessonDetail .lsnBtn a {
	display: block;
	width: 70%;
	margin: 12px 0px 5px 18px;
	background-color: #fe852c;
	color: #ffffff;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	text-decoration: none;
}

#lesson160429 .lessonDetail .lsnBtn a:hover {
	background-color: #e15500;
}

#lesson160429 .lessonDetail .lsnBtn a strong {
	display: block;
	margin-left: 89px;
	padding: 12px 0px;
	background-image: url(https://www.dospara.co.jp/5info/img/lp_jisaku/lesson/arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
}

#lesson160429 .lessonDetail .lsnBtn a:last-of-type {
	margin-bottom: 12px;
}

#lesson160429 .lessonDetail td .note {
	margin-top: -9px;
}

/* 募集終了時 */
#lesson160429 .ended {
	border: 5px solid #ffb9a8;
	color: #ff0000;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
}

#lesson160429 .lessonDetail .lsnBtn strong {
	display: block;
	width: 60%;
	margin: 12px 0px 5px 18px;
	padding: 12px 0px 12px 10%;
	background-color: #bbbbbb;
	color: #ffffff;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
}

@media screen and (max-width: 640px) {
#lesson160429 .lessonDetail .lsnBtn strong {
	width: auto;
    padding: 12px 10px 5px 10px;

}


/* ------------------------------------------------------
	Page Top
--------------------------------------------------------*/
#pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
#pagetop a {
	color: #fff;
	background-color: #333;
	border-radius:5px;
    -webkit-border-radius:5px; 
    -moz-border-radius:5px;
	display: block;
	font-size: 12px;
	line-height:1.5em;
	padding:5px 10px;
	text-align: center;
	text-decoration: none;
}




/* ------------------------------------------------------
	For SmartPhone
--------------------------------------------------------*/

/* header */
@media screen and (max-width: 640px) {
body {
	min-width: 100% !important;
}

#Globalnavi,
#Header #head_navi_menu,
#Header .keyword,
#Header #headsearchBox,
#Header .wishBtn,
#Header .btn,
.leadSection .recomWin_black,
.leadSectionInner {
	display: none;
}

#Header,
#Header .inner,
#Header h1 {
	width: 100%;
	height: auto;
}

#Header {
	width: 100%;
	min-width: 100%;
	overflow: hidden;
	border-bottom: 3px solid #0391c2;
}

#Header .logo {
	width: 90%;
	position: relative;
	top: 0px;
	padding: 0px 0px 12px 3px;
}

#Header h1 {
	padding: 0px;
	color: #ffffff;
	font-size: 8px;
}

#container {
	width: 100%;
	padding-top: 0px !important;
}

#wrapper_premium_member .topicPath,
#wrapper_premium_member .breadCrumb {
	display: none;
}

/* footer */
.footerTagline {
	text-align: left;
}

.footerTagline,
#footer,
#footerLinks,
#footerNav2,
#footerLinks #footerLinks_Nav,
#footerLinks #footerLinks_NavParts,
#footerCopy,
#footerCopy p.copyright {
	width: 100%;
	min-width: 100%;
}


#footerLinks ul {
	float: none;
}

#footerCopy p.copyright a {
	display: block;
	margin-bottom: 7px;
}

#footerLinks ul {
	margin: 0px 0px 0px 5px;
}

#footerNav2 ul {
	margin: 8px;
}

#footerNav2 li {
	display: inline-block;
	width: 45%;
}

#footerLinks ul li {
		display: inline-block;
		width: 45%;
}

#footerLinks ul li.catName {
		width: 90%;
}
	
}

@media screen and (max-width: 320px) {
	#footerNav2 li {
		width: 47%;
		margin: 0px;
		font-size: 90%;
	}
	
	#footerNav2 li:nth-of-type(odd) {
		padding: 0px;
		border-left: none;
	}
}

/* Contents */
@media screen and (max-width: 640px) {
#lesson160429 {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}

#lesson160429 .catch {
	text-align: left;
}

#lesson160429 .catch br {
	display: none;
}

#lesson160429 .catch p.leadTxt {
	font-size: 150%;
	line-height: 140%;
}

#lesson160429 .catch .push em {
	font-size: 100%;
}

#lesson160429 .catch .push strong span {
	font-size: 100%;
}

#lesson160429 .lessonDetail th {
	width: 20%;
}

#lesson160429 .lessonDetail td {
	width: 80%;
}

#lesson160429 .lessonDetail td p,
#lesson160429 .lessonDetail td ul {
	margin-left: 9px;
}

#lesson160429 .lessonDetail td.lsnBtn a {
	width: 95%;
	margin-left: 9px;
}

#lesson160429 .lessonDetail .lsnBtn a strong {
	margin-left: 9px;
}

#lesson160429 .lsnBtn a {
	width: 90%;
}

}

@media screen and (max-width: 477px) {
#lesson160429 .lessonDetail table {
	border-right: none;
}

#lesson160429 .lessonDetail th,
#lesson160429 .lessonDetail td {
	display: block;
	width: 100%;
	border: none;
}
}