@charset "UTF-8";

div.main {
	position: relative;
	width: 640px;
	background-color: #fff;
	border: 1px solid #630;
	margin: 8px auto;
	padding: 10px;
	font-family: 'メイリオ','ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN',sans-serif;
	font-size: 13px;
	text-align: left;
	line-height: 100%;
}

em,
strong,
a { 
	font-size: inherit;
	line-height: inherit;
	font-style: normal;
	}

em,
strong {
	font-weight: bold;
	color: inherit;
	}

a { text-decoration: underline;}
a:link { color: #00f;}
a:visited { color: #300;}
a:hover { color: #f00;}

p {
	margin: 1em 0.5em 1em 1em;
	color: #666;
	line-height: 150%;
	letter-spacing: 0px;
}

ul, ol, dl {
	margin: 2em 1em;
	color: #555;
}
ol ul {
	list-style-type: disc;
}
.sp { color: red;}
.point {
	font-weight: bold;
	}
.point em {
	font-weight: bold;
	color: #F30;
	}
li.nomark,
.nomark li {
	list-style-type: none;
}

div.mm-content:after,
div.mm-senden:after,
div.matome:after,
div.maesetsu:after,
div.lecture:after,
.clearfix:after {
	display: block;
	clear: both;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
	content: ".";
}

.clearfloat {
	clear: both;
	}

div.mm-info-top,
div.mm-info-btm,
div.mm-header,
div.mm-content,
div.mm-senden,
div.okuduke {
	clear: both;
    position: relative;
	width: 600px;
	margin: 8px auto;
	padding-top: 1px;
}

div.mm-header h1 {
	text-align: center;
	margin: 68px auto 12px;
}
div.mm-header p.mm-volume {
	position: absolute;
	top: 28px;
	left: 12px;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
}
div.mm-header p.copytext {
	text-align: center;
	margin: 12px auto;
}
div.mm-header p.link {
	width: 600px;
	margin: 4px auto;
	text-align: right;
}

div.mm-header p.mag2year {
	width: 520px;
	margin: 1em auto 2em;
	padding: 0;
	line-height: 100%;
}

div.mm-header p.mag2year a {
	display: block;
	float: left;
	margin: 0 10px;
}

h2.kougi-title {
	color: #c39;
	font-size: 152%;
	text-indent: -1em;
	margin: 1em 0em 0.5em 1em;
	padding: 4px 0px 1px;
	line-height: 124%;
}

h3.lecture {
	color: #444;
	clear: both;
	margin: 3em 0em 0em;
	font-size: 131%;
	padding: 0px 0px 1px;
	line-height: 120%;
}

div.lecture h4 {
	color: #c39;
	font-size: 123.1%;
	line-height: 100%;
	margin-top: 2.5em;
}

div.matome,
div.maesetsu,
div.lecture {
	width: 600px;
	margin: 0px auto 32px;
	position: relative;
	clear: both;
}

div.maesetsu {
	background: url(http://sappho.jp/wp/mm-backnumber/image/matome_bg.png) bottom center no-repeat;
	margin-bottom: 32px;
	padding-bottom: 24px;
}

div.matome {
	margin: 32px auto 0;
	padding-bottom: 1px;
}
div.mm-hr {
	text-align: center;
	margin-bottom: 2em;
	}

div.lecture-script {
	clear: both;
	margin-top: 2em;
}

div.lecture-script h4 {
	margin-left: 0.5em;
}

div.shiten {
	clear: both;
	margin: 1em;
	border: solid 2px #D6F3EC;
	background-color: #fffff6;
}

div.danraku {
	margin: 2em 0em 2em 1em;
}

div.shiten h4 {
	font-size: 123.1%;
	font-weight: bold;
	color: #555;
	border: solid #333;
	border-width: 0px 0px 0px 5px;
	padding-left: 6px;
	line-height: 100%;
	margin: 1.5em 1em 1em 1.5em;
}
div.shiten h4.nomark {
    border: none;
    padding-left: 0;
}

div.danraku h4 {
	margin-left: 0.5em;
}

div.danraku h5 {
	color: #333;
	font-size: 116%;
	/* background: url(http://sappho.jp/wp/mm-backnumber/image/h_mark.png) 0 0 no-repeat; */
	padding: 1px 16px 1px 0;
	padding-left: 16px;
	margin: 1em 0em 1em 1em;
}

div.shiten ul.nomark {
	margin-left: 0em;
	}

div.lecture p {
	font-size: 14px;
}

div.lecture p span.pickup,
div.lecture p.pickup {
	font-size: 18px;
}

/* 同段落内の改行でインデントが出来ているように見せる */
p.ns-top { margin-bottom: 0;}
p.ns-mdl { margin-top: 0; margin-bottom: 0;}
p.ns-btm { margin-top: 0;}


div.lecture div.shiten p {
	text-indent: 0em;
	margin: 1em 1.5em 1em 2em;
}

div.lecture div.shiten div.danraku p {
	margin-left: 3em;
}


div.matome ul,
div.matome ol,
div.lecture ul,
div.lecture ol,
div.lecture dl {
	
}
div.lecture div.shiten ul,
div.lecture div.shiten ol {
	margin: 1.5em 1em 1.5em 2em;
	-webkit-padding-start: 1.5em;
}

div.lecture div.shiten div.danraku ul,
div.lecture div.shiten div.danraku ol {
	margin-left: 4em;
}

div.lecture div.shiten div.danraku ol ul {
	margin-left: 0em;
}

div.matome ul li,
div.matome ol li,
div.lecture ul li,
div.lecture ol li,
div.lecture dl dd,
div.lecture dl dt {
	font-size: 108%;
	margin: 8px 0px 8px 1em;
	line-height: 140%;
}

div.lecture div.shiten ul li,
div.lecture div.shiten ol li {
	margin-left: 0em;
}


div.lecture dl dt {
	font-weight: bold;
}
div.lecture dl.mark dt {
	clear: both;
	border: solid #F9C;
	border-width: 0 0 0 6px;
	padding-left: 6px;
	margin-top: 2em;
	margin-left: 0em;
}

div.lecture dl.mark.another dt {
	border-color: #F93;
}

div.lecture dl.mark.noclear dt {
	clear: none;
}

div.lecture dl dd {
	margin-left: 2em;
}
div.lecture dl.mark dd {
	margin-left: 0em;
}

div.lecture dl.mark dd p {
	margin-top: 0em;
}

div.lecture div.shiten dl {
	margin-left: 2.5em;
}

div.lecture div.shiten dl dd p {
	margin: 0em 1em 1em 1em;
}

div.lecture div.shiten dl dd ul {
	margin: 0em 0em 0em 1em;
	-webkit-padding-start: 26px;
}

div.lecture div.shiten dl dd ul li {
	margin: 1em 0em 1em 0em;
	font-size: 100%;
}

div.lecture#lec-danraku-04 div.shiten dl dd ul li.etc,
div.lecture div.shiten dl dd ul li.etc {
	margin-left: -1em;
}

/* 講義281ユニーク部分 */
div.lecture#lec-danraku-04 div.shiten dl dd ul {
	margin-bottom: 1em;
}

div.lecture#lec-danraku-04 div.shiten dl dd ul li {
	margin: 0.25em 0em;
	font-size: 100%;
}
/* ここまで */


div.matome ul.serihu,
div.lecture ul.serihu {
	margin-left: 0em;
}
div.matome ul.serihu li,
div.lecture ul.serihu li {
	list-style-type: none;
	text-indent: -0.5em;
	margin-left: 0em;
}

div.lecture ul li.arrow,
div.lecture ul li.etc {
	list-style-type: none;
	margin-left: 0px;
}

div.lecture ul li.light {
	list-style-type: circle;
}

div.lecture ul li.dark {
	list-style-type: disc;
}


div.maesetsu p,
div.matome * p {
	font-size: 108%;
	text-indent: 0em;
	}

div.matome div.lecture-script p.notes {
	text-indent: -1em;
	margin-left: 2em;
	}


div.matome div.blackboard {
	position: relative;
	background: url(http://sappho.jp/wp/mm-backnumber/image/blackboard_bg.png) top right no-repeat;
	width: 76%;
	float: right;
	background-size: 100%;
	margin-top: 2em;
}

div.matome div.blackboard h4 {
	margin: 6% auto 0%;
	padding: 0;
	width: 100%;
	text-align: center;
}
div.matome div.blackboard h4 img {
	width: 85%;
}
div.matome div.blackboard p {
	margin: 0% 0% 0% 5%;
}

div.matome div.blackboard ul {
	margin: 10% 8% 22% 6%;
}

div.matome div.blackboard ul li {
	margin: 36px 0% 8px 0%;
	padding: 0px;
	font-size: 16px;
	color: white;
	line-height: 160%;
	list-style-type: disc;
}

div.matome div#mm-photo-bb {
	float:left;
	width: 23%;
	margin-top: 2em;
	padding-top: 7%;
}
div.matome div#mm-photo-bb img {
	width: 100%;
}


div.matome p.notes,
div.lecture p.notes {
	text-indent: -1em;
	margin-left: 2em;
}


div.lecture div.shiten p.serihu,
div.matome p.serihu,
div.lecture p.serihu {
	text-indent: -1em;
	margin-left: 2em;
}

div.lecture div.shiten p.serihu {
	margin-left: 3em;
}


div.mm-photo img {
	width: 100%;
}

div.matome .sankou,
div.lecture .sankou {
	border: dotted 1px #FF6699;
	margin: 1em;
	padding: 1em;
	}

div.matome .sankou h4,
div.lecture .sankou h4 {
    border: solid;
    border-width: 0px 0px 0px 7px;
	margin: 0.5em 0 0 0.5em;
    padding-left: 7px;
    color: #FF6600;
	}

div.matome .sankou h6,
div.lecture .sankou h6 {
	font-size: 116%;
    border: solid;
    border-width: 0px 0px 0px 7px;
	margin: 0.5em 0 0 0.5em;
    padding-left: 7px;
    color: #FF6600;
	}

div.matome .sankou p,
div.lecture .sankou p {
	text-indent: 0px;
	}

div.lecture .sankou ul li,
div.lecture .sankou ul,
div.lecture .sankou ol {
	margin-left: 0;
	}

div.lecture div.shiten .sankou,
div.lecture div.lecture-script .sankou {
	margin: 1em 2em 2em;
	}

div.lecture div.shiten .sankou p,
div.lecture div.lecture-script .sankou p {
	margin: 1em;
	}

div.lecture blockquote.letter {
	clear: both;
	margin: 1em;
	padding: 0em;
	border: solid 2px #FFB5F6;
	background-color: #fffff6;
	}
div.lecture blockquote.letter h4 {
	font-size: 123.1%;
	font-weight: bold;
	color: #F6C;
	border: solid #f6c;
	border-width: 0px 0px 0px 5px;
	padding-left: 6px;
	line-height: 100%;
	margin: 1.5em 1em 1em 1.5em;
		}
div.lecture blockquote.letter p {
	text-indent: 0em;
	margin: 1em 1.5em 1em 2em;
	}

div#mm-photo-01 {
	width: 38%;
	float: right;
	margin: 1em 1em 1em 1em;
	}

div#mm-photo-02 {
	width: 38%;
    float: right;
    margin: 0em 1em 0em 1em;
	}

div#mm-photo-03 {
	width: 45%;
	float: right;
	margin: 1em 4em 0em 0em;
	}


div.lecture-script dl.sanshou {
	padding: 2px 0px 1px 4px;
}

div.lecture-script dl.sanshou dt {
	font-size: 108%;
	margin: 0px;
	line-height: 150%;
}

div.lecture-script dl.sanshou dd {
	font-size: 108%;
	margin: 0px 0px 0px 1em;
	line-height: 150%;
}

div.lecture-script dl.sanshou.idt3 dt {
	margin: 0px;
	float: left;
	font-weight: normal;
	line-height: 150%;
}

div.lecture-script dl.sanshou.idt3 dd {
	margin-left: 3em;
}

div.sankou dl.sanshou.idt3 dt {
	margin: 0px;
	float: left;
	font-weight: normal;
	line-height: 100%;
}

div.sankou dl.sanshou.idt3 dd {
	margin-left: 3.5em;
	line-height: 100%;
}

div.sankou dl.mark.idt8 dt {
	font-size: 14px;
	margin: 0px;
	float: left;
	line-height: 100%;
}

div.sankou dl.mark.idt8 dd {
	font-size: 14px;
	margin-left: 6.5em;
	line-height: 100%;
}

div.sankou dl.mark.idt8 dd li {
	font-size: 14px;
	line-height: 100%;
}


div.lecture table.data {
	margin: 2em 2em;
	padding: 0px;
	background: none;
	border-collapse: collapse;
	}

div.lecture table.data td,
div.lecture table.data th,
div.lecture table.data {
	width: auto;
	border: solid 1px #666;
	line-height: 100%;
	}
div.lecture table.data td,
div.lecture table.data th {
	padding: 2px 4px;
	font-size: 100%;
	text-align: right;
	}
div.lecture table.data th.tbl-summary {
	text-align: center;
	}
div.lecture table.data col.part {
	width: 15%;
	}
div.lecture table.data col.item {
	width: 64%;
	}
div.lecture table.data col.notes {
	
	}
div.lecture table.data td,
div.lecture table.data th {
    text-align: left;
    padding: 4px 5px;
	}
div.lecture table.data th {
    color: #333;
	background-color: #F0E0FF;
	font-size: 14px;
	}





div.mm-content div.notes {
	clear: both;
	border: solid 1px red;
	margin: 2em 2em 0;
	}

div.mm-content div.notes p {
	text-indent: -1em;
	margin-left: 3em;
	}

div.mm-content p.remake-notes {
    margin: 0 0 0 1em;
    color: #c39;
    text-align: left;
    line-height: 100%;
	}

div.mm-info-top {
	border: solid 2px #F00;
	}

div.mm-info-top h2 {
	margin: 1em;
	text-align: center;
	font-size: 16px;
	}

div.mm-info-top p {
	font-size: 14px;
	margin: 1em 0em 1em 2em;
	}

div.mm-info-btm {
	clear: both;
	margin: 16px auto 16px;
	}

div.mm-senden {
	clear: both;
	letter-spacing: -0.07em;
	margin: 16px auto 16px;
	}

div.mm-info-btm h2,
div.mm-senden h2 {
	background-color: #eaf2aa;
	padding: 4px 8px;
	height: 15px;
	font-size: 116%;
	color: #00aeef;
	white-space: nowrap;
	line-height: 120%;
	}

div.mm-senden h4 {
	font-size: 116%;
	margin: 0px 12px 12px;
	letter-spacing: -0.09em;
	}


p#ad-link-2,
div.mc-adtext,
div#notice-renewal,
div#mc-info,
div#mc-exbonus,
div#mc-osusume,
div#mc-main {
	margin: 16px 16px 24px;
	}

p#ad-link-2,
div#notice-renewal p,
div#mc-osusume p,
div#mc-main p {
	font-size: 108%;
	margin-left: 30px;
	line-height: 160%;
	}

div#mm-photo-senden {
	width: 100%;
	margin: 0px;
	}

div.mm-info-btm div.info-subst ul {
	margin: 1em 1em 1em 2em;
	font-size: 16px;
	}
div.mm-info-btm div.info-subst ul li {
	margin: 1em 0em;
	line-height: 150%;
	}
div.mm-info-btm div.info-subst p.notes {
	text-align: center;
	}

div.mm-senden div.senden-subst ul {
	position: absolute;
/* タイプ1
	bottom: 8px;
	right: 16px;
	width: 32%; */
/* タイプ2 */
	bottom: 8px;
	left: 2px;
	width: 40%;
/* タイプ3
	bottom: 23px;
	right: 5px;
	width: 35%; */
/* タイプ4
	bottom: 7px;
	right: 11px;
	width: 35%; */
	
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
div.mm-senden div.senden-subst ul li {
	width: 50%;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 100%;
	text-align: center;
	}

div.mm-senden .link {
	font-weight: bold;
	}

div.mm-info-btm div.info-subst,
div.senden-subst {
	border: solid 1px #ccc;
	}

div.senden-subst a.And-Store img {
	
	}

div.mm-senden div#coupon-campaign p {
	
	}
div.mm-senden div#coupon-campaign h3 {
	margin: 1em 0 6px 11px;
	font-weight: normal;
	}
div.mm-senden div#coupon-campaign ul {
	margin: 0 0 1em 35%;
    padding-left: 40px;
    line-height: 140%;
	}
div.mm-senden div#coupon-campaign p.shoplink {
	font-size: 15px;
	}


div.okuduke {
	clear: both;
	width: 600px;
	border: solid 1px #ccc;
	border-width: 3px 0px 0px 0px;
	margin: 16px auto 16px;
	}
div.okuduke ul {
    list-style-type: none;
    margin: 1em 1em;
    padding: 0;
    }

div.okuduke ul li {
	font-size: 108%;
	margin: 8px;
	}
li#okdk-copyright {
	border: dotted 1px #999;
	border-width: 2px 0px 0px 0px;
	padding-top: 8px;
	}