/* GLOBAL STYLES
-------------------------------------------------- */
body, h1, h2, h3, h4, h5, h6, ul, ol, dl, dt, dd, form, fieldset {
  margin: 0;
  padding: 0;
}
ul,dl{
  list-style: none;
}
body {
  color: #fff;
}
img{
  width:100%;
  max-width:100%;
}
a img:hover {
	opacity: 0.7 ;
  transition: 0.3s;
}
.jumbotron{
  background-color: none;
  line-height: 1.4;
}
.pc_area{
  display:block;
}
.sp_area{
  display:none;
}
@media screen and (max-width: 1920px){
  .pc_area{
    display:none;
  }
  .sp_area{
    display:block;
  }
}

h1{
  color: #6CCFCE;
  font-weight: 900;
  height:100%;
  padding-bottom:1rem;
  font-size:1.8rem;
}

h1 span{
  color: #FCCF00;
  font-size: 1.4em;
}

.h1_lead{
  font-size:1.2rem;
  line-height:1.6rem;
}

.tenponame{
  background-image:url("../img/common/tenponame_background.png");
  height:100%;
  background-repeat:no-repeat;
  background-position:right bottom;
  margin-bottom:2rem;
}

@media screen and (max-width: 1920px){
.tenponame{
  background-position:left bottom;
  }
}

h2{
  color: #6CCFCE;
  font-weight: 900;
  height:100%;
  padding-bottom:1rem;
}

h2 span{
  color: #FBCC1B;
  font-size: 1.2em;
}

.contentstitle{
    width:100%;
    background-image: url("../img/common/title_backimg.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    margin-bottom:2rem;
}

.subtilte{
    width:100%;
    background-image: url("../img/common/subtitle_backimg.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    margin-bottom:2rem;
}


.contents_block{
    margin:0px;
    padding:0px;
    background-color:rgba(0,0,0,0.8);
    border:1px solid #2A8388;
}

.f-yellow{
  color:#FBCC1B;
}

.f-aqua{
  color:#6CCFCE;
}

.f-bold{
  font-weight:bold;
}

hr{
  border-top: 3px dashed #6CCFCE;
}

.breadcrumb{

  padding: 2rem 1rem;
  margin:0;
  padding: 0 0 2rem 0;
  
  list-style: none;
  background-color:transparent;

}

.breadcrumb li {
  display: inline;/*���ɕ��Ԃ悤��*/
  list-style: none;
}

.breadcrumb li:after {/* >��\��*/
  content: '>';
  padding: 0 0.2em;
  color: #fff;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #ffffff;/*�F*/
}

.breadcrumb li a:hover {
  text-decoration: underline;
  transition: 0.3s;
}
.linkBtn {
  max-width:300px;
  height:60px;
  overflow: hidden;
  border: 6px double #2A8388;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 0.25rem;
}

.linkBtn a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 45px;
  color: #fff;
  text-align: center;
  background-color: #2A8388;
  text-decoration: none;
  position: relative;
  z-index: 2;
}

.linkBtn a span{
  font-weight: 550;
}

.linkBtn a:before {
  content: '';
  position: absolute;
  top: 0;
  width: 120%;
  height: 100%;
  z-index: -1;
  background-color: rgba(0,0,0,0.5);
  transition: all 300ms linear;
  transform: skewX(-30deg) scale(0, 1);
}
.linkBtn a:hover {
  color: #FBCC1B;
}
.linkBtn a:hover:before {
  left: -10%;
  transform: skewX(-30deg) scale(1, 1);
}

.btn_detail{
    color: #1C2B2A;
    font-weight:900;
    background-color: #6CCECD;
    border-color: #6CCECD;
    padding:6px 10px;
    border-radius:5px;
}

.btn_detail:hover{
    color: #1C2B2A;
    background-color: #FCCC1E;
    border-color: #FCCC1E;
    text-decoration: none;
}
.corona_taiou{
  border: solid #ED004E 3px;
  padding:5px;
  margin-right: 0px;
  margin-left: 0px;
}

.corona_taiou .col-sm-9{
    padding:1rem;
    background-color:#ED004E;
    font-size:1.5rem;
    font-weight:900;
    text-align:center;
}

.corona_taiou .col-sm-3{
    padding:1rem;
    background-color:#ffffff;
    font-size:1.5rem;
    font-weight:900;
    color:#2A8388;
    text-align:center;
}

.eigyo_info{
    font-size:1.2rem;
    font-weight:900;
    padding:5px;
    border: solid #007BFF 3px;
}

.eigyo_info h2{
    background-color:#007BFF;
    color:#FFFFFF;
    text-align:center;
    padding:0.5rem;
}

.eigyo_info dl{
    background-color:#FFFFFF;
    color:#212121;
    width:80%;
    margin:0 auto;

}

.eigyo_info dt{
  font-size:1.5rem;
  font-weight:900;
  color:#1636BF;
  float: left;
  }

.eigyo_info dd{
    padding-bottom:1rem;
    line-height:2rem;
    margin-left:200px;
    }


.eigyo_info dd span{
    font-size:1rem;
    color:#212121;
    padding:0.5rem;
    margin-right:0.5rem;
    border: solid #212121 1px;
    border-radius:10px;
}

.eigyo_info p{
font-size:2rem;
text-align:center;
padding-top:1rem;
color:#1636BF;
}

.eigyo_info div{
    background-color:#FFFFFF;
    color:#212121;
    text-align:left;
}

@media screen and (max-width: 1920px){
	.eigyo_info dt{
		float: none;
	}
	.eigyo_info dd{
    margin-left:10px;
    }
}

.eigyo_info div th{
color:#1636BF;
padding-left:2em;
padding-bottom:1rem;
vertical-align:top;
width:30%;

}

.eigyo_info div td{
border-bottom:solid 1px #212121;
vertical-align:top;
padding-bottom:1rem;
}

.zeromitsu{
margin-right:0px;
margin-left:0px;
    background-color:rgba(0,0,0,0.8);
}

.zeromitsu iframe{
    padding-top:30px;
    width:100%;
    height:300px;
}

@media screen and (max-width: 1920px){
  .zeromitsu iframe{
    padding-top:0px;
  }
}

.zeromitsu dt{
font-size:1.8rem;
}

.zeromitsu dd{
font-size:1.3rem;
}

.zeromitsu dt{
    color:#FBCC1B;
    }

.zeromitsu dt span{
    font-size:2.3rem;
    color:white;
}

.zeromitsu .linkBtn{
    margin-top:1.5rem;
    margin-bottom:1.5rem;
}


.wankara_point img{
max-width:500px;
}

.wankara_point .col-md-4{
margin-bottom:1.5rem;
}

.guide_obj{
  max-width: 960px;
  margin: 0 auto;
}

.video_body{
  width:100%;
  }

.info_body .col-md-4{
  margin-bottom:1.5rem;
}

.info_body img{
  max-width:500px;
}


.tenpoinfo .col-md-6{
    padding-top:1rem;
    padding-bottom:1rem;
    }
    
.tenpoinfo_body{
    padding:2rem;
}

.tenpoinfo_body a{
  color:#ffffff;
  font-weight:bold;
}


.tenpoinfo_body dt{
    border-bottom:1px dotted #2A8388;
    padding-bottom:1rem;
    padding-top:1rem;
    color:#6CCECD;
}

.tenpoinfo_body dd{
    border-bottom:1px dotted #2A8388;
    padding-bottom:1rem;
    padding-top:1rem;
    }

@media screen and (max-width: 1920px){
	.tenpoinfo_body dt{
    border-bottom:none;
    padding-bottom:0;
    padding-top:1rem;
	}

	.tenpoinfo_body dd{
    padding-top:0;
	}
}

.tenpo_photo{
    padding:1rem 2rem;
}
    
.tenpo_photo img{
padding:3px;
border:3px solid #2A8388;
margin-bottom:2rem;
}

.tenpo_photo a img:hover {
	opacity: 0.5 ;
}

.tenpo_campaign_body{
border:1px solid #2A8388;
height:100%;
background-image:url("../img/common/campaign_background.png");
padding:0.5rem;
}

.tenpo_campaign_body dl{
background-color:rgba(0,0,0,0.6);
height:100%;
padding:1rem;
}

.tenpo_campaign_body dt{
color:#FCCC1E;
font-size:1.5rem;
}

.tenpo_campaign_body dd{
margin-top:1rem;
}

.charge_block .col-md-4{
margin-bottom:2rem;

}

.charge-body{
margin:1rem;
}

.charge-body dd{
  font-size:2.0rem;
  color:#6CCFCE;
  font-weight:900;
  margin-bottom:1rem;
  border-bottom:1px dotted #6CCFCE;
}

.charge{
  border:3px solid rgba(42,131,136, 0.6);
  background-color:rgba(0, 0, 0, 0.7);
  height:100%;
}

.charge-header{
  background-color: rgba(42,131,136,0.6);
  border-bottom: 1px solid rgba(255, 255, 255, 0.125);
}

.charge-header h3{
padding-top:0.5rem;
padding-bottom:0.5rem;
font-weight:900;
}

.charge-alert{
font-size:1.2rem;
}

.charge-body h4{
background-color: rgba(255,255,255, 0.2);
padding:5px 10px;
margin-bottom:10px;
}


.about_pit{
padding:2rem;
}

.about_pit h3{
font-size:2rem;
font-weight:bold;
color:#6CCFCE;
padding-bottom:2rem;
}

.about_cockpit{
padding:2rem 1rem;
}

.cockpit_tilte{
  color: #6CCFCE;
  font-weight: 900;
  height:100%;
  padding-bottom:1rem;
}

.title_headphone{
    width:100%;
    background-image: url("../img/whats1kara/title_headphone.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-bottom:1rem;
}

.title_mike{
    width:100%;
    background-image: url("../img/whats1kara/title_mike.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-bottom:1rem;
}

.title_mixer{
    width:100%;
    background-image: url("../img/whats1kara/title_mixer.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-bottom:1rem;
}


.cockpit_tilte{
  font-size:1.8em;
  padding-left:90px;
  padding-top:15px;
}

.about_cockpit .f-bold{
  font-size:1.6rem;
}

.about_cockpit .col-md-6{
margin-bottom:1.5rem;
padding-bottom:1.5rem;
}

.about_zone{
padding:2rem 1rem;
}

.about_zone h3{
font-size:1.6rem;
font-weight:bold;
color:#6CCFCE;
padding-bottom:1.5rem;
}

.about_zone .f-bold{
  font-size:2rem;
}

.wankara_guide{
padding:2rem 1rem;
}

.wankara_guide h3{
font-size:1.8rem;
font-weight:bold;
color:#6CCFCE;
padding:1rem 0 ;
}

.guide_arrow{
  padding:2rem 0;
}

.wankara_guide .col-md-6 img{
  margin:0 auto;
  }

.wankara_campaign{
padding:2rem 1rem;
}

.wankara_campaign h3{
font-size:1.8rem;
font-weight:bold;
color:#6CCFCE;
padding-bottom:0.5rem;
}

.campaign_body{
  margin-top:-5rem;
}

.boderline{
  padding-top:1rem;
  width:100%;
  height:1px;
  margin-bottom:1rem;
  border-bottom:1px dotted #6CCFCE;
  }

.wankara_faq{
padding:2rem;
}

.wankara_faq_block{
  margin-bottom:3rem;
}

.wankara_faq h3{
font-size:1.8rem;
font-weight:bold;
color:#6CCFCE;
padding-bottom:0.5rem;
}

.wankara_faq ul{
  margin-bottom:2.4rem;
  }
  
.wankara_faq li{
  text-indent:-1.6rem;
  padding-left:1.6rem;
  margin-bottom: 1rem;

  }

.wankara_faq .f-bold{
  font-size:1.5rem;
}

.ship_list_info{
  padding:3rem;
}

.ship_address{
  margin-bottom:2rem;
}

.ship_address dt{
  float:left;
  color:#6CCFCE;
  height:100%;
}

.ship_address dd{
  padding-left:8rem;
  border-bottom:1px dotted #6CCFCE;
  margin-bottom:2rem;
  padding-bottom:2rem;
}

.ship_list_body h2{
  color:#FBCC1B;
}

.ship_list_body .col-md-4{
  height:100%;
  margin-bottom:2rem;
}

.ship_list_link{
  margin:0px;
}

.ship_list_link .col-4{
margin-bottom:10px;
}
.ship_list_link .col-4{
  margin-bottom:10px;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  @media screen and (max-width: 520px){
  flex: 0 0 50%;
  max-width: 50%;
  }
}

.btn_ship_link{
  height:100%;
  border:1px solid #6CCFCE;
  background-color: rgba(42,131,136,0.3);
  padding:5px;
}

.btn_ship_link a{
  font-weight:bold;
  display:block;
  color:#ffffff;
  text-decoration:none;
    @media screen and (max-width: 360px){
    font-size:1.3rem;
    }
  }
  
.btn_ship_link:hover{
  background-color: rgba(251,204,27,0.3);
  border:1px solid #FBCC1B;
  }

.btn_ship_link span{
  color:#FBCC1B;
}

.lang_top_menu{
  margin-bottom:2rem;
}

.lang_top_menu img{
  max-width:330px;
  margin-bottom:1rem;
}

.lang_top_menu a img:hover{
  opacity: 0.5 ;
}


.contact_body{
  max-width:810px;
  margin:0 auto;
}

.input_body{
padding:2rem 1rem;
background-color: rgba(0,0,0,0.8);
}

.input_body li{
padding-top:1.5rem;
margin-bottom:1rem;
border-top:1px solid #6CCECD;
}

.input_body .label{
line-height:0;
}

.input_body .value span{
padding-left:1rem;
}

.input_body .value input{
margin-left:1rem;
padding-left:0.5rem;
}

.input_body .value textarea{
margin-left:1rem;
padding-left:0.5rem;
width:100%;
max-width:500px;
height:250px;
}

.input_body h3{
color:#6CCECD;
margin-bottom:2rem;
}

.input_body label{
font-weight:bold;
color:#FBCC1B
}

.input_body .notice{
font-size:0.8rem;
}

.form_btn{
margin-top:1rem;
display: flex;
flex-wrap: wrap;
}

.form_btn li{
margin-right:1rem;
margin-bottom:1rem;
}