/* rest.css*/ article,aside,details,figcaption,figure,footer,header,hgroup,img,menu,nav,section{display:block}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}img{margin:0 auto;padding:0}/* rest.css*/ /*---------------------------------------------------------------------------------------------- button:hover ----------------------------------------------------------------------------------------------*/ @-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover{-webkit-animation-name:hvr-wobble-vertical;animation-name:hvr-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1} /*---------------------------------------------------------------------------------------------- Basic Style ----------------------------------------------------------------------------------------------*/ html{ font-size:62.5%;} body{width:100%;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:1.6rem;line-height:1.7; background:url(../img/base/base_background.jpg);} #body__wrap{width:985px; margin:0 auto;} #body__wrap_left{width:960px; margin: 0 auto; background:#FFF; border-left: 2px solid #D1D1D1; border-right: 2px solid #D1D1D1;} .letter{width:85%;margin:0 auto; padding:10px 0 0;} .letter h3{font-weight:bold;font-size:2rem;text-align:center; line-height:1.3;padding:0 0 0 20px;} .youtube__wrap{width:800px; margin:0 auto;} .youtube{width:800px;height:450px;} #mov{background-color: #fff;} .mov{width: 100%;background-image: url(../img/head2.jpg);background-repeat: no-repeat;height: 290px;margin: 0 auto;width: 990px;z-index: 3;position: relative;} .mov-sp {display:none;} /*---------------------------------------------------------------------------------------------- Styles for sideform ----------------------------------------------------------------------------------------------*/ #body__wrap_right{width:100%; margin:0 auto;background:url(../img/falcon_opt_ver02_03.png) repeat-x;} #body__wrap_right_sidebox{width:970px;height:auto;margin:0 auto;} #body__wrap_right_sidebox_title{ margin:-25px auto 0; position: absolute; } #body__wrap_right_sidebox p{ font-weight:bold; font-size:2rem; } #body__wrap_right_sidebox p img{ display:inline; padding:0 5px 0 0; } #body__wrap_right_sidebox_wrap{ width:62%; margin:0 auto; padding:130px 0 0 18px;} #body__wrap_right_sidebox_txt input{ width:100%; margin:0 0 7px; padding:20px 10px; border:4px solid #dd2700;font-size:1.3rem; background-color: #fff6e1;} #body__wrap_right_sidebox_txt input:hover{border:4px solid #F00; background-color:#FFC;} .fixed {position: fixed;top: 0;z-index: 1;} #body__wrap_right_sidebox_attention { width: 62%; margin: 0 auto;} #body__wrap_right_sidebox_attention p{font-size:1.3rem; color:#FFF; padding:0 0 50px 35px; margin:0 27px;background:url(../img/base/base_icon_attention.png) no-repeat 0% 18%;} /*---------------------------------------------------------------------------------------------- Styles for #mailform__second ----------------------------------------------------------------------------------------------*/ #mailform__header_sp{ display:none;} /*---------------------------------------------------------------------------------------------- Styles for .countdown ----------------------------------------------------------------------------------------------*/ #countdown__background{width:100%;height:70px; margin:-1px auto 0; background:#000;} .countdown__txt{width:90%;margin:0 auto;font-size:4rem;font-weight:bold;color:#f3ff6b;text-align:center;padding:7px 0 0;} .countdown__txt p{ color:#FFF; display:inline; font-size:2.4rem;} .countdown__wrap {width:100%;height:85px;margin:0 auto;padding:0;} .cunt_pc {background: #000;} .cunt_sp{display:none;} /*---------------------------------------------------------------------------------------------- .sub-head ----------------------------------------------------------------------------------------------*/ .sub-head h1{ width:95%; margin:0 auto; padding:55px 0 15px; font-size:3rem;font-weight:bold; color: #de0000 ;text-align:center; line-height:1.2;} .sub-head .small{ font-size:1.8rem; font-weight:bold;} /*---------------------------------------------------------------------------------------------- Styles for .font_style ----------------------------------------------------------------------------------------------*/ .u {text-decoration:underline;} .b {font-weight:bold;} .rub {font-weight: bold;background-image: url(../img/base/base_border.gif);background-position: bottom;background-repeat: repeat-x;} .r { color:#F00;} .min {font-size:3.5rem; font-weight:bold; color:#523a11;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;} .p30{font-size:130%;} .p50{font-size:150%;} hr{border: 1px dotted #ccc;margin: 0 auto 20px;} /*---------------------------------------------------------------------------------------------- Styles for #header ----------------------------------------------------------------------------------------------*/ header{width:100%;margin:0 auto; padding:0 0 0;} #header__prihead{width:100%;margin:0 auto; background:url(../img/test_header_08.png) repeat-x;} #header__prihead img{padding:10px 0 8px;} #header__img{width:100%;margin:0 auto; background:url(../img/sakato_header_01back.png) center repeat-x; background-color: #fff;} #header__jb{width:100%;margin:0 auto; background:url(../img/test_header_03.png) repeat-x;} #header__jb img{padding:16px 0 20px;} #header__img2{width:100%;margin:100px auto 0; background:url(../img/sakato_header_01back.png) center repeat-x;} /*---------------------------------------------------------------------------------------------- Styles for #section__area ----------------------------------------------------------------------------------------------*/ #section__area_top{ width: 100%; background:url(../img/falcon_opy_header_03.png) repeat-x 50% 50%;} #section__area_top_box { width: 1030px; margin:-20px auto 0;} #section__area_top_box_youtube { width: 900px; height: 315px; background:url(../img/falcon_opy_header_04.png) no-repeat left; z-index:999;} #section__area_top_box_youtube iframe{ padding: 9px 0 0 28px;} /*---------------------------------------------------------------------------------------------- Styles for .merit ----------------------------------------------------------------------------------------------*/ #merit{ width:100%; margin:0 auto;} #merit hr{ width:90%; margin:0 auto; background-color:#FFF; color:#FFF;} #merit__wrap{ width:90%; margin:0 auto; background:url(../img/base/base_fream_03.png) repeat-y; } .merit__wrap_box { width:90%; margin:0 auto;} .merit__wrap_box_color { width:100%; margin:0 auto; background:url(../img/base/base_fream_03.png) repeat-y #fff9e8;} .merit__wrap_box:after {content: "";display: block;clear: both;} .merit__wrap_box h2{font-size:2.5rem; font-weight:bold; color:#000; line-height:1.3;padding:20px 0 20px 50px ; background:url(../img/base/base_cheack_02.png) no-repeat left;} .merit__wrap_box p{ padding:15px 0;} /*---------------------------------------------------------------------------------------------- .merit_02 ----------------------------------------------------------------------------------------------*/ #merit_02 { width:100%; margin:0 auto;background:url(../img/base/base_merit_back_04.jpg) repeat-y; } .merit_02__title{ width:80%; margin:0 auto; padding:70px 0 40px;background:url(../img/test_merit-back_01.jpg) no-repeat ; } .merit_02__title h1{ width:90%; margin:0 auto;font-size:4rem;font-weight:bold; color: #4d0b0b ;text-align:center; line-height:1.2;} .merit_02__box{ width:90%; margin:0 auto;} .merit_02__box_square{ width:717px; height:68px; background:url(../img/base/base_merit_back_01.png) no-repeat ;} .merit_02__box_square h3{ font-weight:bold; color:#83001d; padding:5px 0 0 94px; font-size:2.8rem;} .merit_02__box_tittle img{ float:left; margin:15px 0 0;} .merit_02__box_tittle h1{ font-size: 3.3rem; color:#83001d; font-weight: bold; line-height: 1.2; padding: 10px 0;} .merit_02__box_txt{ width:100%; margin:20px 0 50px 0; float:left;} .merit_02__box_photo{ width:245px; margin:20px 0 50px 0; float:right;} .merit_02__box_clear{ clear:both;} /*---------------------------------------------------------------------------------------------- Styles for .BolettoBox ----------------------------------------------------------------------------------------------*/ #BolettoBox{ width:100%; margin:0 auto;} .BolettoBox {width: 820px;margin:10px auto 0;padding: 0px;} .BolettoBox ul {display: inline;} .BolettoBox li {font-size: 2rem;line-height: 1.4;letter-spacing: -1px;border-bottom: 1px dotted #b78227;padding: 15px 0 15px 55px; font-weight: bold;color: #141414;background: url(../img/uehara_contents_txt_08.png)no-repeat 1.5% 50%;} .BolettoBox li p{width: 820px;font-weight: initial;font-size: 2rem;border-top: 1px dashed #aaa;margin: 10px auto 0;padding: 10px 0 0;} .BolettoBox li:nth-child(even) {background-color: #FFFEF6;} .BolettoBox2 {width: 630px;margin:10px auto 20px;padding: 0px;} .BolettoBox2 ul {display: inline;} .BolettoBox2 li {line-height: 1.5;letter-spacing: -0.5px;border-bottom: 1px dotted #997c00;padding: 15px 20px 15px 29px; font-weight: bold;color: #141414;background: url(../img/ceck.png)no-repeat 0px 20px;font-size: 95%;} .BolettoBox3 {width: 100%;margin:10px auto 0;padding: 0px;} .BolettoBox3 ul {display: inline;} .BolettoBox3 li {line-height: 1.5;letter-spacing: -0.5px;border-bottom: 1px dotted #997c00;padding: 15px 20px 15px 29px;font-weight: bold;color: #141414;background: url(../img/ceck.png)no-repeat 0px 20px;font-size: 110%;} /*---------------------------------------------------------------------------------------------- Styles for .letter__area ----------------------------------------------------------------------------------------------*/ .letter__photo{ width:35%; float:left;margin: 0 auto 10px;} .letter__txterea{ width:566px; float:left;} /*---------------------------------------------------------------------------------------------- Styles for .profile ----------------------------------------------------------------------------------------------*/ #profile{width:100%;margin:0 auto;} .profile__box{width:100%;margin:0 auto;} .profile__box_title{ width:90%; margin:0 auto;} .profile__box_img{ width:35%; float:right;} .profile__box_name{width:65%; float:left;} .profile__box_name h2{font-size:5rem; font-weight:bold;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} .profile__box_name h3{ font-size:2rem; font-weight:bold; margin:20px 0 0 ; line-height:1.5;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} .profile__box_name h4{font-size:2.5rem; margin:-20px 0 0; color:#990} .profile__box_txt{ width:90%; margin:0 auto;padding:0;} .profile__box_txt_02{ width:100%; margin:0 auto 0;padding:0 ; border: 2px solid #E3C55D; background: #FCF6E6;} .profile__box p{width:100%;margin:0 auto;font-size:1.6rem;} .profile__box_txt_02 p{padding: 15px; font-size: 1.7rem;} .profile__box hr{ width:90%; margin:15px auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff; clear:both; clear:both;} .profile__box_wrap{ width: 800px; margin: 0 auto; background: url(../img/base/base_fream_03.png) repeat-y; background-size: 100%;} /*---------------------------------------------------------------------------------------------- Styles for .voice ----------------------------------------------------------------------------------------------*/ #voice{width:100%;margin:30px auto;} #voice img{width:90%;margin:0 auto;} #voice hr{ width:90%; margin:15px auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff;} .voice__box{width:90%;margin:30px auto 20px;} .voice__box p{width:100%;margin:0 auto;} .voice__box:after {content: "";display: block;clear: both;} .voice__photo{width:200px;float:left;margin:40px 0 40px 40px} .voice__video{width:100%;margin:40px auto 15px;text-align:center;} .voice__video h3{font-size:2.8rem;line-height:1.3; margin:0;font-weight:bold;} .voice__box h4{font-size:2rem;text-align:right;margin:10px 20px 40px 0;} /*---------------------------------------------------------------------------------------------- Styles for .voice2 ----------------------------------------------------------------------------------------------*/ #voice2{width:100%;margin:0px auto;} #voice2 hr{ width:90%; margin:0 auto 10px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff;} #voice2__wrap{ width:838px; margin:0 auto; background:url(../img/b8.png) repeat-y; } .voice2__wrap_box{width:100%;margin:0 auto;} .voice2__wrap_box_title{ width:100%; margin:0 auto;} .voice2__wrap_box_img{ width:30%; float:left;} .voice2__wrap_box_name{width:60%; float:left;} .voice2__wrap_box_name h2{font-size:3.8rem; font-weight:bold;line-height: 1.3;} .voice2__wrap_box_name h3{ font-size:3rem; font-weight:bold;line-height:1.4;margin:0 auto 10px;} .voice2__wrap_box_name h4{font-size:2.5rem; margin:-20px 0 0; color:#990;line-height:1.4;} .voice2__wrap_box_name h5{ font-size:1.7rem; font-weight:bold; margin:5px 0; line-height:1.4;} .voice2__wrap_box_txt{ width:90%; margin:0 auto;padding:0 0 30px;} .voice2__wrap_box p{width:86%;margin:0 auto;font-size:1.5rem;} .voice2__wrap_box hr{ width:90%; margin:15px auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff; clear:both; clear:both;} /*---------------------------------------------------------------------------------------------- Styles for .voice3 ----------------------------------------------------------------------------------------------*/ #voice3{width:100%;margin:0px auto;} #voice3 hr{ width:90%; margin:0 auto 10px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff;} #voice3__wrap{ width:843px; margin:0 auto; background:url(../img/b2.png) repeat-y; } .voice3__wrap_box{width:90%;margin:0 auto;} .voice3__wrap_box_title{ width:100%; margin:0 auto;} .voice3__wrap_box_img{ width:30%; float:left;} .voice3__wrap_box_name{width:60%; float:left;} .voice3__wrap_box_name h2{font-size:3.8rem; font-weight:bold;line-height: 1.3;} .voice3__wrap_box_name h3{ font-size:3rem; font-weight:bold;line-height:1.4;margin:0 auto 10px;} .voice3__wrap_box_name h4{font-size:2.5rem; margin:-20px 0 0; color:#990;line-height:1.4;} .voice3__wrap_box_name h5{ font-size:1.7rem; font-weight:bold; margin:5px 0; line-height:1.4;} .voice3__wrap_box_txt{ width:85%; margin:0 auto;padding:0 0 30px;} .voice3__wrap_box p{width:86%;margin:0 auto; padding:20px 0 0;font-size:1.5rem;} .voice3__wrap_box hr{ width:90%; margin:15px auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff; clear:both; clear:both;} .voice3__wrap_box_photo{float:left; margin: 0 0px 0 -30px;} /*---------------------------------------------------------------------------------------------- Styles for .voice4 ----------------------------------------------------------------------------------------------*/ #voice4__wrap{width:100%;margin:0px auto;} #voice4 hr{ width:90%; margin:0 auto 10px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff;} #voice4__wrap{ width:838px; margin:0 auto; background:url(../img/b8.png) repeat-y; } .voice4__wrap_box{width:90%;margin:0 auto;} .voice4__wrap_box_title{ width:100%; margin:0 auto;} .voice4__wrap_box_img{ width:30%; float:left;} .voice4__wrap_box_name{width:60%; float:left;} .voice4__wrap_box_name h2{font-size:3.8rem; font-weight:bold;line-height: 1.3;} .voice4__wrap_box_name h3{ font-size:3rem; font-weight:bold;line-height:1.4;margin:0 auto 10px;} .voice4__wrap_box_name h4{font-size:2.5rem; margin:-20px 0 0; color:#990;line-height:1.4;} .voice4__wrap_box_name h5{ font-size:1.7rem; font-weight:bold; margin:5px 0; line-height:1.4;} .voice4__wrap_box_txt{ width:85%; margin:0 auto;padding:0 0 30px;} .voice4__wrap_box p{width:94%;margin:0 auto; padding:20px 0 0;font-size:1.5rem;} .voice4__wrap_box hr{ width:90%; margin:15px auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff; clear:both; clear:both;} .voice4__wrap_box_photo{float:left; margin: 0 0px 0 -30px;} /*---------------------------------------------------------------------------------------------- .DVD Boletto ----------------------------------------------------------------------------------------------*/ .MainBox2 {width: 810px;margin: 30px auto auto;padding: 5px 0px;height: 100%;border: 10px solid #2D1600;} .center {margin: auto;text-align: center;padding: 5px 0 10px;} .DiskBolettoTai {font-size: 2.5rem;line-height: 1.4;background: url(../img/ceck.png) no-repeat left top;width: 740px;font-weight: bold;padding: 0 0 20px 35px;margin: 15px auto 0px;} .DiskBolettoText {font-size: 1.8rem;line-height: 1.4;width: 710px;border-bottom: 1px dotted #ddd;margin: 0 auto;padding: 0 50px 20px;} .MainChecklistC {width: 810px;margin: auto;padding: 5px 0 0;height: 100%;background-color: #eff6fe;} .DiskBolettoText img {width: 700px;} .MainBox3 {width: 810px;margin: 30px auto auto;padding: 5px 0px;height: 100%;border: 10px solid #ED6400;} .MainChecklistC3 {width: 810px;margin: auto;padding: 5px 0 0;height: 100%;background-color: #fef5ef;} /*---------------------------------------------------------------------------------------------- .special ----------------------------------------------------------------------------------------------*/ #special { width:960px; margin:0 auto;background:url(../img/base/base_merit_back_06.jpg) repeat-y; } .special__title h1{ width:960px; margin:0 auto;font-size:4rem;font-weight:bold; color: #000 ;text-align:center; line-height:1.2;} .special__box{ width:850px; margin:0 auto;} .special__box_square{width:717px; height:78px; background:url(../img/base/base_merit_back_03.png) no-repeat ;} .special__box_square h3{font-weight:bold; color:#987a00; padding:0 0 0 75px; font-size:4.3rem;} .special__box_tittle img{ float:left; margin:15px 0 0;} .special__box hr { width:97%; margin:5px auto 20px; background-color:#fff1f1;border-top: 2px dashed #D58B00; color:#fff1f1;clear:both;} .special__box_txt{ width:100%; margin:20px 0 50px 0; float:left;} .special__box_photo{ width:245px; float:right; margin:20px 0 0;} .special__box_clear{ clear:both;} .special__box_tittle_txt{ font-size:60%;} .special__box_tittle h1{ font-size: 4.5rem; color:#987a00; font-weight: bold; line-height: 1.2; padding: 10px 0;} .special__box_txt_list{ width: 100%; margin:0 auto;} .special__box_txt_list_photo{ width: 30%; float: right;} .special__box_txt_list_letter{ width: 70%; float: left;} .special__box_txt_list_letter_p{ width: 70%; float: left;} .special__box_txt_list_letter h2{font-size: 140%; font-weight: bold; line-height: 1.3; padding: 0 0 0 40px; color: #322500; background:url(../img/uehara_contents_txt_08.png) no-repeat left center;} /*---------------------------------------------------------------------------------------------- Styles for #mailform__second ----------------------------------------------------------------------------------------------*/ #mailform__second{ width:100%; margin:0 auto;} #mailform__second_wrap{ width:830px; margin:0 auto 20px; border:5px solid #a70005; background:#fffef6;} #mailform__second_wrap:after {content: "";display: block;clear: both;} #mailform__second_wrap_left{ width: 775px; margin:30px auto 0;} #mailform__second_wrap_left p{ font-weight:bold; margin:0 0 0 5px; font-size:2.2rem; } #mailform__second_wrap_left p img{ display:inline; margin:0 6px -5px 0;} #mailform__second_wrap_left_txt input{ width:735px; margin:5px auto 15px; padding:17px 15px; border:4px solid #333;font-size:1.6rem;} #mailform__second_wrap_left_txt input:hover{border:4px solid #F00; background-color:#FFC;} #mailform__second_wrap_attention p{ width: 300px; font-size:1rem; color:#666; padding:0 0 30px 35px; margin:0 ;background:url(../img/base/base_icon_attention.png) no-repeat;} #mailform__second_wrap_right{ width: 775px; margin:0 auto;} /*---------------------------------------------------------------------------------------------- Styles for #footer__attention ----------------------------------------------------------------------------------------------*/ #footer__attention{ width:100%; background-color: #FFF;} #footer__attention p{ width:90%; margin: 0 auto 80px;font-size:1.4rem; color: #666;} /*---------------------------------------------------------------------------------------------- Styles for footer ----------------------------------------------------------------------------------------------*/ footer {width:100%; height:auto;margin:0 auto 0; background-color: #ecf0ee;} #footer__inner {width: 900px;margin:0 auto;padding: 30px 0 80px; font-size:1.1rem;} #footer__inner_logo {width: 248px; float:left; padding:10px 0 0 20px;} #footer__inner_right {width:600px; float:right;} #footer__inner li {float: left;margin-right: 15px;list-style-type: none;padding-right: 10px;} #footer__inner p {text-align: left;clear: both;padding-top: 5px; color:#666;} /*---------------------------------------------------------------------------------------------- Styles for scfooter_inner ----------------------------------------------------------------------------------------------*/ #scfooter {display:none;} /*---------------------------------------------------------------------------------------------- Styles for#thanks ----------------------------------------------------------------------------------------------*/ #body__wrap_thankyou{width:960px; margin:0 auto; background:#FFF;} #thanks__thankyou_prihead{} #thanks__thankyou{ width:90%; margin:15px auto 0;} #thanks__thankyou_left{ width:20%; float:left;} #thanks__thankyou_right{ width:68%; float:right; color:#000; margin:44px 0 0 0;font-size:2.7rem; font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;font-weight:bold; } .thanks__thankyou_right_title{ font-size:3.8rem; font-weight:bold;margin: 0 auto 0 -20px;} #thanks__mail-box_wrap{width:90%; margin:0 auto;} #thanks__mail-box_wrap img{width:100%;} #thanks__mail-box{ width:100%; margin:0 auto;background:url(../img/base/base_thanks_frame02.png) repeat-y; background-size:100%;} #thanks__mail-box p{ width:87%; margin:0 auto; } .thanks__mail-box_title{ font-size:3rem; font-weight:bold; color:#F00;} .thanks__letter h2{ font-size:1.8rem; font-weight:bold; line-height:1.4;padding-left:50px;margin-top: 20px; background:url(../img/base/base_cheack_02.png) no-repeat left;} .sub-head_thanks h1{ width:900px; margin:0 auto; padding:40px 0 20px; font-size:4.4rem;font-weight:bold; color: #E30003;text-align:center; line-height:1.4;} .sub-head_thanks_line{background-color: #ffff00; color:#F00;} .thanks__click img:hover{ opacity:0.5;} /*---------------------------------------------------------------------------------------------- Styles for .BolettoBox_thanks ----------------------------------------------------------------------------------------------*/ .BolettoBox_thanks {width: 100%;margin:10px auto 20px;padding: 0px;} .BolettoBox_thanks ul {display: inline;} .BolettoBox_thanks li {font-size: 1.8rem;line-height: 1.2;letter-spacing: -1px;border-bottom: 1px dotted #b78227;padding: 15px 0 15px 53px; font-weight: bold;color: #141414;background: url(../img/uehara_contents_txt_08.png)no-repeat 2% 50%;} .BolettoBox_thanks li p{width: 820px;font-weight: initial;font-size: 2rem;border-top: 1px dashed #aaa;margin: 10px auto 0;padding: 10px 0 0;} .BolettoBox_thanks li:nth-child(even) {background-color: #FFFEF6;} /*---------------------------------------------------------------------------------------------- Styles for .tsuishin ----------------------------------------------------------------------------------------------*/ #tsuishin{width:918px;margin:30px 0 0 39px;} #tsuishin__wrap{width:918px;margin:0 auto;background:url(../img/base/base_tsuishin_02.png) repeat-y;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;} #tsuishin__wrap p{font-size:2rem;width:820px;line-height:1.5;margin:0 0 0 35px;color:#685438;font-weight:bold;} #tsuishin__wrap h1{width:820px;margin:0 0 0 35px;font-size:5rem;line-height:1;font-weight:bold;color:#50432f} .tsuishin__name{ margin:0 0 0 -500px;} #tsuishin__wrap h3{width:820px;margin:15px 0 0 35px;line-height:1.5;font-weight:bold;color: #777} #tsuishin__wrap hr{width:820px;margin:15px 0 15px 35px;color:#685438; background-color:#FFF;} #tsuishin__wrap_left{width:918px; height:350px;margin:0 auto;background:url(../img/test_tsuishin_back.png);font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;} #tsuishin__wrap_left p{font-size:2rem;width:820px;line-height:1.5;margin:0 0 0 35px;color:#685438;font-weight:bold;} /*---------------------------------------------------------------------------------------------- Styles for #footer_form ----------------------------------------------------------------------------------------------*/ #footer_form{ width: 100%; margin: 0 auto;bottom: 0px;left: 0px; z-index:1000; display: block; position: fixed;background: url(../img/sports_opt_ver02_06.png);} #footer_form_wrap{ width:1030px; margin: 5px auto;} #footer_form_wrap_left{ width: 960px; margin:32px auto 5px;} #footer_form_wrap_left p{ font-weight:bold; margin:0 0 0 5px; font-size:1.6rem; color: #FFF; } #footer_form_wrap_left p img{ display:inline; margin:0 6px -5px 0;} #footer_form_wrap_left_txt input{ width:100%; box-sizing:border-box; margin:5px 0 10px; padding:24px 10px; border:4px solid #333;font-size:1.6rem;} #footer_form_wrap_left_txt input:hover{border:4px solid #F00; background-color:#FFC;} #footer_form_wrap_attention p{ width: 100%; font-size:1rem; color:#FFF; padding:0 0 30px 35px; margin:0 ;background:url(../img/base/base_icon_attention.png) no-repeat;} #footer_form_wrap_right{ width: 960px; margin:0 auto 0; padding: 0 0 22px;} #footer_form_title{ width: 305px; display: inline;margin: 15px 10px 0 10px; } #footer_form2{width: 100%; margin: 0 auto;top: 0px;left: 0px; z-index:1000; display: block; position: fixed;background: url(../img/sakato_opt_header_02.png) center;} #footer_form_title2{ width: 305px; display: inline;margin: 15px 10px 0 10px; float: left;} #footer_form_wrap_left02{ width: 660px; margin:12px 0 0 33px; float:left;} #footer_form_wrap_left_txt02 input{ width:660px; margin:5px 0 10px; padding:16px 10px; border:4px solid #333;font-size:1.6rem;} #footer_form_wrap_left_txt02 input:hover{border:4px solid #F00; background-color:#FFC;} #footer_form_wrap_right02{ width: 235px; margin:5px 40px 0 0; padding: 0 ; float:right;} #footer_form3 {width: 100%;margin: 0 auto 0;background: url(../img/sakato_opt_header_02.png);} #footer_form_title3{ width: 305px; display: inline;margin: 10px 10px 0 30px;} #footer_form_wrap3{ width:1030px; margin: 0 auto;padding:5px 0 0;} .muryo {margin: 5px auto 0;} .fixed { position: fixed; top: 0; width: 100%; z-index: 10000; } .form__must{width:10%; box-sizing:border-box; background:#fff; font-weight:bold; float:left; margin:5px 0 10px; padding:13px 0 0 10px; border:4px solid #333; border-right:none; height:70px;} .form__must p{background:#f00; color:#fff; padding:5px;text-align: center; font-size:1.5rem!important;} .form__must_box{border-left:none!important;width:90%!important;height:70px!important; box-sizing:border-box!important;} /*---------------------------------------------------------------------------------------------- form ----------------------------------------------------------------------------------------------*/ .formWrap_pc{ display: block;} .formWrap_sp{ display: none;} .formWrap .mfp_err span,.formWrap table th,.ub{font-weight:700} .formWrap{width:850px;color:#111;border-top-width:5px;border-top-style:dotted;border-top-color:#CCC;padding:2em 5% 0;margin: 2em auto 120px;} .formWrap h1{font-size:24px;line-height:1.2;margin:0;padding:0 0 1em} .formWrap table{width:100%;border-collapse:collapse;border-spacing:0;border-top-width:1px;border-right-width:1px;border-left-width:5px;border-top-style:solid;border-right-style:solid;border-left-style:solid;border-top-color:#CCC;border-right-color:#CCC;border-left-color:#F90;margin-bottom:2em} .formWrap p{font-size:14px;line-height:1.6;margin:0;padding:0 0 1.5em} .formWrap .backRed{color:#FFF;background-color:#ff1e00;padding-right:5px;padding-left:5px;text-shadow:0 1px 0 #e51b00} .formWrap table td,.formWrap table th{font-size:14px;line-height:1.6;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCC;text-align:left;padding:10px} .formWrap table th{background-color:#FFEED5;text-shadow:0 1px 0 #FFF} .mftext{font-size:14px;border:2px solid #CCC;padding:2px 5px} .mftext_focus{border:2px solid #F90;background-color:#FFFFBF} .mftext_err{border:2px solid red;background-color:#FFDFDF} .formWrap .formEx{font-size:12px;color:#666;display:block;padding-top:3px;padding-left:2px} .formWrap .mfp_err{padding-top:7px;padding-left:20px;font-size:13px;color:red;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:red;background-image:url(../img/base/base_icon_error.gif);background-repeat:no-repeat;background-position:2px 10px;margin-bottom:5px} .MainBoxTextBox,.center{margin:auto} .formWrap .thMust{background-image:url(../img/base/base_icon_must.gif);background-repeat:no-repeat;background-position:right center;text-align:left;width:142px}.center,.formWrap .formBtn{text-align:center} .formWrap .attention{background-image:url(../img/base/base_icon_attention.gif);background-repeat:no-repeat;background-position:left .3em;padding-left:50px;font-weight:700} .formWrap .attention span{background-color:#FF0;text-shadow:0 1px 0 #FFF} input:-moz-placeholder{color:silver} .pu{text-decoration:underline} .ub{border-top-width:1px;border-top-style:dotted;border-top-color:#333;width:700px;padding-top:15px;margin:auto auto -10px} .voiceTai{margin:auto;width:785px} .center2{margin:auto;width:767px} tr.trMust{width:300px} tbody{margin:0 auto} input.btn_submit2 {cursor: pointer;display: block;width: 700px;height: 160px;border: none;text-indent: -9999px;background: url(../img/btn01.gif) no-repeat 0 0;margin:10px auto 0px } .side_photo{float: right; padding: 0 0 60px 12px;} .side_photo_left{float: left; padding: 0 12px 100px 0;} /*---------------------------------------------------------------------------------------------- Styles for#close__img ----------------------------------------------------------------------------------------------*/ .close__img{ width:100%; position: relative;} .close__img_text{ width:100%; height:100%; position:absolute; background-color: rgba(0, 0, 0, 0.8); z-index:999;} .close__img_text h1 { width:90%; margin:90px auto 0; font-size:5rem; line-height:1.3; color:#FFF; text-align:center; font-weight:bold; text-shadow: 5px 5px 3px #333,-5px 5px 3px #333,5px -5px 3px #333,-5px -5px 3px #333;} /*---------------------------------------------------------------------------------------------- .donation ----------------------------------------------------------------------------------------------*/ .donation{ width: 100%; background: #fff6cf; margin: 30px auto 0; padding: 0 0 40px;} .donation p{ width: 100%; margin: -30px auto 0; color: #4D2600; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";} /*---------------------------------------------------------------------------------------------- Styles for #information ----------------------------------------------------------------------------------------------*/ #information {width:800px;margin:0 auto;padding:30px 0;border-top:4px dotted #999;clear:both;font-size:14px;font-size:1.4rem;line-height:1.5;color:#333;} #information h3{font-size:17px;font-size:1.7rem;font-weight:bold;color:#FF6000;margin:15px 0 3px;} .information-left {width:390px;float:left;} .information-left__wrap {border:1px solid #999;} .information-left__wrap p{font-size:14px;font-size:1.4rem;line-height:1.5;color:#333;margin:20px;} .information-right {width:390px;float:right;} .information-right__wrap {border:1px solid #999;} .information-right__wrap p{font-size:14px;font-size:1.4rem;line-height:1.5;color:#333;margin:20px;} .information-center {width:800px; clear:both; padding-top:15px;} .information-center__wrap {border:1px solid #999;} .information-center__wrap p{font-size:14px;font-size:1.4rem;line-height:1.5;color:#333;margin:20px;} /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 【 max-width: 640px 】 ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media screen and (max-width: 640px) { /*---------------------------------------------------------------------------------------------- Basic Style ----------------------------------------------------------------------------------------------*/ html{ font-size:62.5%;} body{width:100%;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:1.4rem;line-height:1.7; background:url(../img/base/base_background.jpg);} #body__wrap{width:100%; margin:0 auto 0;} #body__wrap_left{width:100%; float:none;background:#FFF; border:none;} .letter{width:90%;margin:0 auto; padding:0;} .letter h3{font-weight:bold;font-size:1.5rem;text-align:center; line-height:1.3;padding:0;} img{ width:100%;} .youtube__wrap{width:90%; margin:0 auto;} .youtube{width:100%;height:200px;} /*---------------------------------------------------------------------------------------------- Styles for sideform ----------------------------------------------------------------------------------------------*/ #body__wrap_right{ display:none;} #section__area_top{ display:none;} /*---------------------------------------------------------------------------------------------- Styles for #mailform__second ----------------------------------------------------------------------------------------------*/ #mailform__header_sp{ width:100%; margin:0 auto 0; display:block;background:url(../img/falcon_opt_ver02_04.png) ;} #mailform__header_sp_warp{ width: 90%; margin:10px auto 0;} #mailform__header_sp_warp p{ font-weight:bold; margin:-30px 0 0; font-size:2rem; } #mailform__header_sp_warp p img{ display:inline; margin:0;} #mailform__header_sp_warp_txt{ width:90%; margin:10px auto 0;} #mailform__header_sp_warp_txt input{ width:93%; margin:0; padding:15px 10px 5px; border:4px solid #dd2700; font-size:1.6rem;background-color: #fff6e1;} #mailform__header_sp_warp_txt img { width:34px;} #mailform__header_sp_warp_txt input:hover{border:4px solid #F00; background-color:#FFC;} #mailform__header_sp_warp_btm { width:90%; margin:15px auto 0; padding:0 0 10px;} #mailform__header_sp_warp_btm input{ width:100%;;} #mailform__header_sp_warp_attention { width:93%; margin:-10px auto 30px;} #mailform__header_sp_warp_attention p{font-size:0.9rem; color:#666; padding:0 0 0 40px; margin:0 10px;background:url(../img/base/base_icon_attention.png) no-repeat left top ;} /*---------------------------------------------------------------------------------------------- Styles for .countdown ----------------------------------------------------------------------------------------------*/ #countdown__background{width:100%;height:auto; margin:-1px auto 0; background:#000;} .countdown__txt{width:90%;margin:0 auto;font-size:1.8rem;font-weight:bold;color:#f3ff6b;text-align:center;padding:7px 0 0;} .countdown__txt p{ color:#FFF; display:inline; font-size:1.8rem;} .countdown__wrap {width:100%;height:auto;margin:0 auto;padding:0;} .cunt_pc{display:none;} .cunt_sp{display:block; margin-bottom: -20px;background:#000;} /*---------------------------------------------------------------------------------------------- .sub-head ----------------------------------------------------------------------------------------------*/ .sub-head h1{ width:100%; margin:0 auto; padding:15px 0 15px; font-size:3rem;font-weight:bold; color: #de0000 ;text-align:center; line-height:1.2;} .sub-head .small{ font-size:1.8rem; font-weight:bold;} .p50{font-size:120%;letter-spacing: -1px;line-height: 1.4;} .br_sp:before { content="\A" white-space: pre; line-height:1.4;} .br_sp {white-space: nowrap;line-height: 1.4;display: block;} /*---------------------------------------------------------------------------------------------- Styles for #header ----------------------------------------------------------------------------------------------*/ header{width:100%;margin:0 auto; padding:0 0 0;} #header__prihead{width:100%;margin:0 auto; background: none;} #header__prihead img{padding:0;} #header__img{width:100%;margin:0 auto; background:#FFF;} #header__jb{width:100%;margin:0 auto; background: none;} #header__jb img{padding:0;} #header__img2{width:100%;margin:80px auto 0; background:#FFF;} .mov{ display:none;} .mov-sp {display: block;} /*---------------------------------------------------------------------------------------------- Styles for #section__area01 ----------------------------------------------------------------------------------------------*/ .section__area00 img{ width:90%; margin:0 auto;} #section__area_top{ margin:17px 0 0 0;} /*---------------------------------------------------------------------------------------------- Styles for .merit ----------------------------------------------------------------------------------------------*/ #merit{ width:100%; margin:0 auto;} #merit img{ width:90%; margin:0 auto;} #merit hr{ width:90%; margin:0 auto; background-color:#FFF; color:#FFF;} #merit__wrap{ width:90%; margin:0 auto; background:url(../img/base/base_fream_03.png) repeat-y; background-size:100%; } .merit__wrap_box { width:90%; margin:0 auto;} .merit__wrap_box_color { width:100%; margin:0 auto; background:url(../img/base/base_fream_03.png) repeat-y #fff9e8; background-size:100%;} .merit__wrap_box:after {content: "";display: block;clear: both;} .merit__wrap_box h2{font-size:1.6rem; font-weight:bold; color:#000; line-height:1.3;padding:20px 0 20px 50px ; background:url(../img/base/base_cheack_02.png) no-repeat left;} .merit__wrap_box p{ padding:15px 0;} /*---------------------------------------------------------------------------------------------- Styles for .BolettoBox ----------------------------------------------------------------------------------------------*/ #BolettoBox{ width:100%; margin:0 auto;} .BolettoBox {width: 90%;margin:10px auto 0;padding: 0px;} .BolettoBox ul {display: inline;} .BolettoBox li {font-size: 1.4rem;line-height: 1.2;letter-spacing: 0px;border-bottom: 1px dotted #b78227;padding: 15px 0 15px 40px; font-weight: bold;color: #141414;background: url(../img/uehara_contents_txt_08.png)no-repeat 2% 50%;background-size: 6%;} .BolettoBox li p{width: 820px;font-weight: initial;font-size: 2rem;border-top: 1px dashed #aaa;margin: 10px auto 0;padding: 10px 0 0;} .BolettoBox li:nth-child(even) {background-color: #FFFEF6;} .BolettoBox2 {width: 95%;margin:10px auto 20px;padding: 0px;} .BolettoBox2 ul {display: inline;} .BolettoBox2 li {line-height: 1.5;letter-spacing: -0.5px;border-bottom: 1px dotted #997c00;padding: 15px 20px 15px 29px; font-weight: bold;color: #141414;background: url(../img/ceck.png)no-repeat 0px 20px;font-size: 95%;} .BolettoBox3 {width: 100%;margin:10px auto 0;padding: 0px;} .BolettoBox3 ul {display: inline;} .BolettoBox3 li {line-height: 1.5;letter-spacing: -0.5px;border-bottom: 1px dotted #997c00;padding: 10px 0 10px 25px;font-weight: bold;color:#141414;background: url(../img/ceck.png)no-repeat 0px 20px;font-size: 95%;} /*---------------------------------------------------------------------------------------------- Styles for .letter__area ----------------------------------------------------------------------------------------------*/ .letter__photo{ width:100%; float:none;margin: 0 auto 15px;} .letter__txterea{ width:566px; float:left;} .letter__text{ font-size:1.3rem; line-height:1.2;} /*---------------------------------------------------------------------------------------------- Styles for .profile ----------------------------------------------------------------------------------------------*/ #profile{width:100%;margin:0 auto;} .profile__box{width:100%;margin:0 auto;} .profile__box_title{ width:90%; margin:0 auto;} .profile__box_img{ width:32%; float:right;} .profile__box_name{width:65%; float:left;} .profile__box_name h2{font-size:2.6rem; font-weight:bold;} .profile__box_name h3{ font-size:1rem; font-weight:bold; margin:0 ; line-height:1.3;} .profile__box_name h4{font-size:2rem; margin:-20px 0 0; color:#990} .profile__box_txt{ width:90%; margin:0 auto;padding:0 0 30px;} .profile__box p{width:100%;margin:0 auto;font-size:1.6rem;} .profile__box hr{ width:90%; margin:15px auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff; clear:both; clear:both;} .profile__box_txt_02{ width:95%; margin:0 auto 0;padding:0 ; border: 2px solid #E3C55D; background: #FCF6E6;} .profile__box_txt_02 p{ width: 90%; margin: 0 auto; font-size: 1.4rem;} .profile__box_wrap{ width: 100%; margin: 0 auto; background: url(../img/base/base_fream_03.png) repeat-y; background-size: 100%;} /*---------------------------------------------------------------------------------------------- Styles for .voice ----------------------------------------------------------------------------------------------*/ #voice{width:100%;margin:30px auto;} #voice img{width:90%;margin:0 auto;} .voice__box{width:90%;margin:30px auto 20px;} .voice__box p{width:100%;margin:0 auto;} .voice__box:after {content: "";display: block;clear: both;} .voice__photo{width:200px;float:left;margin:40px 0 40px 40px} .voice__video{width:100%;margin:40px auto 15px;text-align:center;} .voice__video h3{font-size:1.6rem;line-height:1.3; margin:0;font-weight:bold;} .voice__box h4{font-size:1.5rem;text-align:right;margin:10px 20px 40px 0;} /*---------------------------------------------------------------------------------------------- .merit ----------------------------------------------------------------------------------------------*/ #merit_02 { width:100%; margin:0 auto;padding:0 0 40px;background:url(../img/base/base_merit_back_04.jpg) repeat-y; } .merit_02__title{ width:90%; margin:0 auto; padding:70px 0 40px;background:url(../img/test_merit-back_01.jpg) no-repeat; } .merit_02__title h1{ width:100%; margin:0 auto;font-size:2.5rem;font-weight:bold; color: #4d0b0b ;text-align:center; line-height:1.2;} .merit_02__box{ width:90%; margin:30px auto 0;} .merit_02__box_square{ width:100%; height:auto; background:url(../img/base/base_merit_back_01.png) no-repeat ;background-size:100%;} .merit_02__box_square h3{ font-weight:bold; color:#83001d; padding:0 0 0 60px; font-size:2rem;} .merit_02__box_txt{ width:100%; margin:20px 0 50px 0; float:none;} .merit_02__box_photo{ width:100%; margin:20px 0 50px 0; float:none;} .merit_02__box_clear{ clear:both;} .merit_02__box_tittle h1{ font-size: 2.2rem;} .merit_02__box_txt p img {width: 35%;} /*---------------------------------------------------------------------------------------------- Styles for .voice2 ----------------------------------------------------------------------------------------------*/ #voice2{width:100%;margin:30px auto;} #voice2 img{width:90%;margin:0 auto;} #voice2 hr{ width:90%; margin:15px auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff;} #voice2__wrap{ width:90%; margin:0 auto; background:url(../img/b8.png) repeat-y;background-size: 100%;} .voice2__wrap_box{width:100%;margin:0 auto;} .voice2__wrap_box_title{ width:100%; margin:0 auto;} .voice2__wrap_box_img{ width:30%; float:left;padding: 0 0 0 10px;} .voice2__wrap_box_name{width:65%; float:left;} .voice2__wrap_box_name h2{font-size:1.8rem; font-weight:bold;padding: 5px 0 0;line-height: 1.3;} .voice2__wrap_box_name h3{ font-size:1.7rem; font-weight:bold; margin:0 0 ; line-height:1.3;} .voice2__wrap_box_name h4{font-size:2.5rem; margin:-20px 0 0; color:#990} .voice2__wrap_box_name h5 {font-size: 1.3rem;font-weight: bold;margin: 5px 0;line-height: 1.4;} .voice2__wrap_box_txt{ width:90%; margin:0 auto;padding:0 0 30px;} .voice2__wrap_box p{width:85%;margin:0 auto;font-size:1.4rem;} .voice2__wrap_box hr{ width:90%; margin:15px auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff; clear:both; clear:both;} /*---------------------------------------------------------------------------------------------- Styles for .voice3 ----------------------------------------------------------------------------------------------*/ #voice3{width:100%;margin:30px auto;} #voice3 img{width:90%;margin:0 auto;} #voice3 hr{ width:90%; margin:15px auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff;} #voice3__wrap{ width:90%; margin:0 auto; background:url(../img/b2.png) repeat-y;background-size: 100%;} .voice3__wrap_box{width:100%;margin:0 auto;} .voice3__wrap_box_title{ width:100%; margin:0 auto;} .voice3__wrap_box_img{ width:30%; float:left;padding: 0 0 0 10px;} .voice3__wrap_box_name{width:65%; float:left;} .voice3__wrap_box_name h2{font-size:1.8rem; font-weight:bold;padding: 5px 0 0;line-height: 1.3;} .voice3__wrap_box_name h3{ font-size:1.7rem; font-weight:bold; margin:0 0 ; line-height:1.3;} .voice3__wrap_box_name h4{font-size:2.5rem; margin:-20px 0 0; color:#990} .voice3__wrap_box_name h5 {font-size: 1.3rem;font-weight: bold;margin: 5px 0;line-height: 1.4;} .voice3__wrap_box_txt{ width:90%; margin:0 auto;padding:0 0 30px;} .voice3__wrap_box p{width:85%;margin:0 auto;font-size:1.4rem;} .voice3__wrap_box hr{ width:90%; margin:15px auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff; clear:both; clear:both;} .voice3__wrap_box_photo{ width: 40%; float:left; margin: 10px 0px 0 0px;} /*---------------------------------------------------------------------------------------------- Styles for .voice4 ----------------------------------------------------------------------------------------------*/ #voice4{width:100%;margin:30px auto;} #voice4 img{width:90%;margin:0 auto;} #voice4 hr{ width:90%; margin:15px auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff;} #voice4__wrap{ width:90%; margin:0 auto; background:url(../img/b8.png) repeat-y;background-size: 100%;} .voice4__wrap_box{width:100%;margin:0 auto;} .voice4__wrap_box_title{ width:100%; margin:0 auto;} .voice4__wrap_box_img{ width:30%; float:left;padding: 0 0 0 10px;} .voice4__wrap_box_name{width:65%; float:left;} .voice4__wrap_box_name h2{font-size:1.8rem; font-weight:bold;padding: 5px 0 0;line-height: 1.3;} .voice4__wrap_box_name h3{ font-size:1.7rem; font-weight:bold; margin:0 0 ; line-height:1.3;} .voice4__wrap_box_name h4{font-size:2.5rem; margin:-20px 0 0; color:#990} .voice4__wrap_box_name h5 {font-size: 1.3rem;font-weight: bold;margin: 5px 0;line-height: 1.4;} .voice4__wrap_box_txt{ width:90%; margin:0 auto;padding:0 0 30px;} .voice4__wrap_box p{width:85%;margin:0 auto;font-size:1.4rem;} .voice4__wrap_box hr{ width:90%; margin:15px auto 20px; border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff; clear:both; clear:both;} .voice4__wrap_box_photo{ width: 40%; float:left; margin: 10px 0px 0 0px;} /*---------------------------------------------------------------------------------------------- .DVD Boletto ----------------------------------------------------------------------------------------------*/ .MainBox2 {width:95%;margin: 30px auto auto;padding: 5px 0px;height: 100%;border: 10px solid #2D1600;box-sizing: border-box;} .center img {width: 100%;margin: auto;text-align: center;height: auto;} .DiskBolettoTai {font-size: 2rem;line-height: 1.4;background: url(../img/ceck.png) no-repeat left top;width: 90%;font-weight: bold;padding: 0px 0 20px 20px;margin: 15px auto 0px;background-size: 5%;} .DiskBolettoText {font-size: 1.2rem;line-height: 1.4;width: 90%;border-bottom: 1px dotted #ddd;margin:0 3px 0 auto;padding:0 0 20px;} .MainChecklistC {width: 100%;margin: auto;padding: 5px 0 0;height: 100%;background-color: #FFF;} .DiskBolettoText img {width: 100%;} .MainBox3 {width:95%;margin: 30px auto auto;padding: 5px 0px;height: 100%;border: 10px solid #ED6400;box-sizing: border-box;} .MainChecklistC3 {width: 100%;margin: auto;padding: 5px 0 0;height: 100%;background-color: #fef5ef;} /*---------------------------------------------------------------------------------------------- .special ----------------------------------------------------------------------------------------------*/ #special { width:100%; margin:0 auto;background:url(../img/base/base_merit_back_06.jpg) repeat-y; } .special__title h1{ width:90%; margin:0 auto;font-size:4rem;font-weight:bold; color: #000 ;text-align:center; line-height:1.2;} .special__box{ width:90%; margin:0 auto;} .special__box_square{width:100%; height:auto; background:url(../img/base/base_merit_back_03.png) no-repeat ;} .special__box_square h3{font-weight:bold; color:#987a00; padding:0 0 0 75px; font-size:4.2rem;} .special__box_tittle img{ margin:15px 0 0;} .special__box hr { width:100%; margin:5px auto 20px; background-color:#fff1f1;border-top: 2px dashed #ffa4a4; color:#fff1f1;clear:both;} .special__box_txt{ width:100%; margin:20px 0 50px 0; float:none;} .special__box_txt_list_letter{ width: 70%; float: left;} .special__box_txt_list_letter_p{ width: 100%; float:none; clear: both;} .special__box_photo{ width:100%; float:none; margin:20px 0 0;} .special__box_clear{ clear:both;} .special__box_tittle_txt{ font-size:60%;} .special__box_txt_list_letter h2{font-size: 120%; font-weight: bold; line-height: 1.3; padding: 0 0 0 40px; color: #322500; background:url(../img/uehara_contents_txt_08.png) no-repeat left center;} /*---------------------------------------------------------------------------------------------- Styles for #mailform__second ----------------------------------------------------------------------------------------------*/ #mailform__second{ width:100%;} #mailform__second_wrap{ width:85%; margin:0 auto 20px; border:5px solid #a70005; background:#fffef6;} #mailform__second_wrap:after {content: "";display: block;clear: both;} #mailform__second_wrap_left{ width: 90%; margin:6px auto -9px;} #mailform__second_wrap_left p{ font-weight:bold; margin:0 0 0 5px; font-size:2.2rem; } #mailform__second_wrap_left p img{ width:34px;display:inline; margin:0 6px -5px 0;} #mailform__second_wrap_left_txt input{ width:84%; margin:1px 0 -4p; padding:9px 15px; border:4px solid #333;font-size:1.6rem;} #mailform__second_wrap_left_txt input:hover{border:4px solid #F00; background-color:#FFC;} #mailform__second_wrap_attention p{ font-size:10px;font-size:1rem; color:#666; padding:0 0 10px 35px; margin:0 ;background:url(../img/base/base_icon_attention.png) no-repeat;} #mailform__second_wrap_right{ width: 90%; margin:0 auto; } #mailform__second_wrap_right input{ width: 100%; } /*---------------------------------------------------------------------------------------------- Styles for #footer__attention ----------------------------------------------------------------------------------------------*/ #footer__attention{ width:100%; background-color: #FFF;} #footer__attention p{ width:90%; margin: 0 auto 40px;font-size:14px;font-size:1.1rem; color: #666;} /*---------------------------------------------------------------------------------------------- Styles for footer ----------------------------------------------------------------------------------------------*/ footer {width:100%; height:auto;margin:0 auto; background-color: #ecf0ee;} #footer__inner {width: 90%;margin:0 auto;padding: 30px 0 150px; font-size:11px; font-size:1.1rem;} #footer__inner_logo {width: 40%; margin: 0 auto; padding:0 0 20px;} #footer__inner_right {width:100%; margin:0 auto;} #footer__inner li {float: left;margin-right: 15px;list-style-type: none;padding-right: 10px;} #footer__inner p {text-align: left;clear: both;padding-top: 5px; color:#666;} /*---------------------------------------------------------------------------------------------- Styles for scfooter_inner ----------------------------------------------------------------------------------------------*/ #scfooter { z-index:1000; display:block; position: fixed;bottom: 0px;left: 0px;width: 100%;line-height: 40px;padding: 10px 0 0x;height: 70px;background: rgba(202, 202, 202, 0.7);} .scfooter_inner {width: 100%;border: 1px solid #979797;border-radius: 20px;margin: 0 auto 10px;padding: 10px 0;background: rgba(8,57,255,1);display: block;text-align: center;} .scfooter_inner a {color: #fff;text-decoration: none;font-size: 1.8rem;} /*---------------------------------------------------------------------------------------------- Styles for#thanks ----------------------------------------------------------------------------------------------*/ #body__wrap_thankyou{width:100%; margin:0 auto; background:#FFF;} #thanks__thankyou_prihead{ margin:0;} #thanks__thankyou{ width:90%; margin:15px auto 0;} #thanks__thankyou_left{ width:30%; float:left;} #thanks__thankyou_right{ width:68%; float:right; color:#000; margin:20px 0;font-size:1.5rem; font-weight:bold;} .thanks__thankyou_right_title{ font-size:1.6rem; font-weight:bold;} #thanks__mail-box_wrap{width:90%; margin:0 auto;} #thanks__mail-box_wrap img{width:100%;} #thanks__mail-box{ width:100%; margin:0 auto;background:url(../img/base/base_thanks_frame02.png) repeat-y; background-size:100%;} #thanks__mail-box p{ width:87%; margin:0 auto; } .thanks__mail-box_title{ font-size:2rem; font-weight:bold; color:#F00;} .thanks__letter h2{ font-size:1.8rem; font-weight:bold; line-height:1.4;padding-left:50px; background:url(../img/base/base_cheack_02.png) no-repeat left;} .sub-head_thanks h1{ width:100%; margin:0 auto; padding:40px 0 20px;font-size:3rem;font-weight:bold; color: #E70003 ;text-align:center; line-height:1.4;} .sub-head_thanks_line{background-color: #ffff00; color:#F00;} .thanks__click img:hover{ opacity:0.5;} /*---------------------------------------------------------------------------------------------- Styles for .tsuishin ----------------------------------------------------------------------------------------------*/ #tsuishin{width:95%;margin:30px auto 0;} #tsuishin__wrap{width:100%;margin:0 auto;background:url(../img/base/base_tsuishin_02.png) repeat-y; background-size:100%;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;} #tsuishin__wrap p{font-size:1.5rem;width:83%;line-height:1.5;margin:0 0 0 35px;color:#685438;font-weight:bold;} #tsuishin__wrap h1{width:80%;margin:0 0 0 35px; padding:30px 0 0;font-size:4rem;line-height:1;font-weight:bold;color:#50432f} .tsuishin__name{ width:50%; margin:0 0 0 30px;} .tsuishin__name img{ width:100%;} #tsuishin__wrap h3{width:85%;margin:15px 0 0 35px;line-height:1.5;font-weight:bold;color: #777} #tsuishin__wrap hr{width:85%;margin:15px 0 15px 35px;color:#685438; background-color:#FFF;} #tsuishin__wrap_left_wrap{width:100%; height:auto;margin:0 auto;background:url(../img/base/base_tsuishin_02.png) repeat-y; background-size:100%;} #tsuishin__wrap_left{width:100%; height:auto;margin:0 auto;background:url(../img/test_tsuishin_back.png) no-repeat bottom; background-size:100%;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;} #tsuishin__wrap_left p{width:80%;line-height:1.5; font-size:1.5rem;margin:0 0 0 35px;color:#685438;font-weight:bold;} /*---------------------------------------------------------------------------------------------- Styles for #footer_form ----------------------------------------------------------------------------------------------*/ #footer_form{ width: 100%; margin: 0 auto;bottom: 0px;left: 0px; z-index:1000; display: block; position: fixed;background: url(../img/sports_opt_ver02_06.png);} #footer_form_wrap{ width:100%; margin: 5px auto 0;} #footer_form_wrap_left{ width: 90%; margin:3px auto 5px;} #footer_form_wrap_left p{ font-weight:bold; margin:0 0 0 5px; font-size:1.6rem; color: #FFF; } #footer_form_wrap_left p img{ display:inline; margin:0 6px -5px 0;} #footer_form_wrap_left_txt input{ width:90%; box-sizing:border-box; margin:5px 0 4px; padding:14px 10px; border:4px solid #333;font-size:1.6rem;} #footer_form_wrap_left_txt input:hover{border:4px solid #F00; background-color:#FFC;} #footer_form_wrap_attention p{ width: 100%; font-size:1rem; color:#FFF; padding:0 0 30px 35px; margin:0 ;background:url(../img/base/base_icon_attention.png) no-repeat;} #footer_form_wrap_right{ width: 90%; margin:0 auto 0; padding: 0 0 2px;} #footer_form_wrap_right input{ width: 100%;} #footer_form_title{ width: 305px; display: inline;margin: 15px 10px 0 10px; } #footer_form2{width: 100%; margin: 0 auto;top: 0px;left: 0px; z-index:1000; display: block; position: fixed;background: url(../img/sakato_opt_header_02.png) center;} #footer_form_title2{ width: 90%; display: inline;margin: 15px 10px 0 10px; float: left;} #footer_form_wrap_left02{ width: 100%; margin:10px auto 0; float:none;} #footer_form_wrap_left_txt02{ width:90%; margin:0 auto;} #footer_form_wrap_left_txt02 input{ width:93%; margin:5px auto 6px; padding:6px 4px; border:4px solid #333;font-size:0.6rem;} #footer_form_wrap_right02{ width: 100%; margin:0 40px -5px; float:none;} #footer_form_wrap_right02 input{ width: 75%; margin: 0 auto; float: none;} #footer_form3 {width: 100%;margin: 0 auto 0;background: url(../img/sakato_opt_header_02.png) center;} #footer_form_title3{ width: 100%; display: inline;margin: 10px 10px 0 30px;} #footer_form_wrap3{ width:100%; margin: 0 auto;padding:5px 0 0;} .muryo{display: none} .form__must{width:20%; box-sizing:border-box; background:#fff; font-weight:bold; float:left; margin:5px 0 10px; padding:6px 0 0 3px; border:4px solid #333; border-right:none; height:50px;} .form__must p{background:#f00; color:#fff; padding:2px;text-align: center;} .form__must_box{border-left:none!important;width:80%!important;height:50px!important;box-sizing:border-box!important; } /*---------------------------------------------------------------------------------------------- form ----------------------------------------------------------------------------------------------*/ .formWrap_pc{ display:none;} .formWrap_sp{ display: block;} .ClickBox{padding:20px;width:85%;border:5px solid #999;margin:20px auto 50px} .FormTai{font-family:"メイリオ";font-size:1.7rem;font-weight:700;color:#F90;text-align:left;border-bottom-width:2px;border-left-width:4px;border-bottom-style:dotted;border-left-style:solid;border-bottom-color:#F90;border-left-color:#F90;padding-left:20px;margin:10px auto} .formWrap{width:95%;margin-right:auto;margin-left:auto;color:#333;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;margin-top:4px;padding:2px 5px;margin-bottom: -10px;} .Goukei,.money ul li{font-family:"Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Geneva,Arial,Verdana,sans-serif!important;font-weight:700} .formWrap h1{font-size:24px;line-height:1.2;margin:0;padding:0 0 1em} .formWrap table{width:100%;border-collapse:collapse;border-spacing:0;border-top-width:1px;border-right-width:1px;border-left-width:2px;border-top-style:solid;border-right-style:solid;border-left-style:solid;border-top-color:#CCC;border-right-color:#CCC;border-left-color:#F60;margin-bottom:2em} .formWrap table td,.formWrap table th{font-size:14px;line-height:1.6;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCC;text-align:left;padding:5px} .formWrap table th{font-weight:700;background-color:#FFC;text-shadow:0 1px 0 #FFF;width:28%;padding-left:20px}#cover2 .Contentsu2 .FormBox .formWrap form .money ul hr{margin:auto;width:80%;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#666} .money{border:1px solid #C00;margin:auto auto 5px} .money ul li{text-align:left;list-style-type:none;font-size:20px} .Goukei{font-size:30px;color:#C00;border-top-width:1px;border-top-style:solid;border-top-color:#666;margin:auto;width:90%;text-align:right;padding-top:10px;padding-bottom:10px} .form_bg_or{background-color:#F60;color:#FFF;font-weight:700} .formWrap h2{font-size:1.5rem;line-height:1.3;font-weight:700;color:#FFF;background-color:#0839FF;border-radius:10px;text-align:center;margin-top:10px;margin-bottom:15px; padding:5px 0;} .formWrap h3{font-size:2rem;font-weight:700;margin-bottom:10px;text-align:left} .formWrap p{font-size:20px;line-height:1.6;margin:0;text-align:justify;padding:0 0 5px} .formWrap .backRed{color:#FFF;background-color:#ff1e00;padding-right:5px;padding-left:5px;text-shadow:0 1px 0 #e51b00} .mftext{width:100%;font-size:1.5rem;border:2px solid #CCC;border-radius:5px;padding:2px 5px} .mftext_focus{border:2px solid #F90;background-color:#FFFFBF} .mftext_err{border:2px solid red;background-color:#FFDFDF} .formWrap .formEx{font-size:12px;color:#666;display:block;padding-top:3px;padding-left:2px} .formWrap .mfp_err{padding-top:7px;padding-left:20px;font-size:13px;color:red;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:red;background-image:url(../img/base/base_icon_error.gif);background-repeat:no-repeat;background-position:2px 10px;margin-bottom:5px} .formWrap .mfp_err span{font-weight:700} .formWrap .thMust{background-image:url(../img/base/base_icon_must.gif);background-repeat:no-repeat;background-position:right center;text-align:left} .formWrap .formBtn,.form_agree,.form_agree p{text-align:center} .formWrap .attention{background-image:url(../img/base/base_icon_attention.gif);background-repeat:no-repeat;background-position:left .3em;padding-left:50px;font-weight:700} .formWrap .attention span{background-color:#FF0;text-shadow:0 1px 0 #FFF; font-size:0.8rem; line-height:1.4;} .waribikibtn2{width:383px;padding:410px 0 0 366px} .rb{font-size:35px} .red{color:red} .form_agree{width:100%;margin:0 auto;background-color:#FF6} input.btn_submit2 {width: 100%;cursor: pointer;display: block;border: none;text-indent: -9999px;background: url(../img/btn01.gif) no-repeat 0 0;margin:10px auto 0px ;background-size: 100%;} /*---------------------------------------------------------------------------------------------- Styles for #information ----------------------------------------------------------------------------------------------*/ #information {width:95%;margin:0 auto;padding:30px 0;border-top:4px dotted #999;clear:both;font-size:14px;font-size:1.4rem;line-height:1.5;color:#333;} #information h3{font-size:1.7rem;font-weight:bold;color:#FF6000;margin:15px 0 3px;} .information-left {width:100%;} .information-left__wrap {border:1px solid #999; background:#FFF;} .information-left__wrap p{font-size:1.4rem;line-height:1.5;color:#333;margin:20px;} .information-right {width:100%; background:#FFF;} .information-right__wrap {border:1px solid #999;} .information-right__wrap p{font-size:1.4rem;line-height:1.5;color:#333;margin:20px;} .information-center {width:100%; clear:both; padding-top:15px; background:#FFF;} .information-center__wrap {border:1px solid #999;} .information-center__wrap p{font-size:1.4rem;line-height:1.5;color:#333;margin:20px;} /*---------------------------------------------------------------------------------------------- Styles for#close__img ----------------------------------------------------------------------------------------------*/ .close__img{ width:100%; position: relative;} .close__img_text{ width:100%; height:100%; position:absolute; background-color: rgba(0, 0, 0, 0.8); z-index:999;} .close__img_text h1 { width:90%; margin:30px auto 0; font-size:2.5rem; line-height:1.3; color:#FFF; text-align:center; font-weight:bold; text-shadow: 5px 5px 3px #333,-5px 5px 3px #333,5px -5px 3px #333,-5px -5px 3px #333;} .youtube__wrap{width:90%; margin:0 auto;} .youtube{width: 100%;height: 200px;} .side_photo{float:right;padding:10px 0 10px 12px;} .side_photo_left{float: none; padding: 0;} .letter p img{width: 40%;} }