@charset "UTF-8";

@media screen and (max-width:1100px) {
	/* lead */
	#yu_meguri #lead div { width: 55.63%;}
	#yu_meguri #lead>img { width: 41.81%;}
	
	/* 湯めぐり手形 */
	#yu_meguri #sec1 h3 { padding: 0 20%;}
	#yu_meguri #sec1>img { width: 14.15%; left: 3.85%;}
	#yu_meguri #sec1 figure { width: 12.92%; right: 5.08%;}
	#yu_meguri #sec1 .price { padding: 10px 20% 25px 20%;}	
	
	/* タブ */
	#yu_meguri #contents .resp-tab-item { width: 49%;}
	#yu_meguri #contents .resp-tab-item:first-child { margin: 0 2% 0 0;}
	
	/* 湯めぐり加盟旅館 */
	#yu_meguri #tab1 dt { width: 23.5%;}
	#yu_meguri #tab1 dd:last-child { width: 30.5%;}
  
  /* 特別 161221 mae */
  #yu_meguri.holiday #tab1 dl dd:nth-of-type(1) { width: 14%;}
  #yu_meguri.holiday #tab1 dd { width: 10%;}
  #yu_meguri.holiday #tab1 dd.day { width: 6%;}
  #yu_meguri.holiday #tab1 dd:last-child { width: 16%;}
  
}
@media screen and (max-width:768px) {
	/* 湯めぐり手形 */
	#yu_meguri #sec1 h3 { padding: 0 24% 0 15px; text-align: left;}
	#yu_meguri #sec1>img { display: none;}
	#yu_meguri #sec1 figure { width: 20%; top: 20px; right: 2%;}
	#yu_meguri #sec1 .price { padding: 10px 24% 25px 15px;}
  #yu_meguri #contents > a { text-decoration: none; color: #fff;}
  #yu_meguri #contents > a:hover { text-decoration: underline;}
	#yu_meguri #contents > a span { display: block; padding: 10px 2%; color: #fff; font-size: 20px; background-color: #e62020;}
  #yu_meguri #contents > a img { display: none;}
  
	/* タブ */
	#yu_meguri #contents .resp-accordion { padding: 15px; background: url(../../yu_meguri/img/tab_bg.gif) center top !important;}
	#yu_meguri #contents .resp-tab-active { background: url(../../yu_meguri/img/tab_bg.gif) center top !important;}
	#yu_meguri #contents .resp-tabs-container { padding: 0; background: #fff;}
	#yu_meguri #contents .resp-tab-content { padding: 15px 20px;}
	
	/* 湯めぐり販売店 */
	#yu_meguri #tab2 ul { display: block;}
	#yu_meguri #tab2 ul:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
	#yu_meguri #tab2 li { display: block; width: 50%; float: left;}
	#yu_meguri #tab2 li:nth-child(2n) { border-right: none;}
	#yu_meguri #tab2 li:nth-child(-n+2) { border-bottom: 1px solid #cbb493;}
  
  /* 特別 161221 mae */
  #yu_meguri.holiday #tab1 dl,
  #yu_meguri.holiday #tab1 dt,
  #yu_meguri.holiday #tab1 dd { display: block; width: 100% !important;}
  #yu_meguri.holiday #tab1 dt,
  #yu_meguri.holiday #tab1 dd { border: none;}
  #yu_meguri.holiday #tab1 dd span { display: block;}
  #yu_meguri.holiday #tab1 .table_h,
  #yu_meguri.holiday #tab1 .blank { display: none;}
  #yu_meguri.holiday #tab1 dd.day { float: left; width: 16.6% !important; padding: 3px 0;text-align: center;}
    
    /* 170317 mori */
    #yu_meguri .bnr_info { width: 100%; margin: 0 auto 20px;}
}
@media screen and (max-width:640px) {
	/* lead */
	#yu_meguri #lead div,
	#yu_meguri #lead>img { float: none;}
	#yu_meguri #lead div { width: 100%; padding: 0 0 20px 0;}
	#yu_meguri #lead>img { display: block; width: 80%; margin: 0 auto;}
	
	/* タブ */
	#yu_meguri #contents .resp-tab-content { padding: 10px;}
	
	/* 湯めぐり加盟旅館 */
	#yu_meguri #tab1 dl,
	#yu_meguri #tab1 dt,
	#yu_meguri #tab1 dd { display: block; width: 100% !important;}
	#yu_meguri #tab1 dt,
	#yu_meguri #tab1 dd { border: none;}
	#yu_meguri #tab1 dd span { display: block;}
	#yu_meguri #tab1 .table_h,
	#yu_meguri #tab1 .blank { display: none;}
	
	/* 心得 */
	#kokoroe #section p.note br{ display: none;}
}
@media screen and (max-width:580px) {
	/* 心得 */
	#kokoroe #container{ width: 90%;}
	#kokoroe #section dl dt,
	#kokoroe #section dl dd { width: 100%;}
}
@media screen and (max-width:480px) {
	/* 湯めぐり手形 */
	#yu_meguri #sec1 { padding: 20px 0; margin-bottom: 40px; border-width: 10px;}
	#yu_meguri #sec1 h3 { padding-right: 15px;}
	#yu_meguri #sec1 figure { display: none;}
	#yu_meguri #sec1 .price { padding: 15px; font-size: 14px;}
	#yu_meguri #sec1 .price b { font-size: 16px;}
	#yu_meguri #sec1 .price span { font-size: 14px;}
	#yu_meguri #sec1 .price span span { font-size: 12px;}
	
	/* 湯めぐり販売店 */
	#yu_meguri #tab2 li { width: 100%; float: none; border: none !important;}
	#yu_meguri #tab2 li:before { content: '・';}
	#yu_meguri #tab2 ul:first-child { border: none;}
	#yu_meguri #tab2 .blank { display: none;}
}