@charset "utf-8";
/* CSS Document */

.title.page { background: #FFFFFF }
/*----------------------------------------------------*/
.bg h2 { font-size: 14px; font-weight: bold; padding: 10px; border-bottom: 1px solid #B3B3B3 }
.bg h3 { font-size: 14px; font-weight: bold; padding: 10px; border-bottom: 1px solid #B3B3B3 }
/*----------------------------------------------------*/

#price { width: 100%; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; }
#price table { width: 100%; border-collapse: separate; border-spacing: 5px 10px; }
#price table th, #price table td { font-weight: bold; padding: 6px; }
#price table th { background: #8D378B; color: #FFFFFF; text-align: center; }
#price table td { border-bottom: 1px dotted #B3B3B3; font-size: 1.4rem; }
#price table td span { font-size: 1.2rem; }
#price table td a { display: block; padding-right: 18px; background: url(../../../images/pageparts/blt_arrow_corner.png) no-repeat 100% 50%; color: #555555 }
#price ul { margin-left: 5px }
#price ul li { display: inline-block; position: relative; padding-left: 18px; line-height: 24px; margin-right: 2rem; }
#price ul li:after { display: block; position: absolute; left: 0; top: 5px; content: ""; width: 6px; height: 6px; border: 4px solid #B3B3B3;border-radius: 50%; -webkit-border-radius: 50%; }
#price ul li img { vertical-align: middle; }
#price .bodytext { line-height: 1.2; padding: 10px 5px 5px 5px; }
#price .caption_text { line-height: 1.2; padding: 10px 5px 5px 5px; color: #E82B83; }
/*----------------------------------------------------*/


.course p.price { font-weight: bold; font-size: 14px; text-align: center; margin: 10px 0; }
.course p.price em { color: #E82B88; font-size: 3.0rem; font-family: 'Open Sans', sans-serif; margin-left: 4px; margin-right: 4px; }
.course ul { width: 100%; display: block; padding: 1px 8px 10px; box-sizing: border-box; -webkit-box-sizing: border-box; }
.course ul li { width: 48%; margin: 2px 1%; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #9B4F99; float: left; padding: 8px 0; text-align: center; font-size: 14px; color: #6A2968 }
.course ul li.full { width: 98%; }
.course ul li.plus { border-color: #FFFFFF }
.course .bodytext { line-height: 1.2; padding: 10px; border-top: 1px dotted #B3B3B3; }
.course p.lead { font-weight: bold; font-size: 1.4rem; text-align: center; padding: 1px 10px; margin: 1rem 0; }
/*.course p.osusume { font-size: 1.3rem; line-height: 1.4; color: #E82B88; text-align: center; margin: 10px 0; }*/
.course .osusume { font-size: 1.3rem; line-height: 1.4; color: #E82B88; margin: 0 0 10px 0; display: block; }
.course p.titletext { font-size: 1.3rem; line-height: 1.4; color: #6a2968; padding-left: 10px; }
/*----------------------------------------------------*/
#option .padding { padding: 1px 10px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; }
#option p.guide { margin: 1rem 0; }
#option p.course_guide { font-size:12px; padding: 10px 0; }
#option table { width: 100%; margin-bottom: 10px; }
#option table tr:nth-child(odd) { background: #F2F2F2; }
#option table th, #option .set_a table td { padding: 3px 6px; }
#option table th { color: #8D378B; border-right: 1px dotted #B3B3B3; font-weight: bold; }
#option table td { border-right: 1px dotted #B3B3B3; }
#option table tr td:nth-last-child(1) { border-right: none; text-align: right; }
#option p.caption { color: #E82B88; margin: 10px 0; font-size: 12px; }
#option .popup img { vertical-align: sub }
#option h3 { color: #ED556A }

#option .op_image { display: none }
.photo_single img { width: 100% }
/*----------------------------------------------------*/
#step .padding, #guide .padding { padding: 1px 10px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; }
#step p.guide { margin: 1rem 0; }
#step dl, #guide dl { margin: 10px 0; }
#step dt, #guide dt { background: #F2F2F2; font-weight: bold; font-size: 14px; padding: 6px; margin-bottom: 10px; }
#step dt span, #guide dt span { color: #6A2968; font-family: "Times New Roman", Times, serif }
#step dd, #guide dd { line-height: 1.2; margin: 10px 0; padding-bottom: 5px; position: relative; }
#step dd span, #guide dd span { position: absolute; display: block; width: 22px; height: 22px; bottom: 0px; left: 50%; margin-left: -11px; font-weight: normal; }
#step dd span img, #guide dd span img { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); }
#step dd p, #guide dd p { margin: 1rem 0; }