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

p {
	margin: 0px;
	color: #000;
}
img, a {
	vertical-align: bottom;
	border: 0px;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: bottom;
	max-width: 100%;
	width/***/
    : auto;
	/* IE8のみ */
	height: auto;
}
.yellow {
	color: #FE0;
}
.bold {
	font-weight: 600;
}
.big {
	font-size: 19px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.red {
	color: #F00;
}
.blue {
	color: #00C;
}
* {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #fff;
	background-image: url("../images/201807_bg.jpg");
	background-repeat: repeat;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #FFFFBF;
	text-decoration: underline;
}
a:visited {
	color: #fff;
	text-decoration: none;
}
#campaign2 {
	width: 880px;
	margin: 0 auto;
	background-color: #FFF;
	box-shadow: 0px 0px 30px #000; /*CSS3*/
	-moz-box-shadow: 0px 0px 30px #000; /* Firefox用*/
	-webkit-box-shadow: 0px 0px 30px #000;
}
input.userEmail {
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 30px;
	letter-spacing: 2px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 10px;
	min-width: 80%;
	max-width: 80%;
	border: double #FF0000 6px;
}
.ui-autocomplete li {
	font-size: 30px;
	line-height: 2;
}
input:focus, textarea:focus {
	background-color: #FFFFBF;
}
/*============================================================================

201807追加　4週間0円チャレンジコース

==============================================================================*/
#header-bar ul {
	margin: 0px;
	display: table;
}
#header-bar li {
	display: table-cell;
	list-style: none;
}
.arrow {
	margin-top: 20px;
	margin-bottom: 10px;
}
.handsign {
}
.maintit {
	margin-bottom: 15px;
}
.form-wrap {
	margin-bottom: 30px;
}
.cont {
	margin: 40px;
}
.c-wrap {
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
}
.c-wrap .text {
	width: 63%;
}
.c-wrap .photo {
	width: 35%;
	text-align: center
}
.c-wrap .photo img {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
.c-wrap .left {
	float: left;
}
.c-wrap .right {
	float: right;
}
.c-wrap p {
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	line-height: 1.5!important;
	text-align:left;
}
.c-wrap .box {
	width: 32%;
	float: left;
	padding: 15px;
	background-color: #004574;
	border-radius: 8px;
	margin-right: 1%;
	text-align: center;
}
.c-wrap .box p {
	color: #fff;
	font-size: 14px;
	text-align: left;
}
.footer-bnr li {
	text-align: center;
	font-size: 14px;
	list-style: none
}
.copy {
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding-bottom: 10px;
}
footer nav ul {
	display: flex;
	justify-content: center;/*horizonal*/
	align-items: center;/*vertical*/
	margin-bottom: 0px;
	line-height: 1;
	padding-top: 5px;
	padding-bottom: 3px;
}
footer nav li a {
	color: #fff;
	font-size: 14px
}
footer nav li {
	color: #fff;
	float: left;
	list-style: none;
	display: flex;
	align-items: center;/*vertical*/
	justify-content: center;/*horizonal*/
	text-align: center;
}
footer nav li:after {
	content: "｜"
}
footer nav li:last-child:after {
	content: " ";
}
footer .footer-wrap {
	background-image: url(../images/201807_footer_bg.jpg);
	background-repeat: repeat-x;
	background-color: #00682B;
}
.modal-body {
	padding: 20px;
}
.modal-body table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}
.modal-body table th, .modal-body table td {
	text-align: left;
	border: 1px solid #004574;
	padding: 5px;
	vertical-align: top;
}
.modal-body table th {
	color: #FFF;
	background-color: #004574;
	text-align: center;
	width: 20%;
}
.modal-body table th p {
	color: #FFF;
	background-color: #004574;
	text-align: center;
}
.modal-body table td {
	background-color: #fff;
}
.modal-body ol {
	padding-top: 0px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.btn-secondary {
	background-color: #004574!important;
	border-color: #004574!important;
}
h5.modal-title {
	color: #004574!important;
	font-size: 22px!important;
	font-weight: bold!important;
}
.page-tit {
	font-size: 40px;
	margin-bottom: 30px;
}
.modal-body .kiyaku{
	list-style:none;
}
.modal-body .kiyaku li{
	margin-bottom:15px;
}
.modal-body .kiyaku-sbut{
	margin-bottom:0px;
	padding-bottom:0px;
}
/*-----------------------------------------------

	新しい方の的中

-------------------------------------------------*/



body table.hittable {
	width: 100%;
	margin: 0px auto 20px auto;
	box-shadow: #999 0px 1px 3px;
	margin-bottom: 20px;
}
body table.hittable .small {
	font-size: 60%;
}
body table.hittable h4 {
	margin: 0 auto;
}
body table.hittable hr {
	border: thin inset #300;
	margin: 5px 0;
}
body table.hittable thead th {
	background: #fceabb; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZWFiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjZWFiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y4YjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iI2ZjY2Q0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmRmOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fceabb 0%, #fceabb 50%, #f8b500 51%, #fccd4d 69%, #fbdf93 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceabb), color-stop(50%, #fceabb), color-stop(51%, #f8b500), color-stop(69%, #fccd4d), color-stop(100%, #fbdf93)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fceabb 0%, #fceabb 50%, #f8b500 51%, #fccd4d 69%, #fbdf93 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fceabb 0%, #fceabb 50%, #f8b500 51%, #fccd4d 69%, #fbdf93 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fceabb 0%, #fceabb 50%, #f8b500 51%, #fccd4d 69%, #fbdf93 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fceabb 0%, #fceabb 50%, #f8b500 51%, #fccd4d 69%, #fbdf93 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0 ); /* IE6-8 */
	border: 1px solid #fc0;
	color: #000;
	font-size: 150%;
	text-align: center;
	text-shadow: -1px -1px 1px #ffc;
}
body table.hittable th {
	background: url("/img/article/2012/1111/borderbg.gif") repeat scroll 0 0 #000;
	color: #fff;
}
body table.hittable td {
	background: #cc0000; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjY2MwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, #cc0000 0%, #cc0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #cc0000), color-stop(100%, #cc0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #cc0000 0%, #cc0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #cc0000 0%, #cc0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #cc0000 0%, #cc0000 100%); /* IE10+ */
	background: linear-gradient(135deg, #cc0000 0%, #cc0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000', GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	border: 1px solid #fc0;
	box-shadow: 0 0 5px #AA0000 inset, 0 0 30px #AA0000 inset;
	color: #fff;
	padding: 5px;
	text-align: left;
	width: 33.3%;
}
body table.hittable .race {
	background-color: #111111;
	border: 1px inset #900;
	color: #FFFFFF;
	font-size: 120%;
	line-height: 1.3em;
	margin: 0 0 7px;
	padding: 5px;
	text-align: center;
}
.hithonmei {
	margin: 0 !important;
}
body table.hittable .price {
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	color: #FF6;
	font-size: 170%;
	font-weight: bold;
	text-shadow: 0 1px 0 #755d41, 0 1px 1px rgba(0, 0, 0, 0.8);
}
body table.hittable .price2 {
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	color: #fF6;
	font-size: 320%;
	font-weight: bold;
	line-height: 0.8em;
	margin-left: 5px;
	text-shadow: 0 2px 0 #755d41, 0 2px 1px rgba(0, 0, 0, 0.8);
}
body table.hittable .tekibg {
	background: url("/img/article/2013/bg/tekibg.png") no-repeat scroll center center #600;
}
/*******************的中のスタイルココまで**********************/




#youtube {
	margin: 0px auto;
	display: block;
	max-width: 500px;
}
.alpha a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.underbt {
	width: 600px;
	display: block;
	margin: 0px auto 10px auto !important;
}
/*============================================================================

20160720追加　的中ブロックをdivごとに分けてフロートで流す

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

body div.floatbox {
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 30px;
	font-size: 14px;
}
body div.floatbox:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
body .floatbox div {
	background-color: #FFC;
	font-weight: bold;
	float: left;
	padding: 4px;
	border: #FC0 1px solid;
	margin-bottom: 10px;
	width: 49%;
}
body .floatbox div:nth-of-type(odd) {
	margin-right: 2%;
}
body div.fbox span.day {
	background-color: #F00;
	padding: 2px;
	color: #FFF;
	line-height: 1.4em;
}
body div.fbox span.yen {
	font-weight: bold;
	font-size: 138%;
	color: #900;
}
body form input.userEmail {
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 30px;
	letter-spacing: 2px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 10px;
	width: 80%;
	border: double #FF0000 6px;
}
.ui-autocomplete li {
	font-size: 30px;
	line-height: 2;
}

.headback {
  display: flex;
  justify-content: space-between; 
  width: 880px;
  max-width: 100%;
  background: -moz-linear-gradient(to bottom, #006428, #009944 50%, #006428);
  background: -webkit-linear-gradient(to bottom,# 006428, #009944 50%, #006428);
  background: linear-gradient(to bottom, #006428, #009944 50%, #006428);
}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media(max-width:880px) {
body form input.userEmail {
	width: 100%;
	min-width: 90%;
	font-size: 20px;
}
#campaign2 {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.c-wrap {
	margin-left: 10px;
	margin-right: 10px;
}
.c-wrap .text {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
.c-wrap .photo {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.c-wrap .left {
	float: none;
}
.c-wrap .right {
	float: none;
}
.c-wrap .box {
	width: 90%;
	float: none;
	padding: 10px;
	background-color: #004574;
	border-radius: 5px;
	margin-right: 0%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
footer nav li {
	font-size: 14px;
}
.cont {
	margin: 15px;
}
}

@media (min-width: 576px) {
.modal-dialog {
	max-width: 700px!important;
}
}


.t_c{
text-align:center;
}

div.vid_contents {
width: 100%;/*背景色を横幅いっぱいに広げる*/
height: 50%;
text-align: center;
margin: auto;
padding: 4% 4% 4% 4%;/*ここで動画の周りの余白を調整*/
background: #e6e6e6;/*余白の背景色*/
}
video.vid_main {
width: 100%;
height: 50%;
max-width: 920px;/*PC版での最大幅*/
}

video.vid_main2 {
width: 100%;
max-width: 480px;/*PC版での最大幅*/
}

.inner1000{
	max-width: 100%;
	width: 1000px;
	background: #FFF;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
}

}
.inner768{
	width: 768px;
	max-width:calc(100% - 30px);
	margin-left:auto;
	margin-right:auto;
}
img{
	display: block;
}
img.imgCenter{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

img.img90{
	width: 90%;
}