@media(min-width: 1101px) {
/** main **/
html{height:100%}
body{font-size:15px;line-height:1.8em;font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;height:100%; width:100%;}
.mb{ display:none;}
.tab{ display:none;}
.pcmome{ display:none}
.line{ width:100%; border-bottom:1px solid #DFDFDF}
#header{ width:1000px; margin:0 auto; position:relative; padding-top:1%;}
#logo{ width:1000px; margin:0 auto; position:relative; padding-top:1%;}
#primary{ width:1000px; margin:0 auto; padding:0 30px; position:relative;}
.shadow { margin-top: 5px; /* 画像の上の余白*/
 display: inline-block; box-shadow: 0px 4px 12px -4px rgba(0, 0, 0, 0.6); /*横方向　下方向　ぼかし　広がり　色 */}	
.tp{width: 1000px; position:relative;left:50%; margin-left:-500px; margin-top:30px;}
.logo{ text-align:left; width:400px; margin-bottom:20px}
.topmenu{ width:100%; height:45px; line-height:45px; border:1px solid #DCDCDC;}
.topmenu ul { padding:0 10px; margin-bottom:40px}
.topmenu ul a{ color:#707070; text-decoration:none}
.topmenu ul a:hover{ color:#0A93B5; text-decoration:none}
.topmenu ul li{ display:inline-block; width:24%; text-align:center }
.yoko{ color:#727272; margin:10px 0 0 30px; }
.kome{ color:#535353; margin-left:15px; font-size:90%}
.details{ width:880px; float: left; padding: 0px 15px 50px 15px; margin-top: 20px; margin-right: 0px;	margin-bottom: 25px; margin-left: 0px; color:#727272; border-bottom:1px dotted #079EFD;}
.details dt{ float: left; width:200px; padding: 5px 0 3px 0; font-size: 13px; text-align:left; font-weight:bolder;	color:#727272; margin-top:6px; }
.details dd { float: left; width:640px; padding: 8px 0px 8px 10px; margin: 0px; font-size: 13px;}
table.price{
  position: relative;
  width: 100%;
  min-width: 800px;
}
table.price th{ font-size: 85%; }
.scroll_txt{ text-align: right; padding: 10px 0; font-size: 13px; }
table.scroll{
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
table.border{ width:100%; border:1px solid #888181; border-collapse: collapse; margin:2px 0 5px;}
table.border th { padding:5px 0; text-align:center; background-color:#848484; color:#fff;border:1px solid #646464;}
table.border th p { text-align:center; color:#fff;}	
table.border td{ padding:5px 0; text-align:center;border:1px solid #888181; color:#727272;font-size: 90%;}
table.border td p { text-align:center; color:#727272;}	
table.cancell{ width:100%; border:1px solid #373737; border-collapse: collapse; margin:2px 0 5px;}
table.cancell th { padding:5px 12px; text-align:left; background-color:#E5B8B7; color:#fff;border:1px solid #888181;}
table.cancell th p { text-align:left; color:#fff;}
table.cancell td{ padding:5px 12px; text-align:left;border:1px solid #888181; color:#727272;}
table.cancell td p { text-align:left; color:#727272;}	
table.hotel{ width:100%; border:1px solid #888181; border-collapse: collapse; margin:2px 0 5px;}
table.hotel th{ padding:8px 20px; text-align:left; background-color:#E5B8B7; color:#fff;border:1px solid #888181;}
table.hotel th p { color:#FFFFFF;}
table.hotel td{ padding:5px 5px 5px 5px; text-align:left;border:1px solid #888181; color:#727272;}
table.hotel td a { color:#635B5B;}
table.hotel td a:hover{ color:#E8BF97;}
table.hotel th a { color:#fff;}
table.hotel th a:hover{ color:#F5D6D7;}	
.endline{padding-bottom:10px;border-bottom:1px solid #323232;}
.list{ width:100%}
.list ul { padding-left:20px;}
.list ul li{ list-style-type:disc; color:#727272; padding-top: 3px;} 
.list2{ width:100%}
.list2 ul { padding-left:20px;}
.list2 ul li{ list-style-type: decimal; color:#727272;}
.entrybox{ color:#6F6F6F; width:100%; padding:0 20px}
.bank{ width:80%; margin:0 auto; border:1px solid #B7B7B7; padding:10px 20px; margin:15px 0; }
.button {display: inline-block;width: 200px;height: 54px;text-align: center;text-decoration: none;line-height: 54px;outline: none;background-color: #333;border: 2px solid #333;color: #fff;}
.button::before,.button::after {position: absolute;z-index: -1;display: block;content: '';}
.button,.button::before,.button::after {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box;	-webkit-transition: all .3s;transition: all .3s;}
.button:hover {background-color: #fff;border-color: #59b1eb;color: #59b1eb;}
.knt{ width:350px; margin-top:10px;}
.privacy{ width:80px}
#footer{ width:100%; background-color:#9C9C9C; margin-top:40px; padding:9px 0;}
.footer_primary{ width:1100px; text-align:center; margin:0 auto; color:#fff }
.footer_primary a{ color:#fff; text-decoration:none; }
.footer_primary a:hover{ color:#084AA3; text-decoration:none; }
.close{ position:absolute; top:10px; right:15px; z-index:99999999; color:#fff; font-size:30px;}
.modal_title{ text-align:center; color:#FFC8D7; font-size:22px; font-weight:bold; margin-bottom:30px;}
.modalbox{ width:600px; height:600px; position:absolute; top:50%;left:50%; margin-left:-300px; margin-top:-200px;color:#fff!important}
.modalbox img { width:45%}
.app {display: inline-block;width: 450px;height: 80px;text-align: center;text-decoration: none;line-height: 80px;outline: none;position: relative;z-index: 2;background-color: #d70035;border: 3px double #FFFFFF;color: #FFFFFF;overflow: hidden; margin:25px 0 15px;font-size:18px;font-weight: bold;letter-spacing: 0.12em;}
.app::before,.app::after {position: absolute;z-index: -1;	display: block;content: '';}
.app,.app::before,.app::after {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box;	-webkit-transition: all .3s;transition: all .3s;}
.app:hover {color: #d70035;}
.app::after {top: 0;left: 0;width: 100%;height: 100%;}
.app:hover::after {-webkit-transform: scale(2) rotate(180deg);transform: scale(2) rotate(180deg);background: #FFFFFF;}
.box{border:1px solid #666; margin-top: 20px; padding-top: 15px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}
	
}
/** RESPONSIVE BREAKPOINTS==========**/
@media(min-width: 721px) and (max-width: 1100px){
/** base **/
html{height:100%;}
body{font-size:85%;line-height:1.5em; width:100%;-webkit-text-size-adjust:100%;height:100%; max-width:100%!important;}
.mb{ display:none;}
#header{ width:100%; position:relative;}
#logo{ width:100%; position:relative; padding-top:1%;}
#primary{ width:100%; position:relative;  padding:1% 30px;}
.shadow { margin-top: 5px; /* 画像の上の余白*/
 display: inline-block; box-shadow: 0px 4px 12px -4px rgba(0, 0, 0, 0.6); /*横方向　下方向　ぼかし　広がり　色 */}
.tp{width: 100%;margin-top:30px;}
.logo{ text-align:left; width:350px; margin:10px 0 15px 15px;}
.topmenu{ width:100%; height:45px; line-height:45px; border:1px solid #DCDCDC;}
.topmenu ul { padding:0 10px; margin-bottom:40px}
.topmenu ul a{ color:#707070; text-decoration:none}
.topmenu ul a:hover{ color:#0A93B5; text-decoration:none}
.topmenu ul li{ display:inline-block; width:24%; text-align:center }
.yoko{ color:#727272; margin:15px 0 0 25px; }
.kome{ color:#535353; margin-left:10px; margin-top:5px; font-size:90%}
.details{ width:880px; float: left; padding: 0px 15px 50px 15px; margin-top: 6px; margin-right: 0px;	margin-bottom: 25px; margin-left: 0px; color:#727272; border-bottom:1px dotted #079EFD;}
table.border{ width:100%; border:1px solid #888181; border-collapse: collapse; margin:2px 0 5px;}
table.border th { padding:5px 0; text-align:center; background-color:#848484; color:#fff;border:1px solid #646464;}
table.border th p { text-align:center; color:#fff;}	
table.border td{ padding:5px 0; text-align:center;border:1px solid #888181; color:#727272;}
table.border td p { text-align:center; color:#727272;}	
table.cancell{ width:100%; border:1px solid #888181; border-collapse: collapse; margin:2px 0 5px;}
table.cancell th { padding:5px 12px; text-align:left; background-color:#E5B8B7; color:#fff;border:1px solid #888181;}
table.cancell th p { text-align:left; color:#fff;}
table.cancell td{ padding:5px 12px; text-align:left;border:1px solid #888181; color:#727272;}
table.cancell td p { text-align:left; color:#727272;}	
table.hotel{ width:100%; border:1px solid #888181; border-collapse: collapse; margin:2px 0 5px;}
table.hotel th{ padding:8px 20px; text-align:center; background-color:#E5B8B7; color:#fff;border:1px solid #888181; font-size:115%;}
table.hotel th p { color:#fff; }
table.hotel td{ padding:5px 5px 5px 5px; text-align:center;border:1px solid #888181; color:#727272; }
table.hotel td a { color:#635B5B;}
table.hotel td a:hover{ color:#E8BF97;}
table.hotel th a { color:#fff;}
table.hotel th a:hover{ color:#F5D6D7;}
.endline{padding-bottom:10px;border-bottom:1px solid #323232;}
.list{ width:100%}
.list ul { padding-left:25px;}
.list ul li{ list-style-type:disc ; color:#6F6F6F; padding-top: 3px;} 
.list2{ width:100%}
.list2 ul { padding-left:25px;}
.list2 ul li{ list-style-type: decimal; color:#6F6F6F;} 
.entrybox{ color:#6F6F6F; width:100%; padding:0 20px}
.bank{ width:100%; margin:0 auto; border:1px solid #B7B7B7; padding:10px 20px; margin:15px 0; }
.button {display: inline-block;width: 200px;height: 54px;text-align: center;text-decoration: none;line-height: 54px;outline: none;background-color: #333;border: 2px solid #333;color: #fff;}
.button::before,.button::after {position: absolute;z-index: -1;display: block;content: '';}
.button,.button::before,.button::after {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box;	-webkit-transition: all .3s;transition: all .3s;}
.button:hover {background-color: #fff;border-color: #59b1eb;color: #59b1eb;}
.knt{ width:300px; margin-top:10px;}
.privacy{ width:70px;margin-bottom:25px;}
#footer{ width:100%; background-color:#9C9C9C; margin-top:40px; padding:9px 0}
.footer_primary{ width:100%; text-align:center; margin:0 auto; color:#fff }
.footer_primary a{ color:#fff; text-decoration:none; }
.footer_primary a:hover{ color:#084AA3; text-decoration:none; }
.close{ position:absolute; top:10px; right:15px; z-index:99999999; color:#fff; font-size:30px;}
.modal_title{ text-align:center; color:#FFC8D7; font-size:22px; font-weight:bold; margin-bottom:30px;}
.modalbox{ width:600px; height:600px; position:absolute; top:50%;left:50%; margin-left:-300px; margin-top:-200px;color:#fff!important}
.modalbox img { width:250px}
.app {display: inline-block;width: 450px;height: 80px;text-align: center;text-decoration: none;line-height: 80px;outline: none;position: relative;z-index: 2;background-color: #d70035;border: 2px double #FFFFFF;color: #FFFFFF;overflow: hidden; margin:15px 0 10px;font-size:18px;font-weight: bold;letter-spacing: 0.1em;}
.app::before,.app::after {position: absolute;z-index: -1;	display: block;content: '';}
.app,.app::before,.app::after {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box;	-webkit-transition: all .3s;transition: all .3s;}
.app:hover {color: #d70035;}
.app::after {top: 0;left: 0;width: 100%;height: 100%;}
.app:hover::after {-webkit-transform: scale(2) rotate(180deg);transform: scale(2) rotate(180deg);background: #FFFFFF;}
.box{border:1px solid #666; margin-top: 10px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}
	
}

@media screen and (max-width: 889px){
  .scroll_box{ width: 100%; overflow-x: scroll; padding-bottom: 10px; }
  table.price{ overflow-x: scroll; }
  table.price th, table.price td{ font-size: 12px; }
}

@media screen and (min-width: 890px){
  .scroll_txt{ display: none; }
}

/** RESPONSIVE BREAKPOINTS==========**/
@media(max-width: 720px){
/** base **/
html{height:100%;}
body{font-size:85%;line-height:1.5em; width:100%;-webkit-text-size-adjust:100%;height:100%; max-width:100%!important;}
.tab{ display:none;}
.mbnone{ display:none}
#header{ width:100%; position:relative;}
#logo{ width:100%; position:relative; padding-top:1%;}
#primary{ width:100%; position:relative; padding:1% 10px;}
.tp{width: 100%;margin-top:30px; margin-bottom:-20px;}
.logo{ text-align:left; width:70%; margin:10px 0 15px 15px;}
.topmenu{ width:100%; height:40px; line-height:40px; border:1px solid #DCDCDC;}
.topmenu ul { padding:0 10px; margin-bottom:40px}
.topmenu ul a{ color:#707070; text-decoration:none}
.topmenu ul a:hover{ color:#0A93B5; text-decoration:none}
.topmenu ul li{ display:inline-block; width:24%; text-align:center; font-size:9px }
.yoko{ color:#727272; margin:15px 0 0 20px; }
.kome{ color:#535353; margin-left:8px; font-size:90%}

table.border{ width:100%; border:1px solid #888181; border-collapse: collapse; margin:2px 0 5px;}
table.border th { padding:5px 0; text-align:center; background-color:#848484; color:#fff;border:1px solid #646464; font-size: 95%;}
table.border th p { text-align:center; color:#fff;}	
table.border td{ padding:5px 0; text-align:center;border:1px solid #888181; color:#727272; font-size:90%; }
table.border td p { text-align:center; color:#727272;}
	table.cancell{ width:100%; border:1px solid #888181; border-collapse: collapse; margin:2px 0 5px;}
table.cancell th { padding:5px 12px; text-align:left; background-color:#E5B8B7; color:#fff;border:1px solid #888181;}
table.cancell th p { text-align:left; color:#fff;}
table.cancell td{ padding:5px 12px; text-align:left;border:1px solid #888181; color:#727272;}
table.cancell td p { text-align:left; color:#727272;}	
	
	
}

table.price{
  position: relative;
  width: 100%;
  min-width: 800px;
}
table.price th{ font-size: 85%; }
.scroll_txt{ text-align: right; padding: 10px 0; font-size: 13px; }
/*----------------------------------------------------
    .hotel
----------------------------------------------------*/
table.hotel th  { width: 32%; text-align: left; color: #fff;}
table.hotel th a { color:#fff;}
table.hotel th a:hover{ color:#F5D6D7;}
table.hotel a { color:#fff;}
table.hotel a:hover { color:#F5D6D7;}
table.hotel td { color:#727272; }
table.hotel td a { color:#635B5B;}
table.hotel td a:hover{ color:#E8BF97;}
table.hotel { margin: 0 -10px; }
table.hotel th,
table.hotel td{ width: 98%; display: block; border-top: none; }
table.hotel tr:first-child th   { border-top: 1px solid #ddd; }
.endline{padding-bottom:10px;border-bottom:1px solid #323232;}
.list{ width:100%}
.list ul { padding-left:20px;}
.list ul li{ list-style-type:disc;  color:#6F6F6F; padding-top: 2px;} 
.list2{ width:100%}
.list2 ul { padding-left:20px;}
.list2 ul li{ list-style-type: decimal; color:#6F6F6F;} 
.entrybox{ color:#6F6F6F; width:100%; padding:0 20px}
.bank{ width:100%; margin:0 auto; border:1px solid #B7B7B7; padding:10px 20px; margin:15px 0; }
.button {display: inline-block;width: 60%;height: 54px;text-align: center;text-decoration: none;line-height: 54px;outline: none;background-color: #333;border: 2px solid #333;color: #fff;}
.button::before,.button::after {position: absolute;z-index: -1;display: block;content: '';}
.button,.button::before,.button::after {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box;	-webkit-transition: all .3s;transition: all .3s;}
.button:hover {background-color: #fff;border-color: #59b1eb;color: #59b1eb;}
.knt{ width:200px; margin-top:10px;}
.privacy{ width:60px; margin-bottom:15px;}
#footer{ width:100%; background-color:#9C9C9C; margin-top:15px; padding:9px 5px; font-size:10px}
.footer_primary{ width:100%; text-align:center; margin:0 auto; color:#fff }
.footer_primary a{ color:#fff; text-decoration:none; }
.footer_primary a:hover{ color:#084AA3; text-decoration:none; }
.close{ position:absolute; top:10px; right:15px; z-index:99999999; color:#fff; font-size:30px;}
.modal_title{ text-align:center; color:#FFC8D7; font-size:22px; font-weight:bold; margin-bottom:30px;}
.modalbox{ width:100%; height:100%; position:absolute; padding:15% 3%; top:0;left:0;color:#fff!important}
.modalbox ul li{ margin-left:15px;}
.modalbox img { width:45%}
.app {display: inline-block;width: 450px;height: 80px;text-align: center;text-decoration: none;line-height: 80px;outline: none;position: relative;z-index: 2;background-color: #d70035;border: 3px double #FFFFFF;color: #FFFFFF;overflow: hidden; margin:25px 0 15px;font-size: 17px;font-weight: bold;letter-spacing: 0.12em;}
.app::before,.app::after {position: absolute;z-index: -1;	display: block;content: '';}
.app,.app::before,.app::after {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box;	-webkit-transition: all .3s;transition: all .3s;}
.app:hover {color: #d70035;}
.app::after {top: 0;left: 0;width: 100%;height: 100%;}
.app:hover::after {-webkit-transform: scale(2) rotate(180deg);transform: scale(2) rotate(180deg);background: #FFFFFF;}
.jto { width:200px;}
.box{border:1px solid #666; margin-top: 10px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}

@media(max-width: 450px){.app {display: inline-block;width: 100%;height: 80px;text-align: center;text-decoration: none;outline: none;position: relative;z-index: 2;background-color: #d70035;border: 3px double #FFFFFF;color: #FFFFFF;overflow: hidden; margin:25px 0 15px;font-size: 13.5px;font-weight: bold;letter-spacing: 0.12em;vertical-align: middle;}
	
	
}

.bgy{
	background-color:#FFEB3A;
}