@charset "utf-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1.8;}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {display:block;}
ul, ol {list-style:none;}
blockquote, q {quotes:none;}
blockquote::before, blockquote::after,
q::before, q::after {content:'';content:none;}
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}

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

BASIC

=======================================*/
html{-webkit-text-size-adjust:100%;}
body{color:#221815; font-size:18px;font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; background:url(../img/bg.gif) repeat; line-height:1.8;}

@font-face {
  font-family: 'ryumin';
  src: url(../font/ryumin.otf);
}


/* COMMON STYLE
=======================================*/
a{color:#0078c5;text-decoration:none;}
a:hover{color:#6aa5ca;}
p {margin-bottom:2%;}

section{margin:0 auto 6%;}

.Hv a {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
.Hv a:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:0.5;}
.ta-c {text-align:center;}
.orange { color:#FF9900;}
.red, .fc-red {color:#FF0000;}
.MidNote { margin-bottom:5%;}
.EndNote { margin-bottom:10%;}
.bold {font-weight:bold;}

/* respons view */
.spView{display:none;}
.pcView{display:block;}

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



/* margin */
.m-auto{margin:0 auto;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}
.mb70{margin-bottom:70px!important;}
.mb80{margin-bottom:80px!important;}
.mb90{margin-bottom:90px!important;}
.mb100{margin-bottom:100px!important;}
.mb110{margin-bottom:110px!important;}
.mb120{margin-bottom:120px!important;}

/* line-height */
.lineheight14{line-height: 1.4!important;}
.lineheight15{line-height: 1.5!important;}
.lineheight16{line-height: 1.6!important;}
.lineheight17{line-height: 1.7!important;}
.lineheight18{line-height: 1.8!important;}
.lineheight19{line-height: 1.9!important;}
.lineheight20{line-height: 2.0!important;}

/* size */
.size14{font-size:14px;}
.size15{font-size:15px;}
.size16{font-size:16px;}
.size17{font-size:17px;}
.size18{font-size:18px;}
.size19{font-size:19px;}
.size20{font-size:20px;}

/* text */
.underline{text-decoration: underline;}



/* COMMON
=======================================*/
/* #wrapper */
#wrapper{}
#wrapper.thanks {padding-top: 100px;}
#header {width: 100%;margin: 0 auto;position: relative;background: #000;height: 440px;background: url(../img/head_bg_big.png) no-repeat center 0 #fff;background-size:100%;}

#Start #Contents.contents_start .CatchTitle{text-align: center;margin-bottom: 50px;font-weight: bold;font-size: 26px;}


@media screen and (max-width: 1250px) {
#header {background: url(../img/head_bg.png) no-repeat center 0 #fff;background-size:cover;}
}

#header h1{width: 980px;margin: 0 auto;padding-bottom: 50px;}
#header img {width:100%; height:auto;}

.timer_head{width: 100%;margin: 0 auto;/* background: #fff; */}
.timer_inner{width: 700px;margin: 0 auto;padding-bottom: 20px;}
.timer_inner .desc{text-align:center;color:#ff0000;font-weight:bold;font-size: 31px;padding: 20px 0 0;text-shadow: 3px 3px 2px #e2a7a7;}
.clock-block {width: 100%;}
.clock-scale {zoom: 0.6;-moz-transform: scale(0.6);-webkit-transform: scale(1.0);margin: 0 auto;width: 650px;}
.clock-locate {-moz-transform: translate(-310px, -40px);-webkit-transform: translate(6px,-4px);margin-left: 0 !important;}
.clock {width: 650px !important;margin: -8px auto 0 -15px !important;}
.flip-clock-wrapper {font-size:22px  !important;}

body.is-fixed .select_timer{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;border-bottom: solid 3px #d44666;display: block;background:url(../img/bg.gif) repeat 0 0;}

/* #contents */
#Contents{/*background: url(../img/bg-txt.gif) repeat;*/width: 900px;margin: 0px auto 20px;overflow: hidden;position: relative;top: -60px;border: solid 1px #efefef;box-shadow: 2px 3px 7px;background:#fff;padding-top: 30px;}

/* Start */
body#Start{background:url(../img/bg_start.png) repeat 0 0;background-size:100%;}
body#Start #wrapper{}
#Start #Contents.contents_start{margin-top: 60px;top: 0;border:none;background: none;box-shadow: none;width: 100%;}
#Start #Contents.contents_start p{margin-bottom: 40px;}

#Start #Contents .BlockStart{padding:60px 80px 1px;}
#Start #Contents .BlockStart2{padding:1px 80px 1px;}
#Start .Bookinner{/* background:url(../img/bg_book.png) repeat-y 0 0; */background-size:100%;}
#Start .Bookinner .inner{width: 900px;margin: 0 auto;}
#Start .Bookinner .corner_up{background: url(../img/book_u_c.png) repeat-x 0 0;margin-right: 39px;}
#Start .Bookinner .corner_side{}
#Start .Bookinner .corner_inn{position: relative;top: 14px;background: url(../img/book_l.png) repeat-y left 0 #f8f8f8;}
#Start .Bookinner.book_u{background: url(../img/book_u_r.png) no-repeat right 0,url(../img/book_c_r.png) repeat-y right 0;}
#Start .Bookinner.book_bg{background: url(../img/book_c_r.png) repeat-y right 0;}
#Start .Bookinner.book_bg .corner_inn{margin-right: 39px;background:url(../img/book_l.png) repeat-y left 0 #f8f8f8;}
#Start .Bookinner.book_b{background: url(../img/book_b_r.png) no-repeat right bottom,url(../img/book_c_r.png) repeat-y right 0,url(../img/book_b_c.png) repeat-x right bottom;padding: 0 0 29px;}
#Start .Bookinner.book_b .corner_inn{margin-right: 39px;background: url(../img/book_l.png) repeat-y left 0 #f8f8f8;}
#Start .Corner{line-height: 0;}
#Start .Corner img{width: 100%;height: auto;}
#Start .Title{padding: 0 10px;text-align: center;width: 100%;}
#Start .Subtitle{text-align: center;color: #353636;font-size: 30px;font-family: ryumin;margin-bottom: 60px;}
#Start .Subtitle2{text-align: center;color: #353636;font-size:20px;margin-bottom: 60px;}
#Start .Left{text-align: left;width: 60%;padding-right: 40%;}
#Start .Bg01{background:url(../img/bg_story01.png) no-repeat right 0;}
/*.BK06 a{background: #fb6464;background: -moz-linear-gradient(top,  #fb6464 0%, #fb6464 67%, #fb6464 67%, #e44747 100%);background: -webkit-linear-gradient(top,  #fb6464 0%,#fb6464 67%,#fb6464 67%,#e44747 100%);background: linear-gradient(to bottom,  #fb6464 0%,#fb6464 67%,#fb6464 67%,#e44747 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6464', endColorstr='#e44747',GradientType=0 );width: 85%;display: block;padding: 20px 0;text-align: center;color: #fff;font-size: 22px;margin-bottom: 120px;margin: 0 92px 17%;border-radius: 7px;box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.2);}*/
.BK06{padding-bottom: 29px;}
.BK06 a{width: 50%;display: block;padding: 3px 0;text-align: center;color: #fff;font-size: 20px;margin: 0 auto ;border-radius: 7px;box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.2);background: #ffd16f;background: -moz-linear-gradient(top,  #ffd16f 0%, #f7ac0e 19%, #f56f00 41%, #f56f00 71%, #c04b00 100%);background: -webkit-linear-gradient(top,  #ffd16f 0%,#f7ac0e 19%,#f56f00 41%,#f56f00 71%,#c04b00 100%);background: linear-gradient(to bottom,  #ffd16f 0%,#f7ac0e 19%,#f56f00 41%,#f56f00 71%,#c04b00 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd16f', endColorstr='#c04b00',GradientType=0 );font-weight: bold;}
.BK06 a:hover{opacity:0.7;}


@media screen and (max-width: 1000px) {

#Start #Contents .BlockStart{padding: 50px 3% 1px;}
#Start #Contents .BlockStart2{padding:2% 3% 1px;}
#Start .NextBtn,#Start .NextBtn3{width: 85%;}
#Start .Bookinner .inner {width: 90%;margin: 0 auto;padding: 0 2%;}
#Start .Title {padding: 0;width: 100%;}
#Start .Title img{width: 85%;height: auto;}
}

@media screen and (max-width: 727px) {

#Start #Contents.contents_start{margin-top: 20px;}
#Start .Subtitle{font-size: 15px;margin-bottom: 40px;}
#Start .Subtitle2{font-size:15px;}
#Start .Block2{ padding:60px 80px 60px;}
#Start #Contents .BlockStart{padding:50px 0% 1px;}
#Start .Bookinner.book_b .corner_inn,#Start .Bookinner.book_bg .corner_inn,#Start .Bookinner .corner_inn{background: #f8f8f8;}

.BK06 a{font-size: 14px;}	
}


#Contents .Block{ padding:30px 80px 30px;}
h2.Normal {color:#0066CC; font-size:140%; margin-bottom:1%;}
h3.Normal {color:#0066CC; font-size:120%; margin-bottom:1%;}

.FC-L {font-size:160%; /*font-weight:bold; font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;*/}
.FC-M {font-size:140%; /*font-weight:bold; font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;*/}
.FC-S {font-size:120%; /*font-weight:bold; font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;*/}
.Normal-L {font-size:160%;}
.Normal-M {font-size:140%;}
.Normal-S {font-size:120%;}
.UnderLine {text-decoration:underline;}
.YellowLine {background-image:url(../img/y_line.png); background-position:0 3px; background-repeat: repeat-x;}

.Boxlist{padding: 20px 10px;margin: 40px 0;border: solid 3px #d44666;}
.Boxlist2{background: url(../img/bg_03.png) repeat 0 0;padding: 40px 20px;box-sizing: border-box;border: solid 5px #d44666;box-shadow: 3px 3px 11px #ccc;margin-bottom: 60px;}
.Boxlist2 dt{color: #c37a05;/*font-family: "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;*/font-size: 25px;margin-bottom: 15px;font-weight: bold;border-bottom: solid 1px #c37a05;}
.Boxlist2 dd{margin-bottom: 40px;}
.Boxlist2 .Pricezone{padding: 20px 0;display: block;color: #ea1c1c;font-size: 32px;font-family: "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;font-weight: bold;}
.Boxlist2 .mbtune{margin-bottom: 40px;display: block;}
.Titleline{border-bottom: solid 2px #d64444;margin-bottom: 40px;}

.NextBtn {width:70%; margin:0 auto 40px;margin: 0 auto 100px;}
.NextBtn img {width:100%; height:auto;}
.NextBtn a {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
.NextBtn a:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:0;}
.NextBtn2 {width:90%; margin:0 auto 100px;}
.NextBtn2 img {width:100%; height:auto;}
.NextBtn2 a {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
.NextBtn2 a:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:0;}
.NextBtn3 {width:350px;margin: 0 auto 20px;}
.NextBtn3 img {width:100%; height:auto;}
.NextBtn3 a {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
.NextBtn3 a:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:0.7;}

.BK01 {background:url(../img/btn-next01_bk.png) left top no-repeat; background-size:100%;}
.BK02 {background:url(../img/btn-next02_bk.png) left top no-repeat; background-size:100%;}
.BK03 {background:url(../img/btn-next03_bk.png) left top no-repeat; background-size:100%;}
.BK04 {background:url(../img/btn-next04_bk.png) left top no-repeat; background-size:100%;}
.BK05 {background:url(../img/btn-next05_bk.png) left top no-repeat; background-size:100%;}

/*
.TK01 {background:url(../img/btn-thanks01_bk.png) left top no-repeat; background-size:100%;}
.TK02 {background:url(../img/btn-thanks02_bk.png) left top no-repeat; background-size:100%;}
.TK03 {background:url(../img/btn-thanks03_bk.png) left top no-repeat; background-size:100%;}
*/

.SubText{text-align: center;font-size: 22px;color: #ea1c1c;}

.Tabs {width:900px; margin:0 auto;}
.Tabs ul { overflow:hidden; width:100%; margin:0px; padding:0;line-height: 0;}
.Tabs ul li { float:left; width:33.3333%; margin:0; padding:0;}
.Tabs ul li img { width:100%; height:auto;}
.Thankstitle{text-align: center;color: #353636;font-size: 30px;margin: 60px 0 0px;font-weight:bold;}
.Thankstitle2{text-align: center;color: #353636;font-size: 30px;/*font-family: ryumin;*/margin-bottom: 60px;}

.Conv {background:#F4F4F4; width:680px; margin:0 auto 60px; padding:40px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;}
.Conv .Me { padding-bottom:10px; border-bottom:1px dotted #CCCCCC; margin-bottom:3%; overflow:hidden;}
.Conv .Mentor { padding-bottom:10px; border-bottom:1px dotted #CCCCCC; margin-bottom:3%; overflow:hidden;}
.Conv .Boss { padding-bottom:10px; border-bottom:1px dotted #CCCCCC; margin-bottom:3%; overflow:hidden;}
.Conv .Me .face{float:right; width:10%;}
.Conv .Me .face img, .Conv .Mentor .face img, .Conv .Boss .face img { width:100%; height:auto;}
.Conv .Me .txt{float:left; width:84%;}

.Conv .Boss .face,.Conv .Mentor .face{float:left; width:10%;}
.Conv .Boss .txt,.Conv .Mentor .txt{float:right; width:84%;}

.Conv .Nom { padding-bottom:10px; border-bottom:1px dotted #CCCCCC; margin-bottom:3%; overflow:hidden;}
.Conv .Nom .Left { float:left; width:15%;}
.Conv .Nom .Right { float:right; width:82%;}
.Later {padding:8% 0; text-align:center;}
h3 {font-weight:normal; margin-bottom:3%; font-size:110%;}
.sample { text-align:center; width:80%; margin:1% auto 3%;}
.sample img{width:100%; height:auto;}

.Friend {width:90%; margin:0 auto 4%; overflow:hidden; background:#FFF; padding:4%;}
.Friend ul { width:100%; overflow: hidden; line-height:1.6; margin:0 auto 6px;}
.Friend ul li { float:left; width:46%; text-align:left; margin:0 2% 2%;}
.Friend ul li img { width:80%; height:auto;}
.Friend ul li .photo {text-align:center;}
.Friend ul li .name { font-size:13px; margin-bottom:2px; text-align:center;}
.Friend ul li .role { font-size:13px; margin-bottom:6px; text-align:center;}
.Friend ul li .txt { font-size:13px; margin-bottom:6px;}
.Friend ul li h3 { font-size:18px; font-weight:bold; text-decoration:underline; color:#00CC66; text-align:center;}

.list {width:100%; height:auto; overflow:hidden; padding:2%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border:4px solid red;margin:0 auto 4%;}
.list li {margin-bottom:2%;}

.IMG-R {width:auto; max-width:30%; height:auto; float:right;}
.IMG-R img {width:100%; height:auto;}

#footer { overflow:hidden; margin:2% auto; font-size:12px;}
#footer .Cnt{ width:980px; margin:0 auto; border-top:1px dotted #353636;  border-bottom:1px dotted #353636;}
#footer ul { width:480px; margin:0 auto; overflow:hidden;}
#footer li { float:left; width:160px; text-align:center; padding:10px 0;}
#footer li a { color:#353636;}
#footer .copy { color:#353636; text-align:center; margin-top:1%;}

.data {overflow:hidden; padding-bottom:3px; border-bottom:1px dotted #666666; margin-bottom:6px;}
.data dt { float:left; width:30%;}
.data dd { float:right; width:70%;}

@media screen and (max-width: 1000px) {
#header {width:100%; margin:0 auto; position:relative;background: url(../img/head_bg.png) no-repeat center 0 #000;background-size: cover;height: 370px;}
#header h1{width: 100%;}
#header img {width:100%; height:auto;}
/* #contents */
#Contents{width:98%; margin:-20px auto 20px;top:0px;}
#Contents .Block{ padding:20px 40px 20px;}

#wrapper #Contents.lp3{margin:50px auto 20px;}


.FC-L {font-size:160%;}
.FC-M {font-size:140%;}
.FC-S {font-size:120%;}
.Normal-L {font-size:160%;}
.Normal-M {font-size:140%;}
.Normal-S {font-size:120%;}
.YellowLine {background-position:0 3px; }

.NextBtn {width:80%; margin:0 auto 30px;}
.NextBtn img {width:100%; height:auto;}
/*.NextBtn3 {width:400px; margin:0 auto 30px;}*/
.NextBtn3 img {width:100%; height:auto;}

/*
.BK01 {background:none;}
.BK02 {background:none;}
.BK03 {background:none;}
.BK04 {background:none;}
.BK05 {background:none;}
*/

.Tabs {width:100%; margin:0 auto;}

.Conv {width:90%; margin:0 auto 5%; padding:3%;}
.Conv .Me { padding-bottom:10px; border-bottom:1px dotted #CCCCCC; margin-bottom:3%; overflow:hidden;}
.Conv .Mentor { padding-bottom:10px; border-bottom:1px dotted #CCCCCC; margin-bottom:3%; overflow:hidden;}
.Conv .Boss { padding-bottom:10px; border-bottom:1px dotted #CCCCCC; margin-bottom:3%; overflow:hidden;}
.Conv .Me .face{float:right; width:10%;}
.Conv .Me .face img, .Conv .Mentor .face img, .Conv .Boss .face img { width:100%; height:auto;}
.Conv .Me .txt{float:left; width:84%;}
.Conv .Boss .face,.Conv .Mentor .face{float:left; width:10%;}
.Conv .Boss .txt,.Conv .Mentor .txt{float: right;width: 84%;}


.Conv .Nom { padding-bottom:10px; border-bottom:1px dotted #CCCCCC; margin-bottom:3%; overflow:hidden;}
.Conv .Nom .Left { float:left; width:20%;}
.Conv .Nom .Right { float:right; width:78%;}
h3 {font-weight:normal; margin-bottom:3%; font-size:110%;}


#footer { overflow:hidden; margin:2% auto; font-size:12px;}
#footer .Cnt{ width:100%;}
#footer ul { width:480px; margin:0 auto; overflow:hidden;}
#footer li { float:left; width:160px; text-align:center; padding:10px 0;}
#footer .copy {text-align:center; margin-top:1%;}


}


@media screen and (max-width: 727px) { /* SmartPhone Display - width:727px under - */
/*========================================

BASIC

=======================================*/
body{color:#221815; font-size:11px;line-height:1.6;}
p {margin-bottom:6%;}

/* common style */
img{width:100%;height:auto;}
/* responsd View*/
.pcView{display:none;}
.spView{ display:block;}

/* COMMON
=======================================*/
/* #wrapper */
#wrapper.thanks{padding-top: 20px;}

#header {width:100%; margin:0 auto; position:relative;height: auto;background:none;}
#header h1{padding-bottom: 20px;}
#header img {width:100%; height:auto;}
#Start #Contents.contents_start .CatchTitle{margin-bottom: 30px;font-size:15px;}


.timer_inner{width: 95%;}
.timer_inner .desc{font-size:20px;margin-bottom: 0;}


/* #contents */
#Contents{margin: 20px auto 20px;font-size:14px;}
#Contents .Block{ padding:10px 3%;}

.FC-L {font-size:130%;}
.FC-M {font-size:120%;}
.FC-S {font-size:110%;}
.Normal-L {font-size:130%;}
.Normal-M {font-size:120%;}
.Normal-S {font-size:110%;}
.YellowLine {background-image:url(../img/y_line.png); background-position:0 3px; background-repeat: repeat-x;}

.NextBtn {width:98%; margin:0 auto 30px;}
.NextBtn img {width:100%; height:auto;}
.NextBtn2 {width:98%;}
.NextBtn3 {width:300px; margin:0 auto 10px;}
.NextBtn3 img {width:100%; height:auto;}
.BK06 a{width: 90%;}

.Thankstitle{font-size:16px;}
.Thankstitle2{font-size: 16px;margin-bottom: 40px;}
.Boxlist2 .Pricezone{font-size:27px;}


.Conv {width:96%;margin:0 auto 30px; padding:2%; font-size:14px;}
.Conv .Me { padding-bottom:10px; border-bottom:1px dotted #CCCCCC; margin-bottom:3%; overflow:hidden;}
.Conv .Mentor { padding-bottom:10px; border-bottom:1px dotted #CCCCCC; margin-bottom:3%; overflow:hidden;}
.Conv .Boss { padding-bottom:10px; border-bottom:1px dotted #CCCCCC; margin-bottom:3%; overflow:hidden;}

.Conv .Me .face{float:right; width:13%;}
.Conv .Me .face img, .Conv .Mentor .face img, .Conv .Boss .face img { width:100%; height:auto;}
.Conv .Me .txt{float:left; width:84%;}
.Conv .Boss .face,.Conv .Mentor .face{float: left;width: 13%;}
.Conv .Boss .txt,.Conv .Mentor .txt{float: right;width: 84%;}


.Conv .Nom { padding-bottom:10px; border-bottom:1px dotted #CCCCCC; margin-bottom:3%; overflow:hidden;}
.Conv .Nom .Left { float:left; width:25%;}
.Conv .Nom .Right { float:right; width:75%;}
.Later {padding:8% 0;}
h3 {font-weight:normal; margin-bottom:3%; font-size:110%;}
.sample { text-align:center; width:80%; margin:1% auto 3%;}
.sample img{width:100%; height:auto;}

.Friend {width:96%; margin:0 auto 4%; overflow:hidden; background:#FFF; padding:2%;}
.Friend ul { width:100%; overflow: hidden; line-height:1.6; margin:0 auto 6px;}
.Friend ul li { float:left; width:46%; text-align:left; margin:0 2% 2%;}
.Friend ul li img { width:80%; height:auto;}
.Friend ul li .name { font-size:100%; margin-bottom:2px; text-align:center;}
.Friend ul li .role { font-size:100%; margin-bottom:6px; text-align:center;}
.Friend ul li .txt { font-size:100%; margin-bottom:6px;}
.Friend ul li h3 { font-size:112.5%; font-weight:bold; text-decoration:underline; color:#00CC66; text-align:center;}

.list {width:100%; height:auto; overflow:hidden; padding:2%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border:2px solid red;margin:0 auto 6%;}
.list li {margin-bottom:6%;}

#footer { overflow:hidden; margin:2% auto; font-size:12px;}
#footer .Cnt{ width:100%;}
#footer ul { width:99%; margin:0 auto; overflow:hidden;}
#footer li { float:left; width:33%; text-align:center; padding:10px 0;}
#footer li a { color:#353636;}
#footer .copy { color:#353636; text-align:center; margin-top:1%;}



/*-------------------- max-width:640px --------------------*/}