@charset "utf-8";

/***************************************************
	kyototour.css
***************************************************/

#nav_kyoto {
	background: rgba(230,125,135,0.9)
}

/* index */
#topTxt {
	background: url(../img/kyototour/img_bg.png) no-repeat 0 0;
	width: 1020px;
	height: 300px;
	padding: 50px 50px 0 537px;
	font-size: 14px;
	line-height: 2.0;
	margin-top: 30px;
	margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
img.is_small{
  width:70%;
}
}


/* index.html
------------------------------------------------------------ */

#plan #contents {	margin-top: 30px;}

#detailArea { margin-bottom: 50px;}

#detailArea .photo {
	float: left;
	width: 570px;
	margin-left: 10px;
}
#detailArea .txtArea {
	float: right;
	width: 380px;
	margin-right: 10px;
}
#detailArea .catList { margin-top: 0px; width: auto;}
#detailArea .gourmet,#detailArea .alone,#detailArea .taxi,#detailArea .season,#detailArea .single,#detailArea .season,#detailArea .order { font-size: 12px;}
#detailArea .manth { padding: 1px 10px; font-size: 12px;}
#detailArea .txtArea p { line-height: 1.7;}
#detailArea .txtArea p span {
	font-size: 18px;
	color: #F00;
}

#detailArea .txtArea dl {
	padding: 0 8px;
	border: 1px solid #de8c96;
}
#detailArea .txtArea dt {
	float: left;
	padding: 15px 0;
	color: #de8c96;
}
#detailArea .txtArea dd {
	float: right;
	padding: 7px 0;
	color: #F00;
	font-size: 24px;
	text-align: right;
}
#detailArea .txtArea dd dfn { font-size: 12px;}
#detailArea .txtArea dd span {	font-size: 12px;}
#detailArea .txtArea ul.condition {	font-size: 12px;}

#detailArea .txtArea ul.condition li {
	padding: 10px 0;
	border-bottom: 1px dashed #e3dad3;
}


#shopArea { 
	margin-bottom: 35px;
	padding: 0 10px;
}
#shopArea .ttl04 {
	background: url(/img/kyototour/ico_ajimi.png) no-repeat 0 0;
}

#modelcaseeArea { 
	clear: both;
	margin-bottom: 35px;
	padding: 0 10px;
}
#modelcaseeArea .ttl04 {
	background: url(/img/kyototour/ico_model.png) no-repeat 0 0;
}
#modelcaseeArea table {
	width: 100%;
}
#modelcaseeArea tr:nth-child(odd) {background:#f5f5f5;}
#modelcaseeArea th {
	width: 30%;
	padding: 30px 15px;
	text-align: left;
  vertical-align: top;
}
#modelcaseeArea td {
	width: 70%;
	padding: 30px 15px;
  vertical-align: top;
}
#modelcaseeArea td span{
  display: block;
  marign: 5px 0 15px;
  border-bottom:1px solid #333;
  font-size:18px;
  font-weight: bold;
}
#modelcaseeArea p {
	padding: 15px 0 30px;
}

#scheduleArea { 
	clear: both;
	margin-bottom: 35px;
	padding: 0 10px;
}
#scheduleArea .ttl04 {
	background: url(/img/kyototour/ico_sch.png) no-repeat 0 0;
}
#scheduleArea table {
	width: 100%;
}
#scheduleArea tr:nth-child(odd) {background:#f5f5f5;}
#scheduleArea th {
	width: 16%;
	padding: 7px 10px;
	text-align: left;
}
#scheduleArea td {
	width: 84%;
	padding: 7px 0;
}



#optionArea { 
	clear: both;
	margin-bottom: 5px;
	padding: 0 10px;
}
#optionArea .ttl04 {
	background: url(/img/kyototour/ico_opt.png) no-repeat 0 0;
}
#optionArea p {
	padding: 0 0 30px;
}
#optionArea h4 {
	clear: both;
	font-size: 16px;
	padding: 15px 10px;
	background: #f5f5f5;
	font-weight: normal;
	margin-top:15px;
}
#optionArea h4 span {
	font-weight: bold;
}


#cancelArea { 
	margin-bottom: 35px;
	padding: 0 10px;
}
#cancelArea .ttl04 {
	background: url(/img/kyototour/ico_can.png) no-repeat 0 0;
}

#cancelArea table {
	width: 100%;
	font-size: 12px;
}
#cancelArea th {
	width: 16%;
	padding: 7px 10px;
	border: 1px solid #e3dad3;
	background:#f5f5f5;
	font-weight: normal;
	text-align: center;
}
#cancelArea td {
	padding: 20px 10px;
	border: 1px solid #e3dad3;
	text-align: center;
}
#applicationArea {	padding: 0 10px;}
#applicationArea .ttl04 {
	background: url(/img/kyototour/ico_for.png) no-repeat 0 0;
}

#lessonArea { 
	margin-bottom: 35px;
	padding: 0 10px;
}
#lessonArea .ttl04 {
	background: url(/img/kyototour/ico_lesson.png) no-repeat 0 0;
}
#lessonArea .mainPhoto {
	padding: 15px 0 50px 0;
	text-align: center;
}
#lessonArea h4 {
	clear: both;
	font-size: 18px;
	padding: 15px 10px;
	background: #f5f5f5;
	font-weight: normal;
}
#lessonArea .leftTxt {
	float: left;
	width: 520px;
	margin: 0 0 30px 10px
}
#lessonArea .rightPhoto {
	float: right;
	width: 420px;
	margin: 0 10px 30px 0;
}
#lessonArea .rightTxt {
	float: right;
	width: 520px;
	margin: 0 10px 30px 0;
}
#lessonArea .leftPhoto {
	float: left;
	width: 420px;
	margin: 0 0 30px 10px
}
#scheduleArea .txtUnder {
	font-size: 11px;
	padding: 5px 0 0 0;
}

.radio-800 span.wpcf7-list-item { display: block; }


.end {
	border: 5px solid #ffa19c;
	text-align: center;
	padding: 30px 0;
	font-size: 20px;
	color: #fe1d12;
	margin-bottom: 55px;
}


#priceArea { 
	margin-bottom: 35px;
	padding: 0 10px;
}
#priceArea .ttl04 {
	background: url(/img/kyototour/ico_can.png) no-repeat 0 0;
}

#priceArea table {
	width: 100%;
  margin-bottom: 40px;
	font-size: 12px;
}
#priceArea table caption{
  margin:10px 0 5px;
  text-align: left;
	font-size: 16px;
  font-weight: bold;
  
}
#priceArea th {
	width: 16%;
	padding: 20px 10px;
	border: 1px solid #e3dad3;
	background:#f5f5f5;
	font-weight: normal;
	text-align: center;
}
#priceArea td {
	padding: 20px 10px;
	border: 1px solid #e3dad3;
	text-align: center;
}

@media screen and (min-width: 768px) and (max-width: 1200px){

}
@media only screen and (max-width: 767px) {
#plan h2.ttl01 {
	margin-left: 10px;
	margin-right: 10px;
}
/* index */
#topTxt {
	background: url(../img/kyototour/img_bg_sp.png) no-repeat 0 0 #fcf8ef;
	background-size: 100% auto;
	width: 95%;
	height: auto;
	padding: 35% 10px 3% 15px;
	font-size: 14px;
	line-height: 2.0;
	margin: 25px auto 20px auto;
}
#detailArea .photo {
	float: none;
	width: auto;
	margin: 0 10px;
	margin-bottom: 20px;
}
#detailArea .txtArea {
	float: none;
	width: auto;
	margin: 0 10px;
}

#scheduleArea .ttl04 {
	background-size: 22px auto;
}
#scheduleArea tr:nth-child(odd) {background: none;}
#scheduleArea th {
	display: block;
	width: 100%;
	padding: 7px 10px;
	text-align: left;
	background: #f5f5f5;
}
#scheduleArea td {
	display: block;
	width: 100%;
	padding: 7px 10px;
}
#cancelArea .ttl04 {
	background-size: 22px auto;
}
#cancelArea table {
	border-bottom: 1px solid #e3dad3;
}
#cancelArea table tr {
	float: left;
	display: block;
}
#cancelArea table tr:first-child {
	width: 70%;
}
#cancelArea table tr:last-child {
	width: 30%;
}
#cancelArea table th {
	display: block;
	width: 100%;
	border-bottom: none;
	border-right: none;
}
#cancelArea table td {
	display: block;
	width: 100%;
	padding: 7px 10px;
	border-bottom: none;
}
#applicationArea .ttl04 {
	background-size: 22px auto;
}
#applicationArea table {
	width: 100%;
}
#applicationArea tr:nth-child(odd) {background: none;}
#applicationArea th {
	display: block;
	width: 100%;
	background: #fceff1;
}
#applicationArea td {
	display: block;
	width: 100%;
}

#lessonArea { 
	margin-bottom: 20px;
	padding: 0 10px;
}
#lessonArea .ttl04 {
	background-size: 22px auto;
}
#lessonArea .mainPhoto {
	padding: 10px 0 25px 0;
}
#lessonArea h4 {
	font-size: 14px;
	padding: 10px 5px;
}
#lessonArea .leftTxt {
	float: none;
	width: 100%;
	margin: 0 0 15px 0;
}
#lessonArea .rightPhoto {
	float: none;
	width: 100%;
	margin: 0 0 15px 0;
}
#lessonArea .rightTxt {
	float: none;
	width: 100%;
	margin: 0 0 15px 0;
}
#lessonArea .leftPhoto {
	float: none;
	width: 100%;
	margin: 0 0 15px 0;
}


#modelcaseeArea .ttl04 {
	background-size: 22px auto;
}
#modelcaseeArea p {
	padding: 10px 0 15px;
}
#modelcaseeArea tr:nth-child(odd) {background: none;}
#modelcaseeArea th {
	display: block;
	width: 100%;
	padding: 7px 10px;
	text-align: center;
	background: #f5f5f5;
}
#modelcaseeArea td {
	display: block;
	width: 100%;
	padding: 7px 10px;
}
#priceArea { 
  overflow: auto;
  white-space: nowrap;
  }
#priceArea .ttl04 {
	background-size: 22px auto;
}
#priceArea table {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #e3dad3;
}
#priceArea table tr {
	float: none;
}
#priceArea table tr :hover {
  background: #eee;
}
#priceArea table tr:not(:first-child) th,
#priceArea table tr:not(:first-child) td {
    border-top: solid 1px #e3dad3;
  }

#priceArea table th {
}
#priceArea table td {
}
}

/* sw_50over.html
------------------------------------------------------------ */
.sw_50over #detailArea {	text-align: center;}
.sw_50over #btmNav {	text-align: center;}
.sw_50over #btmNav li {
	display: inline-block;
	margin: 0 10px;
}



#detailArea:after,
#detailArea .txtArea dl:after {
    content: "";
    display: block;
    clear: both;
}
#detailArea  section,
#detailArea .txtArea dl {    zoom:1;}


/* kyototour/
------------------------------------------------------------ */
#kyototour .headerPhoto,#plan .headerPhoto { background-image: url(/img/kyototour/header_photo.jpg);}


@media screen and (min-width: 768px) and (max-width: 1200px){

}
@media only screen and (max-width: 767px) {


}
/* photo-package/
------------------------------------------------------------ */
#topTtlArea h1{
  float: none!important;
}
#topTtlArea .plan-copy{
  float: none;
}


@media screen and (min-width: 768px) and (max-width: 1200px){

}
@media only screen and (max-width: 767px) {


}