@charset "utf-8";
input,textarea {
  -webkit-appearance: none;
}
.nav-local-06__logo{
	color:  #fff!important;
	font-weight: bold;
	padding: 0 0 0 30px;
}
.title strong{
	line-height: 1.5;
}
@media (min-width: 661px){
  .nav-local-06 .is-desktop-sublist ul {
  	margin: 0
  }
}
.drop_menu{
	border:solid 2px #dc1e37;
}
.drop_menu dt{
	color:#dc1e37;
	padding: 10px 20px;
	font-size: 17px;
	cursor: pointer;
	position: relative;
}
.drop_menu dt:after{
	content:"";
	display: block;
	width:16px;
	height:16px;
	background:url(../../img/icon_arrow-open.png) no-repeat center center /100%;
	position: absolute;
	right:20px;
	top:50%;
	margin: -8px 0 0 0;
}
.drop_menu dt.active:after{
	background:url(../../img/icon_arrow-close.png) no-repeat center center /100%;
}
.drop_menu dt.upArrow.active:after{
	transform: rotate(180deg);
}
.drop_menu dt.active{
	color:#fff;
	background: #dc1e37;
}
#quick .drop_menu dd label{
	width:100%;
	padding: 8px 20px;
	font-size: 16px;
	border:none;
	display: block;
	border-top:solid 1px #ddd;
	margin: 0;
}
#quick .drop_menu dd{
	display: none;
}
#quick .drop_menu dd.slideDown{
	display: block;
	position: relative;
	z-index: 5;
}
#quick .drop_menu dd label:hover{
	background-color: #ddd;
}

.fadein{
	opacity: 0;
	margin: 50px 0 0 0;
}
.fadein.active{
	opacity: 0.5;
	margin: 50px 0 0 0;
}
#acticon05 figcaption {
    background: url(/assets/img/icon/icon_window_01.png) no-repeat 0 .4em;
    display: inline-block;
    padding: 0 0 4px 20px;
    vertical-align: middle;
}
.no_border{
	border:none!important;
}
#size,#light,#kanren,
#select-contents .box-section-01{
	padding-top:60px;
	margin-top:-60px;
}

#layout{
	border-top:solid 2px #ccc;
	padding: 40px 0 0 0;
}

/*#quick label{
	background: #eee;
	width:48%;
	display: inline-block;
	margin: 0 1% 15px 0;
	line-height: 2;
	padding: 30px;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	border-radius:10px;
	font-size: 17px;
}*/

#quick label{
  width:100%;
  display: inline-block;
  margin: 0 1% 15px 0;
  background-color:#fff;
  border:2px solid #dc1e37;
  box-sizing:border-box;
  color:#dc1e37;
  font-size: 17px;
  padding:10px 20px;
}


.reset{
	margin: 0 auto;
	width:200px;
}
.submit{
	margin: 0 auto 20px;
	max-width:500px;
	width:100%;
	position: relative;
}

#quick input[type="reset"]{
	background: #ddd;
	border:none;
}

#quick input[type="radio"]{
	display: none;
}
#quick input[type="radio"]:checked + label{
	background: #dc1e37;
	color: #fff;
}
#quick input[type="radio"]:disabled + label{
	display: none;
}
.hdg-level1-01-container.pr210{
	padding-right: 0;
}
.q_b,.q_c,.q_d{
	display: none;
	margin:  40px 0 0 0;
}
#layout{
	margin:  60px 0 60px 0;
}
.activate .q_b,.activate  .q_c,.activate .q_d{
	display: block;
}
.icon_arrow {
    margin: -4px 4px 0 0;
    color: #fff;
    z-index: 5;
    font-family: "ymr_fonts";
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 19px;
    left: 97px;
}
.icon_arrow:before {
    content: "\f103";
}
/* 表示コンテンツの振り分け */
.list-accordion-01 > li{
 display: none;
}

/* code_a */
.code_a .nav01{
	display: block;
}

/* code_b */
.code_b .nav01,
.code_b .nav04{
	display: block;
}

/* code_c */
.code_c .nav01,
.code_c .nav02,
.code_c .nav03,
.code_c .nav04{
	display: block;
}

/* code_d */
.code_d .nav01,
.code_d .nav02,
.code_d .nav04{
	display: block;
}

/* code_e */
.code_e .nav01,
.code_e .nav02{
	display: block;
}

/* code_f */
.code_f .nav01,
.code_f .nav02,
.code_f .nav03a,
.code_f .nav04{
	display: block;
}

.btn01{
	width:50%;
	display:  block!important;
}
.btn02{
	width:25%;
	display:  block!important;
}
.btn03{
	width:100%;
	display:  block!important;
}
@media screen and (max-width:640px) {
/*#quick label{
	background: #eee;
	width:100%;
	display: inline-block;
	margin: 0 1% 15px 0;
	line-height: 2;
	padding: 30px;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	border-radius:10px;
	font-size: 14px;
}*/
#quick label{
  display: inline-block;
  margin-bottom: 10px;
  line-height: 2;
  padding: 30px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  margin: 0 1% 15px 0;
}
.icon_arrow{
	left:10px;
}
.btn01{
	width:100%;
	display:  block!important;
}
.btn02{
	width:100%;
	display:  block!important;
}
#page_nav a p{
	font-size: 14px;
}
}


.driving_information_btn .lyt-column-01.col-3 .column a{
  height: 75px;
}