@charset "utf-8";

/* メニューボタン
------------------------------*/
#og15380 #navMenu {
width:1000px;
}
#og15380 #navMenu li {
width:20%;
}
@media screen and (max-width: 767px) {
	#og15380 #navMenu {
	width:100%;
	}
}



/* 交通費補助
------------------------------*/
#con06.contentsColumn {
background: url(/event/taisyuku/img/line_2.png) repeat-x center top;
}
#con06.contentsColumn h3 {
background: url(/event/taisyuku/img/sub_t_special1.png) no-repeat center top;
height: 60px;
margin-bottom: 30px;
}
#con06.contentsColumn .inner {
width:1000px;
margin:0 auto;
padding:0 20px;
}
#con06.contentsColumn .intoroTxt {
background:url(/event/taisyuku/img/koutsuhi.png) no-repeat right top;
background-size:200px auto;
padding-right:220px;
width:800px;
margin:0 auto 1em;
box-sizing:border-box;
}
#con06.contentsColumn .intoroTxt .ttl_p {
color: #FF6600;
font-weight:bold;
font-size:1.2em;
}

#con06.contentsColumn .hojokinPref {
background:#FFF;
padding:1em 2em;
border-radius:10px;
margin-bottom:1em;
}
#con06.contentsColumn .hojokinPref h4 {
text-align:center;
margin-bottom:1em;
color:#F68B28;
font-size:20px;
line-height: 30px
}
#con06.contentsColumn .hojokinPref h4 img {
display:inline-block;
margin-right:0.2em;
}
#con06.contentsColumn .hojokinPref table {
width:100%;
}
#con06.contentsColumn .hojokinPref table th,
#con06.contentsColumn .hojokinPref table td {
vertical-align: middle;
border-top:#DDD dotted 1px;
padding:0.5em 1em;
}
#con06.contentsColumn .hojokinPref table th {
text-align:left;
font-weight:normal;
width:60%;
}
#con06.contentsColumn .hojokinPref table td {
color:#F68B28;
font-weight:bold;
}

#con06.contentsColumn .chuijikou {
background:#FFF;
padding:1em 2em;
border-radius:10px;
}
#con06.contentsColumn .chuijikou h4 {
text-align:center;
margin-bottom:1em;
color:#F52800;
font-size:20px;
line-height: 30px
}
#con06.contentsColumn .chuijikou h4 img {
display:inline-block;
margin-right:0.2em;
}
#con06.contentsColumn .chuijikou ul.koutsuhi_chushaku li {
position:relative;
padding-left:1.2em;
margin-bottom:0.3em;
line-height: 1.5em;
}
#con06.contentsColumn .chuijikou ul.koutsuhi_chushaku > li::before {
content:'※';
display: block;
position: absolute;
left:0; top;
}
@media screen and (max-width: 767px) {
	#con06.contentsColumn h3 {
	padding-top:0;
	}
	#con06.contentsColumn .intoroTxt {
	width:auto;
	padding:0 3%;
	background-position: 60vw 0;
	}
	#con06.contentsColumn .inner {
	width:inherit;
	padding: 0 3%;
	}
	
	#con06.contentsColumn .hojokinPref,
	#con06.contentsColumn .chuijikou {
	padding:1em 0.5em;
	}
	#con06.contentsColumn .hojokinPref table th,
	#con06.contentsColumn .hojokinPref table td {
	vertical-align: middle;
	border-top:#DDD dotted 1px;
	padding:0.5em;
	}
	#con06.contentsColumn .hojokinPref table th {
	width:70%;
	}
}



/* 問合せ
------------------------------*/
/* 追加 */
.toiawase .infoBox {
display:flex;
max-width:600px;
margin:1em auto;
}
.toiawase .infoBox :is(.telBox,.shoplink) {
box-sizing:border-box;
}
.toiawase .infoBox .telBox {
background: url(/files/img/common/icon_tel_03.png) no-repeat left center;
background-size:40px auto;
padding-left:50px;
}
.toiawase .infoBox .telBox a {
color:#F8450B;
font-weight:bold;
font-size:200%;
text-decoration:none;
width:-moz-fit-content;
width:fit-content;
text-align:left;
width:10em;
}
.toiawase .infoBox .shoplink {
width:40%;
}
.toiawase .infoBox .shoplink a {
border:#333 solid 2px;
text-decoration:none;
font-weight:bold;
color:#333;
width:-moz-fit-content;
width:fit-content;
padding:0.4em 1em;
border-radius:8px;
position:relative;
transition: background 300ms ease;
}
.toiawase .infoBox .shoplink a:hover,
.toiawase .infoBox .shoplink a:active {
color:#FFF;
background: #333;
}
@media(min-width: 768px){
	.toiawase .infoBox .telBox a[href^="tel:"]{
	pointer-events: none;
	}
}
@media(max-width: 767px){
	.toiawase .infoBox {
	display:block;
	}
	.toiawase .infoBox :is(.telBox,.shoplink) {
	width:100%;
	padding:10px 0;
	}
	.toiawase .infoBox :is(.telBox,.shoplink) a {
	text-align:center;
	margin:0 auto;
	}
	.toiawase .infoBox .telBox a {
	width:11em;
	}
}








