/*
Theme Name: HAPPY HALLOWEEN RUN
Theme URI: http://happyhalloweenrun.jp
Description: happy halloween run theme
Author: koge
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Template: habakiri
*/

body {
    /* ゴシック体の場合 */
    font-family: "Roboto", "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "YuGothic", "ＭＳ Ｐゴシック", sans-serif;
    line-height: 1.8;
    color: #000;
}

p, ul, ol, dl, table {
    margin-bottom: 20px;
}

h2, .h2 {
    font-size: 26px;
    margin: 20px 0 20px;
}

h3, .h3 {
    font-size: 22px;
    margin-top: 0;
}

a img{
  opacity: 1;
  transition: 0.3s;
}
a:hover img{
  opacity: .5;
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1000px
    }
}

.header {
	border-top: 5px solid #EB6100;
}

.ccc222 {
	background-color: #EB6100!important;
}
.c2inner {
	width: 100%;
	height: 100%;
	background-image: url(images/triangl_w.svg);
	background-position: center bottom;
	background-repeat: repeat-x;
}

.sub-page-contents {
	padding-top: 350px;
}

.habakiri-slider__transparent-layer {
	background: none!important;
}

.conceptBox {
	border: 2px solid #EB6100;
	border-radius: 5px;
	background-image: url(images/ten.png);
}

.stxt {
	padding: 0 50px;
	font-weight: 600;
}

.ctxt {
	padding: 0 50px;
	font-size: 12px;
}

.fs13 {
	font-size: 13px;
}

.fs13 {
	font-size: 13px;
}

.wc-shortcodes-countdown {
    border: 2px solid #EB6100;
    background-color: #eb6100;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 70%;
    margin: 0 auto;
    color:#fff;
}

.table_area {
	background-image: url(images/illust01.svg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.table {
	width: 90%;
	margin-bottom: 23px;
	margin: 0 auto 23px
}

th {
	width: 15%;
	font-size: 17px;
	text-align: center;
	vertical-align: middle!important;
	background-color: #EB6100;
	color: #fff
}
.table_area td {
	padding-left: 30px!important;
	vertical-align: middle!important;
}

.kg {
	display: none;
}

.detail strong, .detail2 strong {
	padding-top: 15px;
	display: inline-block;
}
.detail td, .detail2 td {
	padding-left: 10px!important;
	vertical-align: top!important;
	text-align: center!important
}
.detail2 td {
	padding-left: 10px!important;
	vertical-align: top!important;
	text-align: left!important
}
.detail {
  border-spacing: 0;
  border-collapse: collapse;
  overflow: hidden;
}
.detail tr:hover {
  background-color: #f0f0f0;
}
.detail td, .cross-highlight th {
  padding: 15px;
  position: relative;
}
.detail td:hover {
  background-color: #ccc;
}
.detail td:hover:after {
  content: "";
  background-color: #f0f0f0;
  width: 100%;
  height: 200vh;
  position: absolute;
  top: -100vh;
  left: 0;
  z-index: -1;
}
.detail2 {
	display: none;
}

.section {
    padding-top: 20px;
    padding-bottom: 20px;
}

.kokutiBox {
	border-radius: 5px;
	background-image: url(images/naname.jpg);
}

div.whatsnew {
	margin-top: 0;
}

div.whatsnew h2 {
	background-color: #eb6100;
	text-indent: -9999px;
	height: 50px;
	background-image: url(images/newstitle.svg);
	background-position: 10px center;
	background-repeat: no-repeat;
	margin: 0;
}

.entryBox {
	background-image: url(images/entry_bg.svg);
	background-repeat: no-repeat;
}

.vCard, .categories {
	display: none;
}
.entry-meta__list {
	text-align: right;
}

.single .footer, .page-id-173 .footer, .page-id-291 .footer, .page-id-346 .footer {
	background-color: transparent!important;
}

.footer_head_area {
	width: 100%;
	height: 10px;
	background-image: url(images/triangle.svg);
}

.home .footer_head_area {
	background-color: #000!important;
}


.page .footer_head_area {
	background-color: #fff;
}


.footer-widget-area{
	background-color: #EB6100;
	color: #fff!important;
	font-size: 12px;
	font-weight: 600;
	padding: 30px 0 0;
}

.copyright {
	text-align: center;
	background-color: #EB6100;
	color: #fff;
}

.copyright a {
	color: #fff;
}

.countdown_show4 {
	font-size: 30px;
	font-family: 'Nunito', sans-serif;
}


.entry_button {
	font-size:16px;
	color:#EB6100;
	font-weight:700;
	padding:5px;
}

.map10s {
	display: none;
}

.course_txt {
	background-color: #EB6100;
    padding: 10px;
    color: #fff;
    font-weight: 700;
    border-radius: 4px;
}

.accessArea {
	width: 90%;
	margin: 0 auto 10px;
}
.b700 {
	font-weight: 700;
}

.gmapbutton {
	width: 100%;
	margin: 10px 0px 20px 0px;
}

.pvTop{
	display: none;
}
.counTopimg a {
	
}

.spBox {
	background-color: #111113;
}
.spBox a {color: #000;}
.spName {
	background-color: #fff;
	border-radius: 4px;
	width: 100%;
	padding: 10px;
	margin-bottom: 20px;
	text-align: center;
	color: #000;
	font-weight: 600;
}

.page-header {
	display: none;
}

.guestBox {
	margin: 20px 15px 0 15px;
}
.gPhoto {
	border-radius: 5px;
	box-shadow: 0 0 8px gray;
}
.gName {
	background-color: #EB6100;
	padding: 5px;
	color: #fff;
	border-radius: 5px;
	text-align: center;
}
.gName2 {
	background-color: #EB6100;
	padding: 5px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	border-radius: 5px;
	text-align: center;
}
.gtxt {
	border: 1px solid #EB6100;
	border-radius: 5px;
	padding: 10px;
}
.eName {
	background-color: #FF73AF;
	margin: 0;
	padding: 5px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	border-radius: 5px;
	text-align: center;
}
.mds {
	margin: 40px 0 10px;
	border-radius: 5px;
	background-image: url(images/naname.jpg);
}

.smasly {
	margin-top: 130px;
	width: 480px;
	height: 90px;
	margin-left: auto;
	margin-right: auto;
}

.boothBox {
	border: 1px solid #EB6100;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	padding: 10px;
	font-weight: 700
}
.boothBox2 {
	border: 1px solid #EB6100;
	border-radius: 5px;
	padding: 10px;
}

.boothBox a.bbLink {
	font-size: 13px;
	color: #fff;
	background-color: #ffa8ed;
	padding: 3px 5px;
	margin-top: 15px;
	border-radius: 3px;
	font-weight: normal;
}
.boothBox2 a.bbLink {
	color: #fff;
	background-color: #ffa8ed;
	padding: 3px 5px;
	margin: 15px auto 0;
	border-radius: 3px;
	width: 80%;
	display: block ;
	text-align: center ;
	font-weight: normal;
}

.boothBox2 .bbTitle {
	font-size: 22px;
	margin-bottom: 0;
}
.boothBox2 .bbMenu {
	color: #EB6100;
}


.boothBox a.bbf, .boothBox2 a.bbf {
	background-color: #3B5998!important;
}
.fdPhoto {
	border-radius: 5px;
	margin-bottom: 20px;
}

.counTopimg img {
	
}

@media (max-width:480px) {
	.sub-page-contents {
		padding-top: 280px;
	}
	.h1, h1 {
	    font-size: 22px;
	}
	.habakiri-slider {
		height: 450px;
		padding-top: 100px;
	}
	.counTopimg img {
		width: 70%;
		margin-top: 0;
	}
	.pvTop {
		margin-top: 10px;
	}
	.stxt {
		padding: 0;
		font-weight: 600;
	}
	.ctxt {
	padding: 0;
    }
	.wc-shortcodes-countdown {
	    width: 100%;
	    margin: 0 auto;
	}
	.table{
  display:block;
  width: 100%;
  }     
       
  .table tbody,
  .table tr{
    display: block;
    width: 100%;
  }
  .table th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  }
  .table td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
  }
	.kg {
		display: inline;
	}
	.kokutiBox h2 {
		margin: 20px 0 0 0 ;
	}
	.entryBox p {
		margin-top: 15px;
	}
	.entryBox {
		background-image: url(images/entry_bgs.svg);
	}
	.header__content{
		padding-left: 30px;
	}
	.countdown_show4 {
		font-size: 20px;
	}
	.detail {
		display: none!important;
	}
	.detail2 {
		display: block!important;
	}
	.detail2 td {
		padding: 0 15px 15px 15px!important;
	}
	.map3 {
		margin-top: 50px;
	}
	.map10 {
		display: none;
	}
	.map10s {
		display: block;
	}
	.accessArea {
		width: 100%;
	}
	.gmapbutton {
		width: 100%;
		float: none!important;
	}
	.pvTop{
		display: block;
	}
	.counTopimg a {
		display: none;
	}
	.spName {
		font-size: 12px;
	}
	.spL .spName {
		width: 75%;
		margin-left: auto;
		margin-right: auto;
	}
	.spM .spName {
		padding: 15px 3px;
	}
	
	.gName {
		margin-top: 0px;
		padding: 2px;
	}
	.gName2 {
		margin-top: 0px;
		padding: 1px;
		font-size: 16px;
	}
	.eName {
	margin: 0;
	padding: 2px;
	font-size: 18px;
}
	.smasly {
		margin-top: 350px;
		width: 100%;
		height: auto;
	}
	.xsm10 {
		margin: 10px auto;
	}
	.evTitle {
		font-size: 18px;
	}


}

/*youtube埋め込み*/
#youtube-movie {
	margin: 0 auto;
	width: 100%;
	max-width: 800px; /* 最大の横幅 */
}
 
#youtube-movie-content {
	padding-top: 56.25%;
	position: relative;
	width: 100%;
}
 
#youtube-movie-content iframe {
	height: 100% !important;
	left: 0;
	position: absolute;
	top: 0;
	width: 100% !important;
}

/* colorbox用 */
.oshirase {
	background-color: #fff!important;
	color: #000;
	padding: 30px;
}
.exclamation {
	font-size: 50px;
	color: #EB6100;
	margin-bottom: 0;
}
.oshirase h3 {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	background-color: #EB6100;
	padding: 10px;
	font-size: 28px;
	color: #fff;
	border-radius: 5px;
	font-weight: 700;
}
.ostxt {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}
.oshirase p.ostel {
	font-size: 28px;
	color: #EB6100;
	font-weight: 700;
}
.jcjc {
	color: #EB6100;
	font-size: 12px;
	font-weight: 600;
}

#cboxLoadedContent {
	background-color: #fff!important;
}

@media (max-width:480px) {
	.oshirase {
		padding: 10px;
	}
	.oshirase h3{
		width: 100%;
	}
	.ostxt {
		width: 100%;
	}
	.oshirase p.ostel {
		font-size: 5vw;
	}
	.osline {
		margin-bottom: 0;
	}
}

.mw_wp_form{
	width: 100%;
	color: #333;
}
 
.mw_wp_form table.mailform-tbl{
	width: 100%;
	margin-bottom: 40px;
}
 
.mw_wp_form table tr{
	width: 100%;
	border-bottom: 1px dotted #ccc;
	padding: 30px 0;
	font-weight: normal;
}
 
.mw_wp_form table tr:first-child{
	border-top: 1px dotted #ccc;
}
 
.mw_wp_form table th{
	padding: 20px 0;
	text-align: center;
	vertical-align: top;
	font-weight: normal;
	width: 10%;
}
 
.mw_wp_form table td{
	padding: 20px 0px 20px 15px;
	width: 90%;
}
 
.mw_wp_form table td.w50 input,.mw_wp_form table td.w50 select{
	width: 50%;
	box-sizing: border-box;
}
 
.mw_wp_form table td.w80 input,.mw_wp_form table td.w80 select{
	width: 80%;
	box-sizing: border-box;
}
 
.mw_wp_form table td.w80 textarea{
	width: 80%;
	box-sizing: border-box;
}
 
.mw_wp_form #submit-button input {
   margin: 0 auto;
    display: block;
    padding: 10px 30px;
    border: 1px solid #333;
    background: #333;
    color: #fff;
    box-sizing: border-box;
    height: 40px;
    -webkit-appearance: none;
    border-radius: 5px;
    font-size: 90%;
}
 
@media (max-width: 599px) {
/* small devices */
 
.mw_wp_form table td.w50 input,.mw_wp_form table td.w50 select{
	width: 100%;
	box-sizing: border-box;
}
 
.mw_wp_form table td.w80 input,.mw_wp_form table td.w80 select{
	width: 100%;
	box-sizing: border-box;
}
 
.mw_wp_form table td.w80 textarea{
	width: 100%;
	box-sizing: border-box;
}
 
.mw_wp_form #submit-button input {
   margin: 0 auto;
    display: block;
    padding: 10px 30px;
    border: 1px solid #333;
    background: #333;
    color: #fff;
    box-sizing: border-box;
    height: 40px;
    -webkit-appearance: none;
    border-radius: 5px;
    font-size: 90%;
} 
}

/***** コンタクトフォーム *****/
.table-contactform7{
  overflow: scroll;
  table-layout: fixed;
  width: 100%;
}

.table2-contactform7{
  overflow: scroll;
  table-layout: fixed;;
  width: 100%;
}

.required-contactform7{
  padding: 5px;
  background: #DE8686;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}

.unrequired-contactform7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}

.title-contactform7{
  padding: 5px;
  margin-right: 3px;
}

.table-contactform7 th{
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  background-color: initial;
  text-align: left
}

.table2-contactform7 th{
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  background-color: initial;
  text-align: left
}

.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}

.table-contactform7 select{
  height: 29.5px !important;
  margin: 5px 10px 10px 5px;
}

.table2-contactform7 input,
.table2-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}

.table2-contactform7 select{
  height: 29.5px !important;
  margin: 5px 10px 10px 5px;
}

.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}

.wpcf7 input[type="checkbox"]{
	width:20px;
	height:20px;
	margin-top: 0px;
	vertical-align:middle;
}

@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
  }
  .table2-contactform7 th{
    width:15%;
  }
  .text-contactform7 {
	width:80%;
	margin:auto;
  }
}
     
@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
  width: 100%;
  }     
       
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  }
  .table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
  }
  .table2-contactform7{
  display:block;
  width: 100%;
  }     
       
  .table2-contactform7 tbody,
  .table2-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table2-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  }
.table2-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
  }
}

/* 送信ボタン */
input.sub-btn {
	margin:10px;
	background: #eb6100;
	color: #FFF;
	font-weight: bold;
	border: 1px solid #eb6100;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

/* 送信ボタンホバー */
input.sub-btn:hover{
	background: #FFF;
	color: #eb6100;  
}

.wpcf7-mail-sent-ok {
display: none !important;
}