/* CSS Document */
/*
Theme Name: honolulumarathon
Theme URI: http://www.honolulumarathon.jp/test2018/
Description: honolulumarathon
Author: Yadokari
Author URI: https://www.yadokari.tv/
Template:
Version: 1.0
*/

#mainV{
	/* background:url(images/dotbg.png),url(images/top_bg.jpg) no-repeat center top;
	background-size:auto, cover; */
	position:absolute;
	z-index:0;
	top:0;
	right:0;
	bottom:0;
	left:0;
	opacity:1;
}

html{
    font-size:100%;
    /* つまり16px */
}


#st_hm{
background: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/03/st_hm_ZIG_6501.jpg) no-repeat ;
	background-position:100% 0%;;
background-size:cover;
height:100%;

}


#st_10k{
background: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/03/st_10k__93A2882.jpg) no-repeat ;
	background-position:50% 0%;;
background-size:cover;
height:100%;

}

#st_mm{
background: url(https://s3.honolulumarathon.jp/2018/wp-content/uploads/2021/04/20173847/2019_hm19kaz-4539-C.jpg) no-repeat ;
	background-position:0% 0%;;
background-size:cover;
height:100%;

}


#f1_hm{
background: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/03/f1_hm_ZIG_6224.jpg) no-repeat ;
	background-position:0% 0%;;
background-size:cover;
height:100%;

}


#f1_10k{
background: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/03/f1_10k__S7A4160.jpg) no-repeat ;
	background-position:40% 0%;;
background-size:cover;
height:100%;

}



#f1_mm{
background: url(httsp://www.honolulumarathon.jp/2018/wp-content/uploads/2018/03/f1_mm_N85_2224.jpg) no-repeat ;
	background-position:100% 0%;;
background-size:cover;
height:100%;

}



#m1_hm{
background: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/03/m1_hm_ZIG_6821.jpg) no-repeat ;
	background-position:10% 0%;;
background-size:cover;
height:100%;

}

#m1_10k{
background: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/03/m1_10k__S7A3966.jpg) no-repeat ;
	background-position:100% 0%;;
background-size:cover;
height:100%;

}

#m1_mm{
background: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/03/m1_mm_ZIG_3017.jpg) no-repeat ;
	background-position:50% 0%;;
background-size:cover;
height:100%;

}


#si_hm{
background: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/03/si_hm_ZIG_5431.jpg) no-repeat ;
	background-position:100% 0%;;
background-size:cover;
height:100%;

}

#si_10k{
background: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/03/si_10k__S7A4079.jpg) no-repeat ;
	background-position:50% 0%;;
background-size:cover;
height:100%;

}

#si_mm{
background: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/03/si_mm_5D3A1086.jpg) no-repeat ;
	background-position:100% 0%;;
background-size:cover;
height:100%;

}



#fm_hm{
background: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/03/fm_hm_7R8A5675.jpg) no-repeat ;
	background-position:40% 0%;;
background-size:cover;
height:100%;

}

#fm_10k{
/* background: url(https://s3.honolulumarathon.jp/2018/wp-content/uploads/2021/04/20173841/2019_G0A9260-C.jpg) no-repeat ; */
	background: url(https://s3.honolulumarathon.jp/2018/wp-content/uploads/2021/05/25102939/2019_G0A9260-C.jpg) no-repeat ;
	background-position:30% 0%;;
background-size:cover;
height:100%;

}

#fm_mm{
background: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/03/fm_mm_5D3A1202.jpg) no-repeat ;
	background-position:80% 0%;;
background-size:cover;
height:100%;

}


#s4_hm{
background: url(https://s3.honolulumarathon.jp/2018/wp-content/uploads/2022/03/10165115/teasertop.jpg) no-repeat ;
	background-position:60% 0%;;
background-size:cover;
height:100%;
}

#s9_hm{
background: url(https://s3.honolulumarathon.jp/2018/wp-content/uploads/2022/03/10182734/2021-HM-Virtual-Beachfest-logoDEC2021.png) no-repeat ;
	background-position:60% 0%;;
background-size:cover;
height:100%;
}

#s4_10k{
background: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/03/s4_10k__S7A3536.jpg) no-repeat ;
	background-position:100% 0%;;
background-size:cover;
height:100%;

}


#s4_mm{
background: url(https://www.honolulumarathon.jp/2019/wp-content/uploads/2019/03/3P7A4195.jpg) no-repeat ;
	background-position:20% 0%;;
background-size:cover;
height:100%;

}



#s5_hm{
background: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/03/s5_hm_ZIG_6672.jpg) no-repeat ;
	background-position:100% 0%;;
background-size:cover;
height:100%;

}


#s5_10k{
background: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/03/s5_10k__S7A3890.jpg) no-repeat ;
	background-position:100% 0%;;
background-size:cover;
height:100%;

}


#s5_mm{
background: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/03/s5_mm_ZIG_2963.jpg) no-repeat ;
	background-position:0% 0%;;
background-size:cover;
height:100%;

}


#sns-nav ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
	padding: 0 15px 17px 12px;
}

#sponsor_top{
	padding:0px;

}


#sponsor_top img {

	padding:10px 40px;

}

@media (max-width: 576px) {

	#sponsor_top img {

	padding:5px;

}

  }

@media (max-width: 1000px){
	.mizuho_gp{
		top: -10px !important;
	}
}

@media (min-width: 1001px) and (max-width: 1199px){
	.mizuho_gp{
		top: -12px !important;
	}
}

@media(min-width: 1200px){
	.mizuho_gp{
		top: -22px !important;
	}
}

@media(max-width: 574px){
	.mizuho_img{
		width: 85% !important;
	}
}


.fm_back {
    position: relative;
    background-color: #022169;
    background-image: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/02/Honolulu-Marathon.png);
    background-repeat: no-repeat;
    background-position: center 2rem;
    background-size: 20%;
}

.tenk_back {
    position: relative;
    background-color: #7ebe42;
    background-image: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/02/Start-To-Park-10K.png);
    background-repeat: no-repeat;
    background-position: center 2rem;
    background-size: 20%;
}

.mm_back {
    position: relative;
    background-color: #f9be00;
    background-image: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/02/Kalakaua-Merrie-Mile-1.png);
    background-repeat: no-repeat;
    background-position:  center 2rem;
    background-size: 20%;
}



.back_nologo {
    position: relative;
    background-color: #FFF;
	padding:20px;
	color:#FFF;


}


.mm_back_nologo {
    position: relative;
    background-color: #f9be00;
	padding:20px;
	color:#FFF;
	min-height:80px


}

.fm_back_nologo {
    position: relative;
    background-color: #022169;
	padding:20px;
	color:#FFF;
		min-height:80px


}

.tenk_back_nologo {
    position: relative;
    background-color: #7ebe42;
	padding:20px;
	color:#FFF;
		min-height:80px


}




.day{
	text-align: left;
    font-size: 110%;
    font-weight: 600;
    color: #333;
}

.line{
	    width: 1px;
    height: 50px;
    background-color: #dee2e6;
    margin: 10px 0px 10px 40px;


}

.entry_info{
background-color: #f2f2f2;
	position: relative;
}

.info{

	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
	font-size:110%;
	font-weight:600;

}

#contents .mod-heading {
	margin-bottom: 1em;
	padding: 0;
	border: none;
	background: none;
	font-size: 115%;
	font-weight: bold
}
#contents .mod-heading span {
	display: block;
	font-size: 86%;
	font-weight: normal
}

 #contents .keyv {
    height: 660px;
    background: #000;
	 padding-top:50px;

  }

  #contents .keyv .lead {
    padding-top: 300px;
  }



#contents .keyv .top-lead{
	font-size:260%;
	font-weight:600;
	color:#FFF;

}
  #contents .keyv .logo {
    top: 50%;
    left: 50%;
    display: block;
    width: 90px;
    margin-top: -82px;
    margin-left: -45px;
  }

 #contents .keyv .lead p {
    color: #FFF;
    margin-bottom: 45px;
    font-size: 120%;
    line-height: 1.3;
	 letter-spacing: 0px;

  }
  #contents .keyv .btn a {
    color: #FFF;
    display: inline-block;
    font-size: 28px;
    line-height: 50px;
    text-decoration: none;
    border: none;
	  background:#002169;
	  padding-left:0.5rem;
	  padding-right:0.5rem;
	  font-weight:normal;
  }

#contents .keyv .btn a:hover {
  color: #002169;
  background: #FFF;

}

@media (max-width: 576px) {
	.vr_top{
		height:210px !important;
	}
	#contents .keyv .lead {
padding-top: calc( 80px + 7vw) !important;
	}
	 #contents .keyv {
    height: 400px;
    background: #000;
	 padding-top:0px;

  }

	#contents .keyv .top-lead{
	margin-top: -23px;
    font-size: calc(136% - 2vw);
}

	 #contents .keyv .btn a {
	  width:300px;
	 display: block;
    font-size: 80%;

  }

}

#coutndown  p{
	 font-size: 110%;
		font-weight:600;
}

#coutndown .left{
	margin-right:15px;

}

#coutndown .right{
	margin-left:15px;

}

#promotion .img{
	width:100%;
}



#marathon_category .head-panel{
position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
    background-color: #022169;
	background-image:url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/03/hm_logo_opacity.png)  ;
background-repeat: no-repeat;
	background-position:center center;
	background-size:90%;
}


#marathon_category .tenk {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
    background-color: #7ebe42;
    background-image: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/03/Start-To-Park-10Kalpha.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
}

#marathon_category  .merrie {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
    background-color: #f9be00;
    background-image: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/03/Kalakaua-Merrie-Mile-1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
}

#marathon_category .head-real{
position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
    background-color: #022169;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
}

#marathon_category .head-vbf{
position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
    background-color: #022169;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
}


#marathon_category .head-panel h2{

	font-size:150%;
	color:#FFF;
	line-height:1.5;
	margin-bottom:0px;
	font-weight:400;
}

#marathon_category .head-panel h3{

	font-size:230%;
	color:#FFF;
	line-height:1.3;
	margin-bottom:10px;
	font-weight: 800;
}


#marathon_category .head-panel h4{

	font-size:100%;
	color:#FFF;
	line-height:1.5;
	font-weight:600;
}

#marathon_category .head-panel p{

	font-size:100%;
	color:#FFF;
	line-height:1.8;

}




#marathon_category .tenk h2{

	font-size:150%;
	color:#FFF;
	line-height:1.3;
	margin-bottom:0px;
	font-weight:400;
}

#marathon_category .tenk h3{

	font-size:230%;
	color:#FFF;
	line-height:1.3;
	margin-bottom:10px;
	font-weight: 800;
}


#marathon_category .tenk h4{

	font-size:100%;
	color:#FFF;
	line-height:1.5;
	font-weight:600;
}

#marathon_category .tenk p{

	font-size:100%;
	color:#FFF;
	line-height:1.8;

}

#contents #top-release  h2 {
	font-size: 120%;
		color:#333;
			margin:20px 0 5px 0;
  font-weight: 400;
}

#marathon_category .merrie h2{

	font-size:150%;
	color:#FFF;
	line-height:1.3;
	margin-bottom:0px;
	font-weight:400;
}

#marathon_category .merrie h3{

	font-size:230%;
	color:#FFF;
	line-height:1.3;
	margin-bottom:10px;
	font-weight: 800;
}


#marathon_category .merrie h4{

	font-size:100%;
	color:#FFF;
	line-height:1.5;
	font-weight:600;
}

#marathon_category .merrie p{

	font-size:100%;
	color:#FFF;
	line-height:1.8;

}

#marathon_category .head-real h2{

	font-size:150%;
	color:#FFF;
	line-height:1.5;
	margin-bottom:0px;
	font-weight:400;
}

#marathon_category .head-real h3{

	font-size:230%;
	color:#FFF;
	line-height:1.3;
	margin-bottom:10px;
	font-weight: 800;
}


#marathon_category .head-real h4{

	font-size:100%;
	color:#FFF;
	line-height:1.5;
	font-weight:600;
}

#marathon_category .head-real p{

	font-size:100%;
	color:#FFF;
	line-height:1.8;

}

#marathon_category .head-vbf h2{

	font-size:150%;
	color:#FFF;
	line-height:1.5;
	margin-bottom:0px;
	font-weight:400;
}

#marathon_category .head-vbf h3{

	font-size:230%;
	color:#FFF;
	line-height:1.3;
	margin-bottom:10px;
	font-weight: 800;
}


#marathon_category .head-vbf h4{

	font-size:100%;
	color:#FFF;
	line-height:1.5;
	font-weight:600;
}

#marathon_category .head-vbf p{

	font-size:100%;
	color:#FFF;
	line-height:1.8;

}


#marathon_category .badge{
	display: inline;
    padding: .2em .6em .3em;
	margin-bottom:10px;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
	background-color:#ff3296;
	border-radius:0px;



}




	#contents #top-release section h3 {
	font-size: 150%;
margin: 5px 0 10px 0;
    font-weight: 800;
			color:#333;
}


#contents #top-release section h4 {
	font-size: 100%;
margin: 5px 0 10px 0;
    font-weight: 600;
			color:#333;
}



	#contents #top-release .logo-area {
position:relative;
		max-height:300px;
		overflow-y:hidden;

}

.center-banner {
	margin: 120px 60px;
}


 #top-release .logo-area .park{

position: absolute;
    top: 0;
    left: 0;
    background-color: #7ebe42;
    width: 40%;
    height: 100%;
    padding: 30px 20px 10px 20px;
 background-image: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/02/Start-To-Park-10K.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 85%;
}

 #top-release .logo-area .merrie{
position: absolute;
    top: 0;
    left: 0;
    background-color: #f9be00;
    width: 40%;
    height: 100%;
    padding: 50px 30px 10px 30px;
	 background-image: url(https://s3.honolulumarathon.jp/2018/wp-content/uploads/2018/03/Kalakaua-Merrie-Mile-1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 82%;
}


@media (max-width: 576px) {


#top-release .logo-area .park{
    padding: 50px 10px 10px 10px
}

	#top-release .logo-area .merrie{
 padding: 40px 10px 10px 10px
}

}


#fridaynight .badge{
	display: inline;
    padding: .2em .6em .3em;
	margin-bottom:10px;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
	background-color:#ff3296;
	border-radius:0px;



}

 #fridaynight .col2-a{
	background: #666;
color:white;
		background-image:url(https://s3.honolulumarathon.jp/2018/wp-content/uploads/2020/03/18153337/05__G0A3387-1.png);
	 background-size:cover;
	background-position:center;


}
 #fridaynight .col2-b{
	background: #666;
	color:white;
	background-image:url(https://s3.honolulumarathon.jp/2018/wp-content/uploads/2020/03/18153339/06_KJ5D8025-1.png);
	 background-size:cover;
	background-position:center;
}




 #fridaynight h2{
	/* オフィシャルパーティー: */
	font-size: 120%;
	color: #FFFFFF;
	letter-spacing: 0;
	font-weight: normal;
	 margin-top: 10px;

}

 #fridaynight h3{
	/* ホノルルマラソン アロハフライデーナイト: */

	font-size: 230%;
	letter-spacing: 0;
	line-height: 1.3;
	font-weight: 800;

}

#fridaynight h4{
	/* ホノルルマラソン アロハフライデーナイト: */
    font-size: 100%;
    margin: 5px 0 10px 0;
    font-weight: 600;
    color: #FFF;

}

 #fridaynight p{
	    font-size: 100%;
    color: #FFF;
    line-height: 1.8;

}


/* 大会コースについて　パネル */

.hm-panel {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
    background-color: #022169;
    background-image: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/02/Honolulu-Marathon.png);
    background-repeat: no-repeat;
 background-position: center;
    background-size: 80%;
    height: 110%;

}

.c10k-panel{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
	background-color:#7ebe42;
    background-image: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/02/Start-To-Park-10K.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    height: 100%;
}
.mm-panel {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
word-wrap: break-word;
background-color: #f9be00;
background-image: url(https://www.honolulumarathon.jp/2018/wp-content/uploads/2018/02/Kalakaua-Merrie-Mile-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: 80%;
height: 120%;
}

/* 固定ページ */
.page_title_area{
	background-color:#fcfcfc;

}
.page_title_area h2{
	font-size:190%;
	font-weight:600;
	margin-top: .5rem;
}

.page_contents_area{

	margin-top:-20px;
	margin-bottom:30px;
}








.page_contents_area h2{
margin: 10px 0px;
    font-size: 210%;
    line-height: 1.2;
	    font-weight: 600;
}


.page_contents_area h3{
margin: 0px 0px 10px;
    font-size: 175%;
    line-height: 1.5;
	    font-weight: 600;
}


.page_contents_area h4{
	margin: 0px 0px 18px;
   line-height: 1.5;
   font-weight: 600;
}

.page_contents_area h5{
margin: 10px 0px;
    line-height: 1.5;
	    font-weight: 600;
}

.page_contents_area h6{
   margin-bottom: 0px;
    line-height: 1.5;
	    font-weight: 600;
}



/* 投稿ページ */
.post_title_area h3{
margin-bottom: 20px;
    font-size: 200%;
    line-height: 1.5;
	    font-weight: 600;


}
.post_contents_area{
	margin-top:-20px;
	margin-bottom:30px;
}







.post_contents_area p{
    font-size: 100%;
    line-height: 1.8;
}

.post_contents_area h3{
 margin: 10px 0px;
    font-size: 200%;
    line-height: 1.5;
	    font-weight: 600;
}


.post_contents_area h4{
  margin: 10px 0px;
    line-height: 1.5;
	    font-weight: 600;
}

.post_contents_area h5{
  margin: 10px 0px;
    line-height: 1.5;
	    font-weight: 600;
}

.post_contents_area h6{
  margin: 10px 0px;
    line-height: 1.5;
	    font-weight: 600;
}

.post_title_area .time_area time{
font-size: 120%;
	letter-spacing: 0;
    color: #999;
    vertical-align: middle;
}



#race_table  table.basic td {
  font-size: 95%;
  line-height: 1.5;
  padding:30px;

}


/* 大会概要テーブル*/
#race_table {

margin: 0;

}

#race_table  table .basic {

}


#race_table  table.basic tr {
border-top: 1px solid #dee2e6;

}

#race_table  table.basic th {
    font-size: 100%;
    font-weight: 600;
    line-height: 1.8;

    padding: 20px 0;
	width:18%;
}

#race_table  table.basic td {
  font-size: 100%;
line-height: 1.8;
 padding:30px;

}


@media (max-width: 576px) {

	#race_table  table.basic tr {
border-top: 1px solid #dee2e6;


}
#race_table table th {
    display: block;
		width:100%!important;

  }
#race_table table td {
	/*padding:0px 0 25px 0!important;*/
    display: block;
	width:100%!important;

  }
#race_table table td:before {
    content: attr(aria-label);
    float: left;
  }

.empty_cell{
	height: 70px;
}

.sp_cell{
	display: block !important;
}

#race_table table.basic th br{
	display: none;
}

.br_1{
	display: none;
}
}

#news-list dd,.newsSection dd {
    float: none;
    display:flex;
}
#news-list dd a,.newsSection dd a {
    flex-shrink: 3;
	display:block;
}
#news-list dd span,.newsSection dd span {
	display:block;
	flex-shrink: 0;
	flex-grow: 0;
	width:150px;
	text-align:center;
	height:30px;
}
#news-list dd span.officenews,.newsSection dd span.officenews {
	width:120px;
}
#news-list dl{
	margin-bottom:0.3rem;
}
#news-list p{
	border-bottom: 1px dotted #eee;
	padding-bottom:1.2rem;
}

@media screen and (max-width: 576px){
	#news-list dd,.newsSection dd {
	    display:block;
	}
	.hm-panel,.c10k-panel,.mm-panel{
		height:46vh;
	}

	.mizuho_img{
		float: none !important;
	}

	.img-fluid{
		float: none !important;
	}

}

/*
a.mod-icon01 {
	display: inline-block;
	padding-left: 15px;
	background: url(/img/front/common/icon01_right.png) no-repeat 0 50%
}
a.mod-icon02 {
	display: inline-block;
	padding-left: 30px;
	background: url(/img/front/common/icon02_right.png) no-repeat 0 50%
}
a.mod-icon-external,
a.mod-icon-pdf,
a.mod-icon-xls,
a.mod-icon-movie {
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: 100% 50%
}
a.mod-icon-external {
	background-image: url(/img/front/common/icon_external.png)
}
a.mod-icon-pdf {
	background-image: url(/img/front/common/icon_pdf.png)
}
a.mod-icon-xls {
	background-image: url(/img/front/common/icon_xls.png)
}
a.mod-icon-movie {
	background-image: url(/img/front/common/icon_movie.png)
}
.mod-icon-inquiry {
	margin-left: 15px;
	padding: 2px 6px;
	background-color: #00a0e9;
	color: #fff;
	font-size: 72%
}
.mod-left {
	text-align: left !important
}
.mod-center {
	text-align: center !important
}
.mod-right {
	text-align: right !important
}
.mod-fluend {
	max-width: 100%;
	height: auto
}
.mod-normal {
	font-weight: normal !important
}
.mod-label {
	display: inline-block;
	margin-left: 5px;
	padding: .25em .5em .1em;
	border: 1px solid #00a0e9;
	color: #00a0e9;
	font-size: 86%;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap
}
h3 .mod-label {
	font-size: 58%
}
.mod-release.category .mod-label {
	width: 63px;
	margin-left: 15px;
	padding: .25em 0 .1em
}
.mod-lead {
	margin-bottom: 25px
}
.mod-lead p {
	margin-bottom: 1em
}
.mod-list li {
	margin-bottom: 1em
}
.mod-inline-list li {
	margin-bottom: 1em
}
.mod-col2 .col2-a,
.mod-col2 .col2-b {
	padding-bottom: 25px;
	border-bottom: 1px solid #efefef
}
.mod-thumb {
	padding-bottom: 25px;
	border-bottom: 1px solid #efefef;
*zoom:1
}
.mod-thumb:after {
	content: "";
	display: table;
	clear: both
}
.mod-thumb figure {
	float: left
}
.mod-thumb figure img {
	width: 120px;
	height: auto
}
.mod-thumb figure figcaption {
	margin-top: 1em
}
.mod-thumb .txt {
	margin-left: 130px
}
#contents .mod-thumb .txt p {
	margin-bottom: 1em
}
#contents .mod-thumb .txt p:last-child {
	margin-bottom: 0
}
.mod-thumb.square {
	padding: 0 !important;
	border: none !important
}
.mod-thumb.square figure img {
	width: 90px
}
.mod-thumb.square .txt {
	margin-left: 100px
}
.mod-table {
	table-layout: fixed;
	width: 100%;
	margin-bottom: 25px;
	font-size: 86%
}
.mod-table th {
	background-color: #fcfcfc;
	font-weight: bold
}
.mod-table th,
.mod-table td {
	padding: 10px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}
.mod-table tbody.block tr:first-child th,
.mod-table tbody.block tr:first-child td {
	border-top-width: 2px
}
.mod-table tbody th {
	width: 35%;
	text-align: left
}
.mod-table td table {
	width: auto;
	margin-bottom: 0
}
.mod-table td th,
.mod-table td td {
	padding: 0;
	border: none
}
.mod-table td th {
	width: 5em !important;
	background-color: #fff;
	vertical-align: top
}
.mod-table td td {
	padding-bottom: 1em
}
.mod-table td tr:last-child td {
	padding-bottom: 0
}
.mod-table .hide {
	display: none
}
.mod-dl-table dl {
	margin-bottom: 25px;
	border-bottom: 1px dotted #eee
}
.mod-dl-table dt {
	padding-bottom: 25px;
	font-weight: bold
}
.mod-dl-table dd {
	padding-bottom: 25px
}
.mod-release {
	position: relative
}
.mod-release dl {
	padding-bottom: 25px;
	border-top: 1px dotted #eee;
}
.mod-release dl:first-of-type {
	padding-top: 25px;
  border-top-width: 2px;
}
.mod-release dt {
	display: inline-block;
	margin-bottom: 10px;
	font-weight: bold
}
.mod-release .btn {
	position: absolute;
	top: 20px;
	right: 20px;
	margin-bottom: 0 !important
}
.mod-year-nav {
	margin-bottom: 25px;
	padding: 10px;
	border: 1px solid #eee;
*zoom:1
}
.mod-year-nav:after {
	content: "";
	display: table;
	clear: both
}
.mod-year-nav li {
	float: left;
	margin: 5px 0;
	padding: 0 15px;
	border-right: 1px solid #d0d0d0;
	line-height: 1.1
}
.mod-year-nav li:last-child {
	border-right: none
}
.mod-aside {
	margin-bottom: 25px;
	padding-top: 25px;
	border-top: 1px solid #eee
}
.mod-aside dt {
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-size: 115%;
	font-weight: bold
}
.mod-aside dd {
	margin-bottom: 1em
}
.mod-aside .btn {
	text-align: center
}
.mod-local-nav {
	margin: 25px 0;
	border: 1px solid #eee
}
.mod-local-nav dt {
	border-bottom: 1px solid #eee;
	font-size: 115%;
	font-weight: bold
}
.mod-local-nav dt a {
	display: block;
	padding: 15px 15px 15px 45px;
	background-position: 15px 50%;
	color: #333
}
.mod-local-nav li {
	border-bottom: 1px solid #eee
}
.mod-local-nav li:last-child {
	border-bottom: none
}
.mod-local-nav li a {
	display: block;
	padding: 15px
}
a.mod-btn,
a.mod-btn-mini,
input.mod-btn,
input.mod-btn-mini {
	display: inline-block;
	padding: 25px 45px;
	border: none;
	border-radius: 0;
	background-color: #00a0e9;
	color: #fff !important;
	font-size: 115%;
	white-space: nowrap;
	-webkit-appearance: none;
	appearance: none
}
a.mod-btn:focus,
a.mod-btn:hover,
a.mod-btn:active,
a.mod-btn-mini:focus,
a.mod-btn-mini:hover,
a.mod-btn-mini:active,
input.mod-btn:focus,
input.mod-btn:hover,
input.mod-btn:active,
input.mod-btn-mini:focus,
input.mod-btn-mini:hover,
input.mod-btn-mini:active {
	background-color: #4cbcf0;
	text-decoration: none
}
a.mod-btn:disabled,
a.mod-btn.disabled,
a.mod-btn-mini:disabled,
a.mod-btn-mini.disabled,
input.mod-btn:disabled,
input.mod-btn.disabled,
input.mod-btn-mini:disabled,
input.mod-btn-mini.disabled {
	background-color: #ced2d4
}
a.mod-btn-mini,
input.mod-btn-mini {
	padding: 5px 10px;
	font-size: 86%
}
.mod-scroll-box {
	height: 140px;
	margin-bottom: 50px;
	padding: 15px;
	border: 1px solid #cfcfcf;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}
*/
@media screen and (min-width: 768px), print {

	#sub-nav{
		display:block;
	}


#contents .mod-heading {
	font-size: 143%
}
#contents .mod-heading span {
	display: inline;
	margin-left: .5em;
	font-size: 72%
}
h3 .mod-label {
	font-size: 50%
}
.mod-release.category .mod-label {
	float: left;
	margin-left: 30px
}
.mod-lead {
	margin-bottom: 50px
}
.mod-inline-list li {
	display: inline;
	margin: 0 1.5em 0 0
}
.mod-col2 {
*zoom:1
}
.mod-col2:after {
	content: "";
	display: table;
	clear: both
}
.mod-col2 .col2-a,
.mod-col2 .col2-b {
	width: 47%;
	padding-bottom: 0;
	border-bottom: none
}
.mod-col2 .col2-a {
	float: left
}
.mod-col2 .col2-b {
	float: right
}
.mod-thumb {
	padding-bottom: 0;
	border-bottom: none
}
.mod-thumb figure {
	max-width: 34.3%;
	margin-bottom: 0 !important
}
.mod-thumb figure img {
	width: 100% !important
}
.mod-thumb .txt {
	margin-left: 37.3%
}
.mod-thumb.square figure {
	max-width: 38.297%
}
.mod-thumb.square .txt {
	margin-left: 42.553%
}
.mod-table {
	margin-bottom: 50px;
	font-size: 100%
}
.mod-table th,
.mod-table td {
	padding: 20px
}
.mod-table tbody th {
	width: 140px
}
.mod-table .hide {
	display: table-cell;
*display:block
}
.mod-dl-table {
	margin-bottom: 50px
}
.mod-dl-table dl {
	display: table;
	width: 100%
}
.mod-dl-table dt {
	display: table-cell;
	width: 22%;
	font-weight: normal;
	vertical-align: middle;
*float:left
}
.mod-dl-table dd {
	display: table-cell;
	width: 78%;
*width:auto;
*margin-left:245px
}
.mod-dl-table dd .input-txt.w-long,
.mod-dl-table dd textarea.w-long {
	width: 60%
}
.mod-release {
	margin-bottom: 50px
}
.mod-release dl {
	padding-bottom: 0;
}
.mod-release dl:first-of-type {
	margin-top: 0;
	padding-top: 0;
}
.mod-release dt {
	float: left;
	width: 40px
}
.mod-release dd {
	margin-left: 75px
}
.mod-release.category dd {
	margin-left: 161px
}
.mod-release.category .icon {
	float: left;
	margin-left: 30px
}
.mod-year-nav {
	margin-bottom: 50px;
	border-width: 2px
}
.mod-year-nav li {
	padding: 0 25px
}
.mod-aside {
	display: table;
	width: 100%;
	padding-top: 50px;
*zoom:1
}
.mod-aside dl {
	display: table-cell;
*float:left
}
.mod-aside dt {
	font-size: 143%
}
.mod-aside .btn {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
*float:right
}
.mod-local-nav {
	margin: 50px 0;
	padding: 0 20px 20px
}
.mod-local-nav dt {
	padding: 15px 0
}
.mod-local-nav dt a {
	display: inline-block;
	padding: 0 0 0 30px;
	background-position: 0 50%
}
.mod-local-nav ul {
*zoom:1
}
.mod-local-nav ul:after {
	content: "";
	display: table;
	clear: both
}
.mod-local-nav li {
	float: left;
	width: 25%;
	margin-top: 1em;
	border-bottom: none
}
.mod-local-nav li:nth-child(4n+1) {
	clear: both
}
.mod-local-nav li a {
	display: inline-block;
	padding: 0 1em 0 0
}
a.mod-btn,
a.mod-btn-mini,
input.mod-btn,
input.mod-btn-mini,
.btn a {
	-moz-transition: background-color 0.6s ease;
	-o-transition: background-color 0.6s ease;
	-webkit-transition: background-color 0.6s ease;
	transition: background-color 0.6s ease
}
.mod-scroll-box {
	padding: 25px 30px
}
}
html,
body {
	height: 100%;
	line-height: 1.8;
}
body {
font-family: "SF Pro JP","SF Pro Text","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
letter-spacing: 0.1rem;
font-size: 17px;
    line-height: 1.5;
    color: #333;
    font-style: normal;
	font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
	color: #00ADFF;
	text-decoration: none;
}

.hmbtn a {
  color: #FFF;
  display: block;
  padding: 10px 0;

  text-align: center;
  text-decoration: none;
  background: #41C2FF;
	font-size:18px;
}



.hmbtn a {
  color: #FFF;
  /* display: inline-block; */
  /* width: 160px; */
  padding: 0;
  line-height: 50px;
}

.hmbtn a:hover {
  background-color: #333;
	  text-decoration: none;

}

.hmbtn-1 a {
  color: #FFF;
  display: block;
  padding: 10px 0;

  text-align: center;
  text-decoration: none;
  background: #FFF;
	font-size:18px;
}



.hmbtn-1 a {
  color: #F5A623;
  /* display: inline-block; */
  /* width: 160px; */
  padding: 0;
  line-height: 50px;
}

.hmbtn-1 a:hover {
/* 	color: #F5A623; */
	color: white;
  background-color: #333;
	text-decoration: none;

}

.hmbtn-2 a {
  color: #fff;
  display: block;
  padding: 10px 0;

  text-align: center;
  text-decoration: none;
  background: #41C2FF;
	font-size:18px;
}



.hmbtn-2 a {
  color: #fff;
  /* display: inline-block; */
  /* width: 160px; */
  padding: 0;
  line-height: 50px;
}

.hmbtn-2 a:hover {
	color: white;
  background-color: #333;
	  text-decoration: none;

}


img {
	vertical-align: bottom
}
img.full {
	width: 100%;
	max-width: 100%;
	height: auto
}
em {
	font-style: normal;
	font-weight: bold
}
input,
textarea {
	font-family: CenturyGothic-Bold, "CenturyGothicStd", "Century Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Sans-Serif;
	font-size: 100%;
	outline: none
}
.input-txt,
textarea {
	padding: 7px;
	border: 1px solid #cfcfcf;
	border-radius: 0;
	vertical-align: middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none
}
.input-txt.w-long,
textarea.w-long {
	width: 100%
}
.input-txt.rows {
	margin-top: 10px
}
.input-txt.error,
textarea.error {
	border: 1px solid #e99c9c;
	background-color: #fff5f5
}
.txt-error {
	color: #d20000
}
.input-txt.error+.txt-error,
textarea.error+.txt-error {
	margin-top: 5px
}
pre {
	font-family: CenturyGothic-Bold, "CenturyGothicStd", "Century Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Sans-Serif;
	font-size: 100%;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word
}
#wrapper {
	position: relative;
	width: 100%;
	min-height: 100%;
	overflow: hidden
}
#sticker_header {
	position: fixed;
    top: 0;
	z-index: 10000;
	width: 100%;
	background-color: white;
}

#contents.teaser-contents {
	margin-top:  0px;
}

header #site-logo a {
	width: 107px;
	padding-top: 25px;
	/* background-image: url(images/logo.png); */
	background-position: 0 -56px;
	display: block;
	height: 0;
	background-repeat: no-repeat;
	overflow: hidden;
	-moz-background-size: 107px, auto;
	-o-background-size: 107px, auto;
	-webkit-background-size: 107px, auto;
	background-size: 107px, auto;
	/* background: url(/img/front/common/ie/parts_logo.png) 0 0\9 */
	background-image:url(../images/logo2022.svg);
}
header .assist-nav {
	display: none
}
#global-nav-switch {
	float: right;
	padding: 17px 20px 0 0
}
#global-nav {
	clear: both;
	font-size:100%
	position: absolute;
	top: 50px;
	left: 0;
	width: 80%;
	height: 0;
	background-color: rgba(0,160,233,0.95);
	/* background-color: #00a0e9 \9; */
	opacity: 0;
	overflow: hidden;
	z-index: 1
}
#global-nav ul {
	border-bottom: 1px solid #dee2e6;
}
#global-nav li {
	border-top: 1px solid #dee2e6;
/* 	min-width: 220px; */
    text-align: center;
}
#global-nav li a {
	display: block;
	padding: 15px 25px;
	color: #666;
}
#global-nav li a:focus,
#global-nav li a:hover,
#global-nav li a:active,
#global-nav li a.active {
	background-color: #41C2FF;
		color: #FFF;
}
#global-nav ul {
	-moz-transform: translate3d(0, -400px, 0);
	-webkit-transform: translate3d(0, -400px, 0)
}
header.in #global-nav {
	opacity: 1;
	-moz-animation: fadeIn .5s ease;
	-webkit-animation: fadeIn .5s ease
}
header.in #global-nav ul {
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-animation: slideDown 1s ease;
	-webkit-animation: slideDown 1s ease
}
header.out #global-nav {
	opacity: 0;
	visibility: hidden;
	-moz-animation: fadeOut .8s ease-out;
	-webkit-animation: fadeOut .8s ease-out
}
header.out #global-nav ul {
	-moz-transform: translate3d(0, -400px, 0);
	-webkit-transform: translate3d(0, -400px, 0);
	-moz-animation: slideUp .8s ease;
	-webkit-animation: slideUp .8s ease
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
99.9%, to {
opacity:1
}
}
@-webkit-keyframes fadeOut {
0% {
opacity:1;
visibility:visible
}
99.9%, to {
opacity:0;
visibility:hidden
}
}
@-webkit-keyframes slideDown {
0% {
-webkit-transform:translate3d(0, -400px, 0)
}
99.9%, to {
-webkit-transform:translate3d(0, 0, 0)
}
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform:translate3d(0, 0, 0)
}
99.9%, to {
-webkit-transform:translate3d(0, -400px, 0)
}
}
@-moz-keyframes fadeIn {
0% {
opacity:0
}
99.9%, to {
opacity:1
}
}
@-moz-keyframes fadeOut {
0% {
opacity:1;
visibility:visible
}
99.9%, to {
opacity:0;
visibility:hidden
}
}
@-moz-keyframes slideDown {
0% {
-moz-transform:translate3d(0, -400px, 0)
}
99.9%, to {
-moz-transform:translate3d(0, 0, 0)
}
}
@-moz-keyframes slideUp {
0% {
-moz-transform:translate3d(0, 0, 0)
}
99.9%, to {
-moz-transform:translate3d(0, -400px, 0)
}
}

#contents {
/*	padding: 25px 15px 0*/
}
#contents h1 {
	margin-bottom: 25px;
	color: #00a0e9;
	font-size: 158%;
	font-weight: bold
}
#contents h1 span {
	float: left\9
}
#contents section {
	margin-bottom: 25px
}


#contents section h2 {
	margin-bottom: 25px;
	padding: 5px 0 5px 15px;
	border-left: 4px solid #00a0e9;
	font-size: 143%;
	font-weight: bold
}
#contents section h3 {
	margin-bottom: 15px;
	padding-bottom: 0px;
	font-size: 129%;
	font-weight: bold
}


#contents section>p:last-child {
	margin-bottom: 0
}
#contents>p,
#contents>figure {
	margin-bottom: 2em
}
#contents .sns {
	margin: 70px 15px 30px;
*zoom:1
}
#contents .sns:after {
	content: "";
	display: table;
	clear: both
}
#contents .sns li {
	float: left;
	margin-right: 10px
}
#main-visual {
	margin: 0 -15px 25px
}
#gmap {
	width: 100%;
	height: 320px
}
footer {
	background-color: #fff
}
footer #page-top {
	display: none
}
footer .topic-path {
	display: none
}
footer .nav {
	border-top: 1px solid #efefef
}
footer .nav h2 {
	font-weight: bold
}
footer .nav h2 a {
	display: block;
	padding: 15px 20px
}
footer .nav li {
	border-top: 1px solid #efefef
}
footer .nav li a {
	display: block;
	padding: 15px 20px 15px 30px;

	color: #333 !important
}
footer .bnr {
	padding-top: 30px;
	border-top: 1px solid #efefef
}
footer .bnr ul {
	width: 275px;
	margin: 0 auto
}
footer .bnr li {
	margin-bottom: 25px;
	font-size: 86%
}
footer .bnr li img {
	margin-bottom: 10px
}
footer .bnr li a {
	color: #333;
	font-weight: bold
}
footer .btm-nav {
	padding: 20px 10px 10px;
	border-top: 1px solid #efefef;
	background-color: #fcfcfc
}
footer .btm-nav ul {
	margin-bottom: 15px;
	font-size: 86%;
*zoom:1
}
footer .btm-nav ul:after {
	content: "";
	display: table;
	clear: both
}
footer .btm-nav ul:last-child {
	margin-bottom: 0
}
footer .btm-nav li {
	float: left;
	width: 50%
}
footer .btm-nav li a {
	color: #333 !important
}

footer .btm-nav .services {
	display: none
}
footer .btm-nav .services a {
	padding-right: 20px;

}
footer .copy {
	padding: 10px;
	font-size: 86%;
	text-align: center
}
#contents .service-capture img {
	width: 100%;
	margin-bottom: 15px
}
#contents .service-effect dl {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #eee
}
#contents .service-effect dl:before {
	display: block;
	width: 120px;
	height: 117px;
	margin: 0 auto 25px;

	content: ''
}
#contents .service-effect dl.item1:before {
	background-position: 11px 0
}
#contents .service-effect dl.item2:before {
	background-position: -360px 0
}
#contents .service-effect dl.item3:before {
	background-position: -739px 0
}
#contents .service-effect dl dt {
	margin-bottom: 1em;
	font-size: 129%;
	font-weight: bold;
	text-align: center
}
#contents .company-board dl {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #efefef
}
#contents .company-board dt {
	margin-bottom: 20px
}
#contents .company-board dt em {
	font-size: 143%
}
#contents .company-board dt span {
	font-size: 86%
}
#contents .company-board dd+dd {
	margin-top: 1em
}
#contents .company-privacy dt {
	margin-bottom: .5em
}
#contents .company-privacy dd+dt {
	margin-top: 2em
}
#contents .company-privacy dl.num dd dl {
	margin-top: 1em
}
#contents .company-logo {
	margin-top: 75px;
	text-align: center
}
#contents .company-logo section {
	margin-top: 75px
}
#contents .company-logo h2 {
	padding: 0 0 30px 0;
	border-bottom: 1px solid #f3f3f3;
	border-left: none
}
#contents .company-logo h3 {
	margin-bottom: 25px;
	padding-bottom: 15px;
	background: none;
	color: #00a0e9;
	font-size: 115%
}
#contents .company-logo p {
	color: #7a7a7a;
	line-height: 1.7
}
#contents .ir-faq-list dl {
	border-bottom: 1px solid #efefef
}
#contents .ir-faq-list dt {
	padding: 30px 20px 30px 50px;

	font-size: 115%;
	font-weight: bold;
	cursor: pointer
}
#contents .ir-faq-list dt.in,
#contents .ir-faq-list dt:hover {
	background-color: #fbfbfb
}
#contents .ir-faq-list dt span {
	display: block;
	padding-right: 20px;

}
#contents .ir-faq-list dt.in span {

}
#contents .ir-faq-list dd {
	padding: 25px 10px 30px
}
#contents .csr-message-thumb figure {
	margin-bottom: 20px
}
#contents .csr-message-thumb figure img {
	width: 181.53846px;
	height: auto
}
#contents .csr-message-thumb figure figcaption {
	margin-top: 1em
}
#contents .csr-message-thumb .txt p {
	margin-bottom: 1em
}
#contents .csr-message-thumb .txt p:last-child {
	margin-bottom: 0
}
#contents .csr-col3 li {
	margin-bottom: 25px;
	text-align: center
}
#contents .sitemap-list .col2-a,
#contents .sitemap-list .col2-b {
	padding-bottom: 0;
	border-bottom: none
}
#contents .sitemap-list section p {
	font-weight: bold
}
#contents .sitemap-list section ul {
	margin: 30px 0 0 30px
}
#contents .sitemap-list section li {
	margin-top: 20px
}
#contents .sitemap-list section li li:before {
	margin-right: 10px;
	color: #00a0e9;
	content: '-'
}
@media screen and (min-width: 768px), print {
a {
	cursor: pointer
}
a:hover {
	text-decoration: underline
}
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="radio"],
input[type="checkbox"],
label,
button {
	cursor: pointer
}
*[class*="disabled"],
*:disabled {
	cursor: default !important
}
#headmenu{
	position: relative;
}
header {
	/* display: flex; */
}

header:before {

}
header #site-logo {
	position: absolute;
	top:-30px;
	left:25px;
	z-index: 99999999;
	background: #fff;
	padding: 5px 0px 0px 10px;
}
header #site-logo a {
	display: inline-block;
	width: 140px;
	height: 120px;
	background-position: 0 0;
	background-size: auto, 158px
}
header .assist-nav {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	z-index: -1;
	overflow: hidden
}
header .assist-nav .language {
*zoom:1
}
header .assist-nav .language:after {
	content: "";
	display: table;
	clear: both
}
header .assist-nav .language li {
	float: left;
	width: 50%;
	text-align: center
}
header .assist-nav .language li a,
header .assist-nav .language li span {
	display: block;
	padding: 15px 0;
	color: #fff;
	font-size: 79%;
	-moz-transition: background-color 0.8s ease;
	-o-transition: background-color 0.8s ease;
	-webkit-transition: background-color 0.8s ease;
	transition: background-color 0.8s ease
}
header .assist-nav .language li a:hover {
	background-color: #18b3f9;
	text-decoration: none
}
header .assist-nav .language li span {
	border-right: 1px solid #999
}
#global-nav-switch {
	display: none
}
#global-nav {
	position: static;
	height: auto;
	margin-left: 180px;
	background-color: inherit;
	opacity: 1;

}
#global-nav ul {
	-moz-transform: none;
	-webkit-transform: none ;
	display: flex;
    margin-bottom: 0;
}
#global-nav li a {
	-moz-transition: background-color 0.6s ease;
	-o-transition: background-color 0.6s ease;
	-webkit-transition: background-color 0.6s ease;
	transition: background-color 0.6s ease
}
#global-nav li a:hover {
	text-decoration: none
}
  #vbf #sub-nav{
    background: #1D3879;
  }
#top #sub-nav {
/*   display: none; */
}
#sub-nav-main{
	background: #41C2FF;
}
#sub-nav-main-vbf{
	background: #1D3879;
}
#sub-nav {
  margin-left: 180px;
  display: flex;
	width: 90%;
	/*background: #F5A623;*/
	/*background: rgba(245,166,35,0.9);*/
	color: #fff;
}
#sub-nav .content {
  position: relative;
	/* スクロールバー */
	padding:15px 10px 15px 10px;
	/*margin-left: 20px;*/
}
#sub-nav .content section {
  display: none;
}
#vbf #sub-nav .content .sub-active section {
  background: #1D3879;
}
#sub-nav .content .sub-active section {
  position: absolute;
  display: block;
  left:0;
  top:60px;
  width: 200px;
  background: rgba(255,182,105,1);
  z-index: 999999;
}
#sub-nav h2 {
	font-size: 0.9rem;
  	padding-top: 0.4rem;
  	text-align: center;
}
#sub-nav .nav-message {
    font-size: 0.9rem;
    padding-top: 0.4rem;
    text-align: left;
    margin-right: 100px;
}
#sub-nav .thumb {
	margin-top: 25px;
	background-color: #fff
}
#sub-nav .thumb a {
	padding-top: 152px;

	display: block;
	height: 0;
	background-repeat: no-repeat;
	overflow: hidden;
	-moz-transition: opacity 0.6s ease;
	-o-transition: opacity 0.6s ease;
	-webkit-transition: opacity 0.6s ease;
	transition: opacity 0.6s ease
}
#sub-nav .thumb a:hover {
	opacity: .65
}
#sub-nav #n-service .thumb a {
	background-position: 0 -152px
}
#sub-nav #n-ir .thumb a {
	background-position: 0 -304px
}
#sub-nav #n-recruit .thumb a {
	background-position: 0 -456px
}
#sub-nav #n-csr .thumb a {
	background-position: 0 -608px
}
#sub-nav .lead {
	margin-bottom: 60px
}
#sub-nav h3 {
	background-color: #fff;
	font-size: 100%;
	font-weight: bold
}
#sub-nav h3 a {
	display: block;
	padding: 3px 10px;
	color: #FEC72B;
	text-decoration: none
}
#sub-nav p {
	min-width: 130px;
  font-size: 0.7rem;
  padding: 10px 10px 0;
}
#sub-nav .sub-link {
	margin-left: 30px
}
#sub-nav .sub-link li {
	margin-top: 10px
}
#sub-nav a {
	color: #fff
}
#sub-nav .link a {
}
#sub-nav #sub-nav-close {
	position: absolute;
	top: 50%;
	right: 0;
	width: 24px;
	height: 39px;
	margin-top: -20px;

	cursor: pointer
}
#sub-nav #scroll-top,
#sub-nav #scroll-end {
	position: absolute;
	right: 0;
	width: 24px;
	height: 39px;

	cursor: pointer
}
#sub-nav #scroll-top {
	bottom: -40px;
	background-position: 0 -78px
}
#sub-nav #scroll-end {
	top: -40px
}
#contents {
	box-sizing: border-box;
	width:100%;

/*
	max-width: 1000px;
	margin: 0 auto;
	padding: 50px 30px 600px 246px
*/
}
#contents a img {
	-moz-transition: opacity 0.6s ease;
	-o-transition: opacity 0.6s ease;
	-webkit-transition: opacity 0.6s ease;
	transition: opacity 0.6s ease
}
#contents a.zoom {
  display: block;
  overflow: hidden;
}
#contents a.zoom img {
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  transition: transform 0.5s ease;
}
#contents a.zoom:hover img {
  opacity: 1;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
#contents a img:hover {
	opacity: .65
}
#contents img {
	width: auto
}





#contents h1:after {
	content: "";
	display: table;
	clear: both
}

#contents section h2 {
	margin-bottom: 50px;
	padding-left: 20px;
	border-left-width: 7px;
	font-size: 122%
}
#contents section h3 {
	font-size: 158%
}


#contents .sns {
*position:relative;
  max-width: 1000px;
  margin: 0 auto;
  padding-right: 31px;
  padding-left: 31px;
}
#main-visual {
	margin: 0 0 70px
}
#main-visual img {
	width: 100%
}
#gmap {
	height: 600px
}
footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}
/*footer .inner {
	margin-left: 216px
}*/
footer #page-top {
	display: block;
	margin: 0 20px -1px 0;
	text-align: right;
*position:relative
}
footer #page-top img {
	cursor: pointer
}
footer .topic-path {
	display: block;
	padding: 15px 20px;
	border-top: 1px solid #efefef;
	font-size: 86%;
*zoom:1
}
footer .topic-path:after {
	content: "";
	display: table;
	clear: both
}
footer .topic-path li {
	float: left;
	margin-right: 10px
}
footer .topic-path li a {
	padding-right: 15px;

}
footer .nav {
	padding: 40px 20px
}
footer .nav h2 {
	font-size: 115%
}
footer .nav h2 a {
	display: inline;
	padding: 0
}
footer .nav ul {
	max-width: 960px;
*zoom:1
}
footer .nav ul:after {
	content: "";
	display: table;
	clear: both
}
footer .nav li {
	float: left;
	width: 25%;
	margin-top: 1em;
	border-top: none
}
footer .nav li a {
	display: inline;
	padding: 0;
	background: none
}
footer .bnr {
	width: auto;
	margin: 0;
	padding: 30px 20px
}
footer .bnr ul {
	width: auto;
	max-width: 960px;
	margin: 0;
*zoom:1
}
footer .bnr ul:after {
	content: "";
	display: table;
	clear: both
}
footer .bnr li {
	float: left;
	width: 26.458%;
	margin: 0 6.25% 0 0
}
footer .bnr li:last-child {
	margin-right: 0
}
footer .bnr li img {
	width: 100%;
	height: auto
}
footer .btm-nav {
	padding: 20px 20px 10px
}
/*footer .btm-nav ul {
	max-width: 960px
}*/
footer .btm-nav li {
	width: auto;
	margin-right: 2em
}
footer .btm-nav .services {
	display: block
}
footer .btm-nav p {
	text-align: center
}
footer .copy {
	background-color: #fcfcfc
}
#contents .service-capture {
*zoom:1
}
#contents .service-capture:after {
	content: "";
	display: table;
	clear: both
}
#contents .service-capture img {
	max-width: 49.2%;
	width: auto\9 !important;
	margin-bottom: 0
}
#contents .service-capture img.col-a {
	float: left
}
#contents .service-capture img.col-b {
	float: right
}
#contents .service-effect {
*zoom:1
}
#contents .service-effect:after {
	content: "";
	display: table;
	clear: both
}
#contents .service-effect dl {
	float: left;
	width: 33.3%;
	padding-top: 260px;
	border-bottom: none;

}
#contents .service-effect dl:before {
	display: none
}
#contents .service-effect dl.item1 {
	background-position: 110px 50px
}
#contents .service-effect dl.item2 {
	background-position: -255px 50px
}
#contents .service-effect dl.item3 {
	background-position: -640px 50px
}
#contents .service-effect dl dt {
	margin-bottom: 1em;
	font-size: 129%;
	font-weight: bold;
	text-align: center
}
#contents .service-effect dl dd {
	padding: 0 15.01%
}
#contents .company-privacy dl.num dd {
	margin-left: 2.55em
}
#contents .company-privacy dl.num dd dd {
	margin-left: 0
}
#contents .company-logo {
	margin-top: 150px
}
#contents .company-logo section {
	margin-top: 100px
}
#contents .company-logo h2 {
	padding-bottom: 50px
}
#contents .csr-message-thumb {
*zoom:1
}
#contents .csr-message-thumb:after {
	content: "";
	display: table;
	clear: both
}
#contents .csr-message-thumb figure {
	float: left;
	width: 23.6%;
	margin-bottom: 0
}
#contents .csr-message-thumb figure img {
	width: 100%
}
#contents .csr-message-thumb .txt {
	margin-left: 26.6%
}
#contents .csr-col3 {
	margin-right: -2%;
*zoom:1
}
#contents .csr-col3:after {
	content: "";
	display: table;
	clear: both
}
#contents .csr-col3 li {
	float: left;
	width: 31.33%;
	margin-right: 2%
}
}
@media print {
header,
#sub-nav,
#contents .sns,
footer {
	display: none
}
#contents {
	padding: 0
}
}
#contents h1 {
/*
	width: 290px;
	margin: 0 auto 25px;
	padding-top: 282px;
	background-image: url(/img/front/home/img_main.png);
	background-position: -254px 0;
	display: block;
	height: 0;
	background-repeat: no-repeat;
	overflow: hidden;
	-moz-background-size: 540px, auto;
	-o-background-size: 540px, auto;
	-webkit-background-size: 540px, auto;
	background-size: 540px, auto;
	text-align: center;
	background: url(/img/front/home/ie/img_main.png) 0 0\9
*/
}
#contents section h2 {
	padding: 0;
	border-left: none;
}
#contents #top-release section h2 {
  margin-bottom: 0;
}
#contents #top-release .mod-release {
	padding-bottom: 0;
	border-bottom: none;
	    margin-bottom: -5px;

}
#contents #top-release .mod-release dl {
  padding: 15px 20px;
}
#contents #introduction {
	position: relative;
	margin: 40px 0;
	border-bottom: 1px solid #f2f2f2;
	text-align: center
}
#contents #introduction .content {
	padding: 30px 0 50px;
	border-top: 1px solid #f2f2f2
}
#contents #introduction .content p {
	margin-top: 15px
}
#contents #introduction .content p span {
	display: block
}
#contents #introduction .btn {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 31px;
	margin: 0 0 -15px -15px
}
#contents #introduction .btn img {
	display: block;
	width: 100%;
	height: auto
}
#contents #visual section {
	padding-top: 25px;
	border-top: 1px solid #efefef
}
#contents #visual section:last-of-type {
	padding-bottom: 25px;
	border-bottom: 1px solid #efefef
}
#contents #visual section h2 {
	font-size: 186%
}
#contents #visual section p {
	margin-bottom: 1em
}
#contents #visual section .pct img {
	width: 100%;
	height: auto
}
@media screen and (min-width: 768px), print {


#contents {
	padding-bottom: 100px
}
/* #contents.teaser-contents {
    padding-bottom: 0px;
} */
/*
#contents h1 {
	width: auto;
	max-width: 100%;
	height: auto;
	margin-bottom: 100px;
	padding-top: 0;
	background: none
}

	*/
#contents h1 img {
	width: 100%
}

#contents section h2:after {
	content: "";
	display: table;
	clear: both
}

#contents #top-release .mod-release dd {
/*	min-height: 40px;*/
	margin-left: 60px
}
#contents #introduction {
	margin: 81px 0 180px;
*height:100%
}
#contents #introduction .content {
	padding: 60px 0 100px
}
#contents #introduction .content p {
	margin-top: 30px
}
#contents #introduction .content p span {
	display: inline
}
#contents #introduction .btn {
	margin: 0 0 -31px -31px;
	cursor: pointer;
	-moz-transition: opacity 0.8s ease;
	-o-transition: opacity 0.8s ease;
	-webkit-transition: opacity 0.8s ease;
	transition: opacity 0.8s ease
}
#contents #introduction .btn:hover {
	opacity: .8
}
#contents #introduction .btn img {
	width: auto
}
#contents #visual section {
	position: relative;
	padding: 0;
	border: none !important;
*zoom:1
}
#contents #visual section:after {
	content: "";
	display: table;
	clear: both
}
#contents #visual section:last-of-type {
	padding-bottom: 0
}
#contents #visual section .txt {
	float: left;
	width: 35%;
	padding-top: 16%
}
#contents #visual section h2 {
	min-height: 45px;
	margin-bottom: 30px
}
#contents #visual section .pct {
	float: right;
	width: 62.4%
}
#contents #visual section .pct img {
	vertical-align: bottom
}
#contents #visual section.even .txt {
	float: right
}
#contents #visual section.even .pct {
	float: left
}
}
#contents #top-release .col2-a,
#contents #top-release .col2-b {
  background: #FFF;
}
#contents #top-release .col2-a {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px), print {

#contents #visual section h2 {
	font-size: 286%
}
}

/*-----------------------
Added: March 2016
-------------------------*/

#contents .keyv .logo {
  position: absolute;
  display: none;
  opacity: 0;
}
#contents .keyv .lead {
  padding-top: calc( 80px + 12vw);

}
#contents .keyv .lead .top-lead{
	font-size: calc( 0.8rem + 2.3vw);
	line-height:1.1;
}
#contents .keyv .lead h1 {
  color: #FFF;
  width: auto;
  height: auto;
  margin-bottom: 25px;
  padding: 0;
  font-family: CenturyGothic-Bold, "CenturyGothicStd", "Century Gothic", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Sans-Serif;
  font-size: 26px;
  line-height: 1.3;
  background: none;
}
#contents .keyv .lead h1 span {
  display: inline-block;
}



#contents img {
/*
  max-width: 100%;
  height: auto;
*/
}
#contents .innerContent {

}
#contents .companySection .innerContent {
  margin-bottom: 50px;
}
#contents .newsSection {
background-color:#FFF;
}

#contents  .panel{
position:relative;
	padding:30px;
}

#contents  .newsSection .newsct{
	font-size: 18px;
    font-weight: 600;
    letter-spacing: .012em;
}

 .newsSection .panel .all {
  position: absolute;
    top: 31px;
    right: 34px;
}

#promotion img {

  width: 100%;
  height: auto;
}


/*----*/
#contents .companySection section {
  position: relative;
  margin-top: 10px;
  padding-top: 67%;
  background: no-repeat 100% 50%;
  -webkit-background-size: cover;
  background-size: cover;
	-moz-transition: opacity 0.6s ease;
	-o-transition: opacity 0.6s ease;
	-webkit-transition: opacity 0.6s ease;
	transition: opacity 0.6s ease
}
#contents .companySection section:hover {
  opacity: 0.65;
}
#contents .companySection section:first-of-type {
  margin-top: 0;
}
#contents .companySection section.message {

}
#contents .companySection section.sense {
  color: #FFF;

}
#contents .companySection section.logoStory {

}
#contents .companySection section h1 {
  color: inherit;
  position: absolute;
  top: 43%;
  top: calc(50% - 1em);
  left: 20px;
  font-size: 143%;
  font-weight: bold;
}
#contents .companySection section h1 span {
  display: block;
  font-size: 60%;
  font-weight: normal;
}
#contents .companySection section a {
  color: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-decoration: none;
}
/*----*/
#contents .serviceSection {

}
@media all and (-ms-high-contrast: none) {
#contents .serviceSection {

}
}
#contents .serviceSection .innerContent,
#contents .recruitSection .innerContent {
  padding: 0;
}
#contents .serviceSection section,
#contents .recruitSection section {
  padding: 45px 25px;
}
#contents .serviceSection h1,
#contents .recruitSection h1 {
  color: inherit;
  font-size: 273%;
}
#contents .serviceSection h1 span,
#contents .recruitSection h1 span {
  display: block;
  margin-bottom: 10px;
  font-size: 40%;
  font-weight: normal;
}
#contents .serviceSection h2,
#contents .recruitSection h2 {
  margin-bottom: 25px;
  font-size: 140%;
}
#contents .serviceSection .btn a,
#contents .recruitSection .btn a {
  color: #FFF;
  display: block;
  padding: 10px 0;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background: #00A0E9;
}
/*----*/
#contents .recruitSection {

}
@media all and (-ms-high-contrast: none) {
#contents .recruitSection {

}
}
/*----*/
#contents .irSection section,
#contents .csrSection section {
  padding: 45px 15px;
}
#contents .irSection h1,
#contents .csrSection h1 {
  color: inherit;
  margin-bottom: 15px;
  font-size: 273%;
  line-height: 1.3;
}
#contents .irSection h1 span,
#contents .csrSection h1 span {
  display: block;
  margin-bottom: 10px;
  font-size: 40%;
  font-weight: normal;
}
#contents .irSection h1 + h2,
#contents .csrSection h1 + h2 {
  font-weight: normal;
}
#contents .irSection section .image,
#contents .irSection section .txt,
#contents .csrSection section .image,
#contents .csrSection section .txt {
  margin-bottom: 10px;
}
#contents .irSection section .txt,
#contents .csrSection section .txt {
  font-size: 120%;
  font-weight: bold;
}
#contents .irSection section .txt span,
#contents .csrSection section .txt span {
  display: block;
  padding-left: 24px;
  font-size: 70%;
  font-weight: normal;
}
/*----*/
.iconArrow01 {
  color: inherit;
}
.iconArrow01:before {
  color: #FFF;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  margin-bottom: 0.2em;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #FFF;

  background-size: 4px 6px;
}
@media screen and (min-width: 768px), print {

  #contents .keyv .logo img {
    max-width: 100%;
    height: auto;
  }

  #contents .keyv .lead h1 {
    margin-bottom: 25px;
    font-size: 40px;
    line-height: 1.3;
    letter-spacing: 5px;
  }

  #contents .innerContent {

  }
  #contents .innerContent:after {
    display:block;
    clear:both;
    content:"";
  }
  #contents .companySection .innerContent {
    margin-bottom: 0;
  }
  /*----*/
  #contents .irSection section,
  #contents .csrSection section {
    padding: 0;
  }
  #contents .irSection section ul:after,
  #contents .csrSection section ul:after {
    display:block;
    clear:both;
    content:"";
  }
  #contents .irSection section li,
  #contents .csrSection section li {
    float: left;
  	width: 49%;
    padding-left: 1%;
  }
  #contents .irSection section li:first-child,
  #contents .csrSection section li:first-child {
    padding-right: 1%;
    padding-left: 0;
  }
  #contents .irSection section .txt,
  #contents .csrSection section .txt {
    font-size: 143%;
  }
  #contents .irSection section .txt span,
  #contents .csrSection section .txt span {
    display: inline-block;
    padding-left: 20px;
  }
  #contents .irSection section .image,
  #contents .csrSection section .image {
    margin-bottom: 25px;
  }
}

@media screen and (min-width: 1024px), print {
.mod-release .btn {

	right: 40px;
}

#contents #top-release .mod-release dl {
  padding: 15px 12px 15px 0;
}
#contents #top-release .col2-a,
#contents #top-release .col2-b {
  display: table-cell;
  width: 50%;
  margin: 0;
  padding: 35px 40px;
}
#contents #top-release .col2-a {
  border-right: 10px solid #F5F5F5;
}
#contents #top-release .col2-b {
  border-left: 10px solid #F5F5F5;
}
/*----*/
#contents .companySection section {
  float: left;
  width: 32%;
  height: 452px;
  margin-top: 0;
  padding-top: 60px;
  text-align: center;
  background: no-repeat 50% 100%;
  background-size: cover;
  -webkit-background-size: cover;
}
#contents .companySection section.message {

}
#contents .companySection section.sense {
  margin: 0 2%;

}
#contents .companySection section.logoStory {

}
#contents .companySection section h1 {
  color: inherit;
  position: absolute;
  top: 60px;
  left: auto;
  width: 100%;
  font-size: 157%;
  font-weight: bold;
  text-align: center;
}
#contents .companySection section h1 span {
  padding-top: 10px;
  font-size: 63%;
}
/*----*/
#contents .serviceSection section,
#contents .recruitSection section {
  max-width: 423px;
  min-height: 375px;
  padding: 65px 0;
}
#contents .recruitSection section {
  padding-left: 56%;
}
#contents .serviceSection h2 span,
#contents .recruitSection h2 span {
  display: block;
}
#contents .serviceSection .btn a,
#contents .recruitSection .btn a {
  color: #FFF;
  display: inline-block;
  width: 160px;
  padding: 0;
  line-height: 50px;
}
#contents .serviceSection .btn a:hover,
#contents .recruitSection .btn a:hover {
  background-color: #4cbcf0;
}
}

#sponsorarea img {
	margin-bottom:1rem;
}

.img-70 {
    max-width: 70%;
    height: auto;
}
#contents #sponsorarea h3 {
    font-size: 1.0rem;
	margin-top:1rem;
	margin-bottom:1.5rem;

}

#contents #sign {
	padding:50px 0 18px 0;
 background-color:#FFF;
	    border-top: 1px solid #dee2e6;
	 border-bottom: 1px solid #dee2e6;
}
#contents #sign h2 {
    font-size: 1.5rem;
	margin-bottom: 10px;
	line-height:1.5;
	/* font-weight:800; */
}

/*
@font-face {
  font-family: "D7MBI";
  src: url("fonts/DSEG7Modern-BoldItalic.woff") format('woff');
}
#TimeLeft{
    font-family: "D7MBI" !important;
}
*/
#coutndown{
	padding:20px 0 3px 0;
	/* text-align: center; */
	background: #FBEB27;
	vertical-align:  middle!important;
}
#honoluluHead p img{
	width: 100%;
	height: auto;
}



#bannerArea .row img{
	width: 100%;
	height: auto;
}
#bannerArea .row a h4{
	font-size: 100%;
	margin: 14px 0 10px;
}
#bannerArea .row a p{
	margin: 0 0 24px;
	font-size:90%;
}
#sendMessageButton{
	background: #F5A623;
	border-color: #F5A623;
	color:white;
}
#honoluluHead{
	position: relative;
}
#marathonView{
	position: absolute;
	top:80px;
	right: 30px;
	padding-left: 149px;
	background: #fff url(images/honoluluHead02_mark.png) no-repeat;
	height: 197px;
	width: 404px;
}
#marathonView p:first-of-type{
	font-size: 138%;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	line-height: 1.3;
	font-weight: bold;
}
#marathonView p:nth-of-type(2){
	font-size: 98%;
		margin-bottom: 0.5rem;

}
#marathonView p:nth-of-type(3){
background: #F5A623;
    font-size: 13px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 30px;
    width: 130px;
    height: 45px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 0;
}
#mvbox {
	width: 100%;
	height: auto;
}


/* .entrybtn a, .entrybtn a:link, .entrybtn a:link:hover {
	color:#ddd;
	background:#666;
	opacity:0.4;
	cursor:default;
} */

.entrybtn a{
	transition:background 0.3s;
}
.entrybtn a:link{
	background:#F5A623;
}
.entrybtn a:hover{
	background:#000;
}


.movieBefore{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#fff url(../images/moviebefore2020.jpg) no-repeat center center;
	background-size:cover;
	z-index:3;
}


.fm_back, .tenk_back, .mm_back{
	padding-top:0rem;
	transition:opacity 0.4s;
}
.fm_back a, .tenk_back a, .mm_back a{
	color:#fff;
	display:block;
	width:100%;
	height:100%;
	padding-top:7rem;
	padding-bottom:1rem;
	text-align:center;
}
.fm_back:hover, .tenk_back:hover, .mm_back:hover{
		opacity:0.6;
}
@media screen and (max-width: 930px){
	.movieBefore{
	background:#fff url(../images/moviebefore2020.jpg) no-repeat center center;
		background-size: cover;
	}
}
@media screen and (min-width: 1024px){
	#marathon_category #top-release .col2-b {
    	border-left: 10px solid #Ffffff;
	}

}

#pageTop{
	display:none;
	opacity:0;
}

#race_table .entrytable .productNo th, #race_table .entrytable .productNo td{
	background:#eee;
	text-align:center;
}
/* 青色 */
#runner-entry-hm-20over #race_table .entrytable .productNo th, #runner-entry-hm-20over #race_table .entrytable .productNo td{
	background:#001965;
	color:#fff;
}
 #race_table.priceA .entrytable .productNo th, #race_table.priceA .entrytable .productNo td{
	background:#001965;
	color:#fff;
}
#runner-entry-hm-20under #race_table .entrytable .productNo th, #runner-entry-hm-20under #race_table .entrytable .productNo td{
	background:#001965;
	color:#fff;
}


/* 緑色 */
#runner-entry-sp10-20over #race_table .entrytable .productNo th, #runner-entry-sp10-20over #race_table .entrytable .productNo td{
	background:#80BF54;
	color:#fff;
}
#runner-entry-sp10-20under #race_table .entrytable .productNo th, #runner-entry-sp10-20under #race_table .entrytable .productNo td{
	background:#80BF54;
	color:#fff;
}
#race_table.priceB .entrytable .productNo th, #race_table.priceB .entrytable .productNo td{
	background:#80BF54;
	color:#fff;
}

/* オレンジ色 */
#runner-entry-km-20over #race_table .entrytable .productNo th, #runner-entry-km-20over #race_table .entrytable .productNo td{
	background:#F8BF3C;
	color:#fff;
}
#runner-entry-km-20under #race_table .entrytable .productNo th, #runner-entry-km-20under #race_table .entrytable .productNo td{
	background:#F8BF3C;
	color:#fff;
}
#race_table.priceC .entrytable .productNo th, #race_table.priceC .entrytable .productNo td{
	background:#F8BF3C;
	color:#fff;
}
/* 水色 */
#race_table.priceD .entrytable .productNo th, #race_table.priceD .entrytable .productNo td{
	background:#57B3E3;
	color:#fff;
}

#hmweek img{
	background-color:transparent !important;
}

#race_table .entrytable table.basic{
	margin-bottom:2rem;
}
@media screen and (max-width: 576px){
	#race_table table.basic.entrytable th{
		padding:10px 0 5px !important;
	}
	#race_table table.basic.entrytable td{
		padding:0 0 10px !important;
	}
	#team_table table td{
		padding:16px;
	}
	.pconly{
	  display: none;
	}
	.sponly{
		display:block;
		width:100%;
	}
	.sponlyBr{
		display:inline;
	}
	.page_contents_area h3{
		font-size:140%;
	}
		.newsSection .panel .all{
		top:61px;
	}

/* トップに戻る */
#pageTop {
	opacity:1;
	display:block;
  position: fixed;
  bottom: 20px;
  right: 20px;
	z-index:99999;
}
#pageTop i {
  padding-top: 0px
}
#pageTop a {
  display: block;
  z-index: 999;
  padding: 4px 0 0 0px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #f5a623;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
/* ↑↑↑  トップに戻る */

}

#attention .attentionContents ul{
	list-style:disc;
	margin-left:1.5rem;
	/* margin-bottom:3rem; */
}
#attention .attentionContents .attentionbus{
	list-style:none;
	margin-left:0;
}
#attention .attentionContents li{
	margin-bottom:0.5rem;
	color:#333;
}

/* ホノルルマラソンウィーク */

#hmweek th{
	width:253px;
	background:#eee;
	text-align:center;
	padding:1rem 0;
	vertical-align:middle;
	border-bottom:1px solid #ddd;
	border-right:1px dotted #ddd;
}
#hmweek td{
	padding:20px 0 20px 0;
	text-align:center;
	border-right:1px dotted #ddd;
	border-bottom:1px dotted #ddd;
	border-left:1px dotted #ddd;
	vertical-align:middle;
}
#hmweek .pconly table td a{
	box-sizing:border-box;
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	padding:1rem 0;
	transition:opacity 0.34s;
}
#hmweek .pconly table a:hover{
	opacity:0.6;
	text-decoration:none;
}
#hmweek #race_table table td{
	padding:1rem 0 !important;
	/*line-height:3;*/
	border-left: 1px dotted #ddd;
	width: 300px;
}

#hmweek #race_table table td a{
	color: #fff !important;
}

#hmweek table img{
	width:60%;
	height:auto;
}
#race_table table.basic.eventphoto th,#race_table table.basic.eventphoto td{
	padding:10px;
}

#hm-entryflow .flow-month{
	background-color:#022169;
}
#hm-entryflow .flow-content .flow-box .flow-month:after{
	border-color:#022169 transparent transparent transparent;
}
#mm-entryflow .flow-month{
	background-color:#FEC72B;
}
#mm-entryflow .flow-content .flow-box .flow-month:after{
	border-color:#FEC72B transparent transparent transparent;
}
.hm10k-entryflow .flow-month{
	background-color:#7ebe42;
}
.hm10k-entryflow .flow-content .flow-box .flow-month:after{
	border-color:#7ebe42 transparent transparent transparent;
}

.entrypricelink li{
	line-height:2;
}

span.officenews{
	font-size:10px;
	background:#4682B4;
	color:white;
	padding:6px;
	margin-left:0.8rem;
}
span.sponsornews{
	font-size:10px;
	background:#CC0000;
	color:white;
	padding:6px;
	margin-left:0.8rem;
}
span.real_event{
	font-size:10px;
	background:#00AE95;
	color:white;
	padding:6px;
	margin-left:0.8rem;
}

span.hm21vbf{
	font-size:10px;
	background:#ED4520;
	color:white;
	padding:6px;
	margin-left:0.8rem;
}

@media screen and (max-width: 576px){
span.officenews{
	margin-left:0;
}
span.sponsornews{
	margin-left:0;
}

}

#vbf_1{
	background-image: url(../imges/2020 HM Virtual Beachfest logoDEC2020.png) no-repeat;
	background-image: url(https://www.honolulumarathon.jp/2021/wp-content/uploads/2018/02/Honolulu-Marathon.png);
	background-image: url(../images/logo_hori2022.svg) !important;
	background-position:100% 0%;;
	background-size:cover;
	height:100%;
}
#vbf_2{
	/*background-image: url(../imges/vbf_2.png) no-repeat;*/
	background-image: url(https://www.honolulumarathon.jp/2021/wp-content/uploads/2021/04/vbf_2.png);
	background-position:100% 0%;;
	background-size:cover;
	height:100%;
}
#vbf_3{
	/*background-image: url(../imges/vbf_3.png) no-repeat;*/
	background-image: url(https://www.honolulumarathon.jp/2021/wp-content/uploads/2021/04/vbf_3.png);
	background-position:100% 0%;;
	background-size:cover;
	height:100%;
}

/* ツアー情報 */
.sow-tabs .sow-tabs-panel-container .sow-tabs-panel{
	padding:20px 20px 20px 18px !important;
}

.sow-tabs-panel-content table{
	margin-bottom:20px;
}
.sow-tabs-panel-content table:last-of-type{
	margin-bottom:0px;
}

.sow-tabs-panel-content table td:nth-of-type(2){
	padding-left:20px;
}

.sow-tabs-panel-content table td h3{
	margin-top:0px;
	line-height:1;
}

@media screen and (max-width: 1010px){
	.sow-tabs-panel-content table td{
		width:100%;
		display:block;
	}
	.sow-tabs-panel-content table td img{
		width:100% !important;
		height:auto;
	}
	.sow-tabs-panel-content table td:nth-of-type(2){
	padding-top:10px;
		padding-left:0;
}
	.sow-tabs-panel-content table td h3{
	font-size:150%;
}
}
.nonmouse{
	opacity:0.3;
	pointer-events: none;
}
@media screen and (max-width: 767px){
	#sub-nav{
		display:none;
	}

	header #site-logo a {
	    background-image: url(../images/logo_hori2022.svg) !important;
	    height: 104px !important;
	    background-position: center !important;
	    width: 60% !important;
	    background-size: 90% auto !important;
	    background-repeat: no-repeat;
	}

	footer .btm-nav li {
/* 		width: 32% !important; */
	}
	footer .float-right li {
		float: left;
		width: 40px !important;
	}

	.icon_gp{
		float: none !important;
	}
	#hmweek #race_table table td a br:first-child{
		display: none;
	}
	#sticker_header {
		position: relative;
		top: 0;
		z-index: 10000;
		width: 100%;
		background-color: white;
	}
	#contents {
		margin-top:  0px;
	}
	.slideshow_container {
		margin-top:  0px !important;
	}
	.center-banner {
		margin: 70px 0px;
	}

}