@charset "utf-8";
/* ------------------------------------------------------------ set */

#main{ padding: 0; }

#view.pages h2{ background: url(../../images/hinata_takabata/service/h_01.png) no-repeat left center; color: #000; }
#view.pages{ background: url(../../images/hinata_takabata/service/view_01.jpg); }

#detail { padding: 35px 0 0; }
#detail .schedule p { text-align: center; font-size: 18px; line-height: 220%; }
#detail .schedule li { background:url(../../images/hinata_takabata/service/arrow.gif) 250px center no-repeat #ffd617; width: 240px; float: left; color: #635840; font-weight: bold; text-align: left; padding: 15px 30px; margin: 0 0 20px 20px; }
#detail .schedule li a { color: #635840; display: block; font-size: 18px; font-weight: bold; }
#detail .schedule li:nth-child(3n+1){ margin:0 0 20px;}

#schedule 					{ background: #fff; padding: 70px 70px 0 70px; width: 860px; max-width: 860px; margin: 0 auto; }
#schedule .table 			{ background: url(../../images/hinata_takabata/service/line_01.png) repeat-x left bottom; padding: 0 0 3px; }
#schedule table 			{ width: 100%; }
#schedule table th 			{ background: url(../../images/hinata_takabata/service/line_01.png) repeat-x left top; width: 80px; height: auto; padding: 0 20px;}
#schedule table th img		{ width: 100%; height: auto;}
#schedule table td 			{ background: url(../../images/hinata_takabata/service/line_01.png) repeat-x left top #fffdef; border: #fff6a9 solid; border-width: 0 0 0 5px; padding: 15px 30px; font-size: 16px; }
#schedule table td img		{ float: right; }

#schedule table td div		{  padding: 35px 0; float: left; }
#schedule table td .div_1	{width: 63%;}
#schedule table td .div_2	{width: 50%;}
#schedule table td span 	{ font-size: 20px; }
#schedule table .ylw td 	{ background: url(../../images/hinata_takabata/service/line_01.png) repeat-x left top #fffce1; border: #ffee5a solid; border-width: 0 0 0 5px; }
#schedule table .lnc td img { padding: 30px 0; }

#detail #schedule p{ padding: 25px 0 0; font-size: 14px; color: #7d7d7d; text-align: left; }


/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ set */
.line{  background: url(../../images/common/line_01.png) repeat-x center center; background-size: 26px 13px; letter-spacing: 0; padding: 0; }
#main {width: 100%;}

#view.pages h2{ padding: 10px 20px; background: none; }

#detail .line { margin: 50px 0 20px; }
#detail .schedule p { line-height: 200%; margin: 0 3%; padding: 0 0 40px; text-align: left; font-size: 14px; text-align: left; }
#detail .schedule li { background-position :  right 10px center ; float: none; width: 90%; padding: 3% 5%; margin: 0 0 2% 0; }
#detail .schedule li:nth-child(3n+1){ margin:0 0 2% 0;}

#schedule 					{ width: 94%; margin: 0 3%; padding: 0 0 50px; }
#schedule table th 			{ padding: 15px 10px; }
#schedule table th img		{ width: 40px; height: auto; }
#schedule table td			{ padding: 15px; font-size: 14px; }
#schedule table td img		{ float: none; width: 80%; height: auto; margin: 0 auto; padding: 20px 0; }
#schedule table td span 	{ font-size: 18px; font-weight: bold; }
#schedule table td div		{ width: 100%; padding: 0; float: none; }
#schedule p					{ padding: 25px 10px 0; }



/* ------------------------------------------------------------ set */
#lead 			{ padding: 30px 3% 50px; }
#lead dl dt,
#detail dl dt 	{ font-size: 20px; padding: 20px 0; font-weight: bold; }
#lead dl dd,
#detail dl dd 	{ font-size: 14px; }

#detail 		{ padding: 0 0 50px; }
}