@media(min-width: 1101px) {
/** main **/
    html{height:100%}
    body{font-size:15px;height:100%; width:100%;}
    .mb{ display:none;}
    .tab{ display:none;}
 	#top{width: 100%;height: 100vh;background-image: url(../img/top-bg.png);background-size: cover;background-position:top center;background-repeat: no-repeat;position: relative;}
 	
	#top img.title{position: absolute;top: 6vw;left: 3vw;width: 30vw;}
	#top img.main{position: absolute;bottom: 1vw;right: 10vw;width: 60vw;}
	#top img.tokyo{position: absolute;top: 1vw;right: 1vw;width: 250px;}
	#top #menu{position: absolute;top: 1vw;left: 1vw;}
	#top #menu ul{color:#fff;font-weight: bold;list-style-type: none; }
	#top #menu ul li{float: left;padding: 10px 20px;font-size: 20px;border-right: 2px solid #fff}
	#top #menu ul li:last-child{border-right: none}
	#top #menu ul li a{color:#fff;text-decoration: none;transition: .7s}
	#top #menu ul li a:hover{color: #FFAE4B}
	#primary{width: 1000px;margin: 0 auto;padding: 100px 0;}
	#section1 p.main-comment{font-size: 16px;}
	#section1 .main-box{width: 100%;border: 1px solid #E9E9E9;box-shadow: 1px 1px 3px #e9e9e9;padding: 2%;margin-top: 30px;}
	#section1 .main-box ul.top{width: 100%;list-style-type: none;display: flex;}
	#section1 .main-box ul.top li{width: 45%;}
	#section1 .main-box ul.top li.right{padding-left: 2%;width: 55%;}
	#section1 .main-box ul.top li:first-child{background-color: #fff;box-shadow: 1px 1px 3px #333}
	#section1 .main-box ul.top li p.place{color: #fff;background-color: #735B3A;padding: 5px 10px;display: inline-block;border-radius: 4px}
	#section1 .main-box ul.top li p.title{color: #333;font-size: 20px;font-weight: bold;margin: 10px 0;}
	#section1 .main-box ul.top li p.comment{font-size: 15px;line-height: 1.7em;}
	#section1 .main-box ul.bottom{width: 100%;list-style-type: none;display: flex;margin-top: 30px;}
	#section1 .main-box ul.bottom li{width: 33%;}
	#section1 .main-box ul.bottom li:nth-child(2){width: 34%!important;padding: 0 .5%}
	#section1 .main-box ul.bottom li p.lan{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
	#section1 .main-box ul.bottom li p.lan img{width: 50px;vertical-align: middle;margin-right: 10px;}
	#section1 .main-box ul.single-col{width: 100%;display: flex;list-style-type: none;}
	#section1 .main-box ul.single-col li{width: 40%;}
	#section1 .main-box ul.single-col li.right{width: 60%;padding: 0 0 0 20px	}
	#section1 .main-box p.place{color: #fff;background-color: #735B3A;padding: 5px 10px;display: inline-block;border-radius: 4px}
	#section1 .main-box p.title{color: #333;font-size: 20px;font-weight: bold;margin: 5px 0 15px;}
	#section1 .main-box ul.single-col li p.comment{font-size: 16px;line-height: 1.7em;}
	#section2{width: 100%;margin-top: 100px}
	#section2 h2 img{width: 50px;vertical-align: middle;margin-left: 10px;}
	#section2 p.main-comment{font-size: 16px;line-height: 1.7em;margin-bottom: 40px;}
	#section3{width: 100%;margin-top: 100px}
	#section3 p.main-comment{font-size: 16px;line-height: 1.7em;margin-bottom: 40px;}
	#section3 img.section3-img01{width: 70%;}
	#section4{width: 100%;margin-top: 150px}
	#section4 p.main-comment{font-size: 16px;line-height: 1.8em;}
	#section4 ul.kohdanshi{width: 100%;display: flex;position: relative;list-style-type: none;margin-top: 50px;}
	#section4 ul.kohdanshi li{width: 16.666666%;}
	#section4 ul.kohdanshi li:last-child{width: 66.666666%;}
	#section4 ul.kohdanshi li img{width: 100%;}
	#section4 ul.kohdanshi li img.link:hover{opacity: .5}
	#section4 ul.recommend{width: 100%;display: flex;position: relative;list-style-type: none;flex-wrap: wrap}
	#section4 ul.recommend li{width: 50%;padding-right: 1%;margin-top: 1%}
	#section4 ul.recommend li:nth-child(2n){padding-left: 1%;padding-right: 0}
	#section4 ul.recommend li img{width: 100%;}
	#section4 .root{text-align: center;font-size: 25px;font-weight: bold;margin-top: 60px;}
	#section4 img.rootimg{width: 70%;}
	#section5{width: 100%;margin-top: 110px}
	#section5 p.main-comment{font-size: 16px;line-height: 1.7em;}
	#section5 ul.rakugoka{width: 100%;display: flex;position: relative;list-style-type: none;margin-top: 50px;flex-direction: column;margin: auto;}
	#section5 ul.rakugoka li{width: 100%;margin-top: 50px;}
	#section5 ul.rakugoka li:first-child{width: 100%;}
	#section5 ul.rakugoka li img{}
	#section5 ul.rakugoka li img.link:hover{opacity: .5}
	#section6{width: 100%;margin-top: 50px;}
	#section6 p.main-comment{font-size: 16px;line-height: 1.8em;margin-bottom: 50px;}
	#section6 ul.seiyu{width: 100%;display: flex;position: relative;list-style-type: none;margin-top: 10px;}
	#section6 ul.seiyu li{width: 50%;padding: 0 5% 0 0}
	#section6 ul.seiyu li img{width: 100%;}
	#section7{width: 100%;margin-top: 110px}
	#section7 h2 span{background-color: #FF8130;color: #fff;padding: 8px 15px;margin-left: 30px;font-size: 20px;vertical-align: text-bottom;border-radius: 3px}
	#section7 p.main-comment{font-size: 16px;line-height: 1.7em;margin-bottom: 30px;}
	#section7 img.section7-img01{width: 80%;}
	#section7 ul{/* width: 100%; *//* list-style-type: none; *//* display: flex; *//* margin-top: 20px; */width: 100%;list-style-type: none;display: flex;flex-wrap: wrap;margin-top: 20px;flex-direction: row;justify-content: space-between;align-content: center;align-items: center;}
	#section7 ul li{width: 500px;margin-top: 20px;font-weight: bold;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: flex-start;align-items: center;}
	#section7 ul li img{width: 120px;vertical-align: middle;margin-right: 5px;margin-right: 10px;object-fit: cover;height: fit-content;}
	#section7 p.comment{text-align: center;margin-top: 30px;font-size: 18px;font-weight: bold;color: #7A7A7A}
	#section8{width: 100%;background-color: #EEEEEE;padding: 30px 0}
	#section8 .wrap{width: 800px;margin: 0 auto;padding: 50px 0}
	#section8 p.comment{text-align: center;margin-top: 30px;font-size: 16px;font-weight: normal;color: #333;line-height: 2em;}
	#section8 ul.top{width: 100%;list-style-type: none;display: flex;margin-top: 20px;align-items: flex-end}
	#section8 ul.top li{width: 70%;margin-top: 50px;}
	#section8 ul.top li:last-child{width: 30%;padding: 2%}
	#section8 ul.top li p.title{font-size: 18px;display: inline-block; font-weight: bold;color: #fff;background-color: #333;padding: 5px 20px;border-radius: 3px}
	#section8 ul.top li p.in{font-size: 16px;font-weight: normal;color: #333;margin-top: 10px;line-height: 1.7em;}
	#section8 ul.top li img{width: 100%;vertical-align: middle;margin-right: 5px;}
	#section8 ul.list{width: 100%;display: flex;list-style-type: none;margin-top: 20px;}
	#section8 ul.list li{width:33.333333%!important;font-size: 12px;padding: 0 1%;text-align: center;}
	#section8 ul.list li p.title{color: #5F2A00;font-weight: bold;font-size: 13px;}
	#section8 ul.list li p.in{font-size: 14px;margin-top: 8px;text-align: left;}
	#section8 ul.list li img{width: 20%;margin-bottom: 20px;}
	#section8 ul.bottom{width: 100%;list-style-type: none;display: flex;margin-top: 20px;align-items: flex-end}
	#section8 ul.bottom li{width: 55%;margin-top: 50px;}
	#section8 ul.bottom li:last-child{width: 45%;padding: 2% 0 0 50px}
	#section8 ul.bottom li img{width: 100%;padding: 2%}
	#section8 ul.bottom li .circle{position: relative;display: inline-block;width: 250px;height: 250px;border-radius: 50%;background-color: #fff;box-shadow: 2px 2px 2px #ACACAC;}
	#section8 ul.bottom li .circle .wrap{ position: absolute;display: inline-block;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width :250px;text-align:center;}
	#section8 ul.bottom li .circle .wrap p.title{font-size: 16px;font-weight: bold;color: #C50003;margin-top: 40px;}
	#section8 ul.bottom li .circle .wrap p.title span{font-size: 30px}
	#section8 ul.bottom li .circle .wrap p.price{font-size: 18px;color: #333;font-weight: bold;margin-top: 5px;}
	#section8 ul.bottom li .circle .wrap p.gb{font-size: 12px;color: #fff;font-weight: bold;margin-top: 10px;background-color: #C50003;display: inline-block;padding: 3px 5px;margin-left: 100px;border-radius: 3px}
	
	#footer{width: 100%;background-color: #ADADAD;color: #fff;padding: 10px 0}
	#footer .wrap{margin: 0 auto;color: #fff;display: flex;font-size: 10px;padding: 0 10px}
	#footer .wrap p.link{text-align: left;width: 50%;}
	#footer .wrap p.link a{color: #fff;text-decoration: none;transition: .5s}
	#footer .wrap p.link a:hover{color: #D60084;}
	#footer .wrap p.copy{text-align: right;width: 50%;}
	
	
	.travelwrap{width: 600px;margin: 0 auto;padding: 30px 0;}
	.travelwrap p.title{ position: relative;padding: 1.1em 0 1.1em 10px;color: #545454;font-size: 17px;font-weight: bold;margin: 40px 0 20px;}
	.travelwrap p.title::before,
	.travelwrap p.title::after {position: absolute;left: 0;content: '';width: 100%;height: 6px;box-sizing: border-box;}
	.travelwrap p.title::before {top: 0;border-top: 2px solid #ccc;border-bottom: 1px solid #ccc;}
	.travelwrap p.title::after {bottom: 0;border-top: 1px solid #ccc;border-bottom: 2px solid #ccc;}
	.travelwrap p.sub{font-size: 16px;font-weight: bold;margin: 15px 0 0;}
	.travelwrap p.sub span{font-size: 15px;color: #fff;background-color:#FFA300;padding: 7px 7px; font-weight: bold;margin-right: 10px}
	.travelwrap ul{width: 100%;display: flex;list-style-type:none;}
	.travelwrap ul li{width: 60%;margin: 30px 0;padding: 10px 20px }
	.travelwrap ul li:first-child{width: 40%;padding: 0}
	

	
	
/** modal **/
	.closebtn{position: absolute;color: #333;top: 10px;left: 10px;cursor: pointer}
	.modal-content{padding: 3% 0;}
	#modal-wrap{width: 700px;margin: 0 auto;}
	.center{position: absolute;left: 50%;margin-left: -350px!important;}
	#modal-wrap p.maintitle{font-size: 22px;font-weight: bold;color: #333;padding-top: 3vh;}
	#modal-wrap ul.intro{width: 100%;display: flex;list-style-type: none;padding-top: 2vw}
	#modal-wrap ul.intro li{width: 70%;padding: 2% 0 0 2%;line-height: 1.7em;}
	#modal-wrap ul.intro li.img{width: 30%;padding: 0}
	#modal-wrap ul.intro li.img img{width: 100%;}
    #modal-wrap ul.list li {width: 100%;list-style-type: none;margin-top: 5px}
    #modal-wrap ul.list li:after{ content: ".";display: block;clear:both;height:0;visibility:hidden;}
    #modal-wrap ul.list li img{width: 25%;float: left;padding-right: 2%}
    #modal-wrap ul.list li p.place{font-size: 10px;color: #2C2C2C;padding-left: 27%;padding-top: 20px;}
    #modal-wrap ul.list li p.title{font-size: 12px;color: #2C2C2C;font-weight: bold;padding-left: 27%}
    #modal-wrap ul.list li p.title span{font-size: 10px;font-weight: normal;color: #E7002A;}
	
	#modal-wrap-com{width: auto;margin: 0 auto;position: absolute;top: 40vh;left: 50%;-webkit-transform: translateY(-50%)!important;transform: translateY(-50%)!important;-webkit-transform: translateX(-50%)!important;transform: translateX(-50%)!important;}
    #modal-wrap-com p.company{font-size: 22px;font-weight: bold;color: #fff;margin: 20px 0;}
    #modal-wrap-com p.company-in{font-size: 15px;font-weight: bold;color: #fff;}
	
	.subpage{width: 700px;margin: 0 auto;padding: 50px 0 80px}
	.subpage span{font-weight: bold;font-size: 15px;line-height: 1.8em;}
	.subpage span.big{font-size: 18px;}

}

/** 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;}
	#top{width: 100%;height: 100vh;background-image: url(../img/top-bg.png);background-size: cover;background-position:top center;background-repeat: no-repeat;position: relative;}
	
	#top img.title{position: absolute;bottom: 45vw;left: 3vw;width: 50vw;}
	#top img.main{position: absolute;bottom: 8vw;right: 0;width: 100vw;}
	#top img.tokyo{position: absolute;top: 1vw;right: 1vw;width: 200px;}
	#top #menu{position: absolute;top: 1vw;left: 1vw;}
	#top #menu ul{color:#fff;font-weight: bold;list-style-type: none; }
	#top #menu ul li{float: left;padding: 10px 20px;font-size: 20px;border-right: 2px solid #fff}
	#top #menu ul li:last-child{border-right: none}
	#top #menu ul li a{color:#fff;text-decoration: none;transition: .7s}
	#top #menu ul li a:hover{color: #FFAE4B}
	#primary{width: 100%;margin: 0 auto;padding: 100px 2%}
	#section1 p.main-comment{font-size: 15px;line-height: 1.5;}
	#section1 .main-box{width: 100%;border: 1px solid #E9E9E9;box-shadow: 1px 1px 3px #e9e9e9;padding: 2%;margin-top: 30px;}
	#section1 .main-box ul.top{width: 100%;list-style-type: none;display: flex;}
	#section1 .main-box ul.top li{width: 45%;}
	#section1 .main-box ul.top li.right{padding-left: 2%;width: 55%;}
	#section1 .main-box ul.top li:first-child{background-color: #fff;box-shadow: 1px 1px 3px #333}
	#section1 .main-box ul.top li p.place{color: #fff;background-color: #735B3A;padding: 5px 10px;display: inline-block;border-radius: 4px}
	#section1 .main-box ul.top li p.title{color: #333;font-size: 20px;font-weight: bold;margin: 10px 0;}
	#section1 .main-box ul.top li p.comment{font-size: 14px;line-height: 1.5em;}
	#section1 .main-box ul.bottom{width: 100%;list-style-type: none;display: flex;margin-top: 30px;}
	#section1 .main-box ul.bottom li{width: 33%;}
	#section1 .main-box ul.bottom li:nth-child(2){width: 34%!important;padding: 0 .5%}
	#section1 .main-box ul.bottom li p.lan{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
	#section1 .main-box ul.bottom li p.lan img{width: 50px;vertical-align: middle;margin-right: 10px;}
	#section1 .main-box ul.single-col{width: 100%;display: flex;list-style-type: none;}
	#section1 .main-box ul.single-col li{width: 40%;}
	#section1 .main-box ul.single-col li.right{width: 60%;padding: 0 0 0 20px	}
	#section1 .main-box p.place{color: #fff;background-color: #735B3A;padding: 5px 10px;display: inline-block;border-radius: 4px}
	#section1 .main-box p.title{color: #333;font-size: 20px;font-weight: bold;margin: 15px 0 15px;}
	#section1 .main-box ul.single-col li p.comment{font-size: 14px;line-height: 1.5em;}
	#section2{width: 100%;margin-top: 100px}
	#section2 h2 img{width: 50px;vertical-align: middle;margin-left: 10px;}
	#section2 p.main-comment{font-size: 15px;line-height: 1.5em;margin-bottom: 40px;}
	#section3{width: 100%;margin-top: 100px}
	#section3 p.main-comment{font-size: 15px;line-height: 1.5em;margin-bottom: 40px;}
	#section3 img.section3-img01{width: 70%;}
	#section4{width: 100%;margin-top: 150px}
	#section4 p.main-comment{font-size: 15px;line-height: 1.5em;}
	#section4 ul.kohdanshi{width: 100%;display: flex;position: relative;list-style-type: none;margin-top: 50px;}
	#section4 ul.kohdanshi li{width: 16.666666%;}
	#section4 ul.kohdanshi li:last-child{width: 66.666666%;}
	#section4 ul.kohdanshi li img{width: 100%;}
	#section4 ul.kohdanshi li img.link:hover{opacity: .5}
	#section4 ul.recommend{width: 100%;display: flex;position: relative;list-style-type: none;flex-wrap: wrap}
	#section4 ul.recommend li{width: 50%;padding-right: 1%;margin-top: 1%}
	#section4 ul.recommend li:nth-child(2n){padding-left: 1%;padding-right: 0}
	#section4 ul.recommend li img{width: 100%;}
	#section4 ul.recommend li img:hover{opacity: .7}
	#section4 .root{text-align: center;font-size: 25px;font-weight: bold;margin-top: 60px;}
	#section4 img.rootimg{width: 70%;}
	#section5{width: 100%;margin-top: 110px}
	#section5 p.main-comment{font-size: 15px;line-height: 1.5em;}
	#section5 ul.rakugoka{width: 100%;display: flex;position: relative;list-style-type: none;margin-top: 50px;flex-direction: column;align-items: center;}
	#section5 ul.rakugoka li{/* width: 16.666666%; */}
	#section5 ul.rakugoka li:first-child{/* width: 66.666666%; */}
	#section5 ul.rakugoka li img{width: 100%;}
	#section5 ul.rakugoka li img.link:hover{opacity: .5}
	#section6{width: 100%;/* margin-top: 110px */}
	#section6 p.main-comment{font-size: 14px;line-height: 1.8em;}
	#section6 ul.seiyu{width: 100%;display: flex;position: relative;list-style-type: none;margin-top: 10px;}
	#section6 ul.seiyu li{width: 50%;padding: 0 5% 0 0}
	#section6 ul.seiyu li img{width: 100%;}
	#section7{width: 100%;margin-top: 110px}
	#section7 h2{line-height: 1.3em!important}
	#section7 h2 span{background-color: #FF8130;color: #fff;padding: 8px 15px;margin-left: 30px;font-size: 20px;vertical-align: text-bottom;border-radius: 3px}
	#section7 p.main-comment{font-size: 15px;line-height: 1.5em;margin-bottom: 30px;}
	#section7 img.section7-img01{width: 80%;}
	#section7 ul{width: 100%;list-style-type: none;display: flex;flex-wrap: wrap;margin-top: 20px;}
	#section7 ul li{/* width: 50%; *//* margin-top: 10px; *//* font-weight: bold; *//* font-size: 15px; */width: 50%;margin-top: 10px;font-weight: bold;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: flex-start;align-items: center;}
	#section7 ul li img{/* width: 20%; *//* vertical-align: middle; *//* margin-right: 5px; */width: 140px;vertical-align: middle;margin-right: 5px;margin-right: 10px;}
	#section7 p.comment{text-align: center;margin-top: 30px;font-size: 18px;font-weight: bold;color: #7A7A7A}
	#section8{width: 100%;background-color: #EEEEEE;padding: 30px 0}
	#section8 .wrap{width: 100%;margin: 0 auto;padding: 50px 2%}
	#section8 p.comment{text-align: center;margin-top: 30px;font-size: 14px;font-weight: normal;color: #333;line-height: 2em;}
	#section8 ul.top{width: 100%;list-style-type: none;display: flex;margin-top: 20px;align-items: flex-end}
	#section8 ul.top li{width: 70%;margin-top: 50px;}
	#section8 ul.top li:last-child{width: 30%;padding: 2%}
	#section8 ul.top li p.title{font-size: 18px;display: inline-block; font-weight: bold;color: #fff;background-color: #333;padding: 5px 20px;border-radius: 3px}
	#section8 ul.top li p.in{font-size: 14px;font-weight: normal;color: #333;margin-top: 10px;line-height: 1.7em;}
	#section8 ul.top li img{width: 100%;vertical-align: middle;margin-right: 5px;}
	#section8 ul.list{width: 100%;display: flex;list-style-type: none;margin-top: 20px;}
	#section8 ul.list li{width:33.333333%!important;font-size: 10px;padding: 0 1%;text-align: center;}
	#section8 ul.list li p.title{color: #5F2A00;font-weight: bold;font-size: 13px;}
	#section8 ul.list li p.in{font-size: 14px;margin-top: 8px;text-align: justify;}
	#section8 ul.list li img{width: 20%;margin-bottom: 20px;}
	#section8 ul.bottom{width: 100%;list-style-type: none;display: flex;margin-top: 20px;align-items: flex-end}
	#section8 ul.bottom li{width: 55%;margin-top: 50px;}
	#section8 ul.bottom li:last-child{width: 45%;padding: 2% 0 0 10px}
	#section8 ul.bottom li img{width: 100%;padding: 2%}
	#section8 ul.bottom li .circle{position: relative;display: inline-block;width: 300px;height: 300px;border-radius: 50%;background-color: #fff;box-shadow: 2px 2px 2px #ACACAC;}
	#section8 ul.bottom li .circle .wrap{ position: absolute;display: inline-block;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width :300px;text-align:center;}
	#section8 ul.bottom li .circle .wrap p.title{font-size: 16px;font-weight: bold;color: #C50003;margin-top: 40px;line-height: 2em;}
	#section8 ul.bottom li .circle .wrap p.title span{font-size: 30px}
	#section8 ul.bottom li .circle .wrap p.price{font-size: 18px;color: #333;font-weight: bold;margin-top: 5px;}
	#section8 ul.bottom li .circle .wrap p.gb{font-size: 12px;color: #fff;font-weight: bold;margin-top: 10px;background-color: #C50003;display: inline-block;padding: 3px 5px;margin-left: 100px;border-radius: 3px}
	
	#footer{width: 100%;background-color: #ADADAD;color: #fff;padding: 10px 0}
	#footer .wrap{margin: 0 auto;color: #fff;display: flex;font-size: 10px;padding: 0 10px}
	#footer .wrap p.link{text-align: left;width: 50%;}
	#footer .wrap p.link a{color: #fff;text-decoration: none;transition: .5s}
	#footer .wrap p.link a:hover{color: #D60084;}
	#footer .wrap p.copy{text-align: right;width: 50%;}
	
	.travelwrap{width: 100%;margin: 0 auto;padding: 30px 2%;}
	.travelwrap p.title{ position: relative;padding: 1.1em 0 1.1em 10px;color: #545454;font-size: 17px;font-weight: bold;margin: 40px 0 20px;}
	.travelwrap p.title::before,
	.travelwrap p.title::after {position: absolute;left: 0;content: '';width: 100%;height: 6px;box-sizing: border-box;}
	.travelwrap p.title::before {top: 0;border-top: 2px solid #ccc;border-bottom: 1px solid #ccc;}
	.travelwrap p.title::after {bottom: 0;border-top: 1px solid #ccc;border-bottom: 2px solid #ccc;}
	.travelwrap p.sub{font-size: 16px;font-weight: bold;margin: 15px 0 0;}
	.travelwrap p.sub span{font-size: 15px;color: #fff;background-color:#FFA300;padding: 7px 7px; font-weight: bold;margin-right: 10px}
	.travelwrap ul{width: 100%;display: flex;list-style-type:none;}
	.travelwrap ul li{width: 75%;margin: 30px 0;padding: 10px 20px }
	.travelwrap ul li:first-child{width: 25%;padding: 0}

	
/** modal **/
	.closebtn{position: absolute;color: #333;top: 10px;left: 10px;cursor: pointer}
	.modal-content{padding: 3% 0;}
	#modal-wrap{width: 700px;margin: 0 auto;}
	.center{position: absolute;top: 50%;left: 50%;margin-left: -350px!important;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
	#modal-wrap p.maintitle{font-size: 22px;font-weight: bold;color: #333;margin-top: 30px;}
	#modal-wrap ul.intro{width: 100%;display: flex;list-style-type: none;padding-top: 2vw}
	#modal-wrap ul.intro li{width: 85%;padding: 2% 0 0 2%;line-height: 1.7em;}
	#modal-wrap ul.intro li.img{width: 15%;padding: 0}
	#modal-wrap ul.intro li.img img{width: 100%;}
    #modal-wrap ul.list li {width: 100%;list-style-type: none;margin-top: 5px}
    #modal-wrap ul.list li:after{ content: ".";display: block;clear:both;height:0;visibility:hidden;}
    #modal-wrap ul.list li img{width: 25%;float: left;padding-right: 2%}
    #modal-wrap ul.list li p.place{font-size: 10px;color: #2C2C2C;padding-left: 27%;padding-top: 20px;}
    #modal-wrap ul.list li p.title{font-size: 12px;color: #2C2C2C;font-weight: bold;padding-left: 27%}
    #modal-wrap ul.list li p.title span{font-size: 10px;font-weight: normal;color: #E7002A;}

	#modal-wrap-com{width: auto;margin: 0 auto;position: absolute;top: 40vh;left: 50%;-webkit-transform: translateY(-50%)!important;transform: translateY(-50%)!important;-webkit-transform: translateX(-50%)!important;transform: translateX(-50%)!important;}
    #modal-wrap-com p.company{font-size: 22px;font-weight: bold;color: #fff;margin: 20px 0;}
    #modal-wrap-com p.company-in{font-size: 15px;font-weight: bold;color: #fff;}
	
	
	.subpage{width: 100%;margin: 0 auto;padding: 50px 2% 80px}
	.subpage span{font-weight: bold;font-size: 15px;line-height: 1.8em;}
	.subpage span.big{font-size: 18px;}

	
	
}

/** 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}	
    #top{width: 100%;height: 100vh;background-image: url(../img/top-bg.png);background-size: cover;background-position:top center;background-repeat: no-repeat;position: relative;}
    
	#top img.title{position: absolute;top: 19vw;right: 2vw;width: 50vw;}
	#top img.main{position: absolute;bottom: 12vw;right: 0;width: 100vw;}
	#top img.tokyo{position: absolute;top: 3vw;right: 3vw;width: 30%;}
	#top #menu{position: absolute;top: 1vw;left: 1vw;}
	#top #menu ul{color:#fff;font-weight: bold;list-style-type: none; }
	#top #menu ul li{float: left;padding: 10px 10px;font-size: 15px;border-right: 2px solid #fff}
	#top #menu ul li:last-child{border-right: none}
	#top #menu ul li a{color:#fff;text-decoration: none;transition: .7s;text-shadow: 1px 1px 0 #333}
	#top #menu ul li a:hover{color: #FFAE4B}
	#primary{width: 100%;margin: 0 auto;padding: 10px 2%;}
	#section1 p.main-comment{font-size: 15px;}
	#section1 .main-box{width: 100%;border: 1px solid #E9E9E9;box-shadow: 1px 1px 3px #e9e9e9;padding:4% 3%;margin-top: 30px;}
	#section1 .main-box ul.top{width: 100%;list-style-type: none;display: flex;flex-wrap: wrap;flex-direction:column-reverse}
	#section1 .main-box ul.top li{width: 100%;}
	#section1 .main-box ul.top li.right{padding-left: 2%;width: 100%;}
	#section1 .main-box ul.top li:first-child{background-color: #fff;box-shadow: 1px 1px 3px #333}
	#section1 .main-box ul.top li p.place{color: #fff;background-color: #735B3A;padding: 5px 10px;display: inline-block;border-radius: 4px}
	#section1 .main-box ul.top li p.title{color: #333;font-size: 20px;font-weight: bold;margin: 10px 0;}
	#section1 .main-box ul.top li p.comment{font-size: 14px;line-height: 1.5em;margin-bottom: 10px;}
	#section1 .main-box ul.bottom{width: 100%;list-style-type: none;display: flex;flex-wrap: wrap; margin-top: 30px;}
	#section1 .main-box ul.bottom li{width: 100%;margin-top: 20px;}
	#section1 .main-box ul.bottom li p.lan{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
	#section1 .main-box ul.bottom li p.lan img{width: 50px;vertical-align: middle;margin-right: 10px;}
	#section1 .main-box ul.single-col{width: 100%;display: flex;flex-wrap: wrap; list-style-type: none;}
	#section1 .main-box ul.single-col li{width: 100%;}
	#section1 .main-box p.place{color: #fff;background-color: #735B3A;padding: 5px 10px;display: inline-block;border-radius: 4px}
	#section1 .main-box p.title{color: #333;font-size: 15px;font-weight: bold;margin: 15px 0 15px;}
	#section1 .main-box ul.single-col li p.comment{font-size: 14px;margin-top: 10px;line-height: 1.5em;}
	#section2{width: 100%;margin-top: 100px}
	#section2 h2{font-size: 20px;}
	#section2 h2 img{width: 30px;vertical-align: middle;margin-left: 10px;}
	#section2 p.main-comment{font-size: 15px;line-height: 1.5em;margin-bottom: 10px;}
	#section3{width: 100%;margin-top: 50px}
	#section3 p.main-comment{font-size: 15px;line-height: 1.5;margin-bottom: 10px;}
	#section3 img.section3-img01{width: 100%;}
	#section4{width: 100%;margin-top: 50px}
	#section4 p.main-comment{font-size: 15px;line-height: 1.5em;}
	#section4 ul.kohdanshi{width: 100%;display: flex;flex-wrap:wrap-reverse;justify-content: center; position: relative;list-style-type: none;margin-top: 50px;}
	#section4 ul.kohdanshi li{width: 40%;}
	#section4 ul.kohdanshi li:last-child{width: 100%;margin-bottom: 30px}
	#section4 ul.kohdanshi li img{width: 100%;}
	#section4 ul.kohdanshi li img.link:hover{opacity: .5}
	#section4 ul.recommend{width: 100%;position: relative;list-style-type: none;}
	#section4 ul.recommend li{width: 100%;margin-top: 1%}
	#section4 ul.recommend li img{width: 100%;}
	#section4 ul.recommend li img:hover{opacity: .7}
	#section4 .root{text-align: center;font-size: 20px;font-weight: bold;margin: 60px 0 30px;}
	#section4 img.rootimg{width: 100%;margin-top: 20px;}
	#section5{width: 100%;margin-top: 110px}
	#section5 p.main-comment{font-size: 15px;line-height: 1.5em;}
	#section5 ul.rakugoka{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;position: relative;list-style-type: none;margin-top: 10px;flex-direction: column;}
	#section5 ul.rakugoka li{width: 100%;}
	#section5 ul.rakugoka li:first-child{width: 100%;padding-left: 20px;margin-bottom: 20px}
	#section5 ul.rakugoka li img{
    width: 100%;
}
	#section5 ul.rakugoka li img.link:hover{opacity: .5}
	#section6{width: 100%;/* margin-top: 110px */}
	#section6 p.main-comment{font-size: 14px;line-height: 1.5em;}
	#section6 ul.seiyu{width: 100%;position: relative;list-style-type: none;margin-top: 10px;}
	#section6 ul.seiyu li{width: 100%;padding: 0 0 0 0}
	#section6 ul.seiyu li img{width: 100%;}
	#section7{width: 100%;margin-top: 110px}
	#section7 h2{line-height: 1.3em!important}
	#section7 h2 span{background-color: #FF8130;color: #fff;padding: 6px 12px;margin-left: 10px;font-size: 17px;vertical-align: text-bottom;border-radius: 3px}
	#section7 p.main-comment{font-size: 15px;line-height: 1.5em;margin-bottom: 30px;}
	#section7 img.section7-img01{width: 100%;}
	#section7 ul{width: 100%;list-style-type: none;margin-top: 20px;}
	#section7 ul li{width: 100%;margin-top: 20px;font-weight: bold;font-size: 14px;display: flex;/* min-height: 70px; */}
	#section7 ul li img{width: 20%;vertical-align: middle;margin-right: 5px;}
	#section7 p.comment{text-align: center;margin-top: 30px;font-size: 18px;font-weight: bold;color: #7A7A7A}
	#section8{width: 100%;background-color: #EEEEEE;padding: 30px 0}
	#section8 .wrap{width: 100%;margin: 0 auto;padding: 50px 2%}
	#section8 p.comment{text-align: center;margin-top: 30px;font-size: 14px;font-weight: normal;color: #333;line-height: 1.6em;}
	#section8 ul.top{width: 100%;list-style-type: none;margin-top: 20px;}
	#section8 ul.top li{width: 100%;margin-top: 50px;}
	#section8 ul.top li:last-child{margin: 10px 0 0 0;}
	#section8 ul.top li p.title{font-size: 18px;text-align: center;font-weight: bold;color: #fff;background-color: #333;padding: 10px 20px;border-radius: 3px}
	#section8 ul.top li p.in{font-size: 14px;font-weight: normal;color: #333;margin-top: 10px;line-height: 1.5em;}
	#section8 ul.top li img{width: 100%;vertical-align: middle;margin-right: 5px;}
	#section8 ul.list{width: 100%;list-style-type: none;margin-top: 20px;}
	#section8 ul.list li{width:100%!important;font-size: 10px;padding: 0 1%;text-align: center;margin-top: 20px;}
	#section8 ul.list li p.title{color: #5F2A00;font-weight: bold;font-size: 13px;}
	#section8 ul.list li p.in{font-size: 14px;margin-top: 8px;}
	#section8 ul.list li img{width: 20%;margin-bottom: 20px;}
	#section8 ul.bottom{width: 100%;list-style-type: none;margin-top: 20px;}
	#section8 ul.bottom li{width: 100%;margin-top: 30px;text-align: center;}
	#section8 ul.bottom li img{width: 100%;padding: 2%}
	#section8 ul.bottom li .circle{position: relative;display: inline-block;width: 70vw;height: 70vw;border-radius: 50%;background-color: #fff;box-shadow: 2px 2px 2px #ACACAC;}
	#section8 ul.bottom li .circle .wrap{ position: absolute;display: inline-block;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width :70vw;text-align:center;}
	#section8 ul.bottom li .circle .wrap p.title{font-size: 20px;font-weight: bold;color: #C50003;margin-top: 40px;line-height: 2em;}
	#section8 ul.bottom li .circle .wrap p.title span{font-size: 40px}
	#section8 ul.bottom li .circle .wrap p.price{font-size: 18px;color: #333;font-weight: bold;margin-top: 5px;}
	#section8 ul.bottom li .circle .wrap p.gb{font-size: 12px;color: #fff;font-weight: bold;margin-top: 10px;background-color: #C50003;display: inline-block;padding: 3px 5px;margin-left: 100px;border-radius: 3px}
	
	#footer{width: 100%;background-color: #ADADAD;color: #fff;padding: 10px 0}
	#footer .wrap{margin: 0 auto;color: #fff;font-size: 10px;padding: 0 10px}
	#footer .wrap p.link{text-align: center;width: 100%;}
	#footer .wrap p.link a{color: #fff;text-decoration: none;transition: .5s}
	#footer .wrap p.link a:hover{color: #D60084;}
	#footer .wrap p.copy{text-align: center;width: 100%;margin-top: 10px;}
	
	.travelwrap{width: 100%;margin: 0 auto;padding: 10px 2%;}
	.travelwrap p.title{ position: relative;padding: 1.1em 0 1.1em 10px;color: #545454;font-size: 13px;font-weight: bold;margin: 40px 0 20px;}
	.travelwrap p.title::before,
	.travelwrap p.title::after {position: absolute;left: 0;content: '';width: 100%;height: 6px;box-sizing: border-box;}
	.travelwrap p.title::before {top: 0;border-top: 2px solid #ccc;border-bottom: 1px solid #ccc;}
	.travelwrap p.title::after {bottom: 0;border-top: 1px solid #ccc;border-bottom: 2px solid #ccc;}
	.travelwrap p.sub{font-size: 14px;font-weight: bold;margin: 15px 0 0;}
	.travelwrap p.sub span{font-size: 13px;color: #fff;background-color:#FFA300;padding: 5px; font-weight: bold;margin-right: 10px}
	.travelwrap ul{width: 100%;display: flex;list-style-type:none;}
	.travelwrap ul li{width: 60%;margin: 20px 0;padding: 0px 10px }
	.travelwrap ul li:first-child{width: 40%;padding: 0}

	#modal-wrap-com{width: 100%;padding:0 2%; margin: 0 auto;position: absolute;top: 40vh;left: 50%;-webkit-transform: translateY(-50%)!important;transform: translateY(-50%)!important;-webkit-transform: translateX(-50%)!important;transform: translateX(-50%)!important;}
    #modal-wrap-com p.company{font-size: 22px;font-weight: bold;color: #fff;margin: 20px 0;}
    #modal-wrap-com p.company-in{font-size: 15px;font-weight: bold;color: #fff;}
	
/** modal **/
	.closebtn{position: absolute;color: #333;top: 10px;left: 10px;cursor: pointer}
	.modal-content{padding: 3% 0;}
	#modal-wrap{width: 100%;margin: 0 auto;padding: 3%}
	#modal-wrap p.maintitle{font-size: 17px;font-weight: bold;color: #333;margin: 30px 0 20px;}
	#modal-wrap ul.intro{width: 100%;display: flex;list-style-type: none;padding-top: 2vw}
	#modal-wrap ul.intro li{width: 85%;padding: 2% 0 0 2%;line-height: 1.7em;}
	#modal-wrap ul.intro li.img{width: 15%;padding: 0}
	#modal-wrap ul.intro li.img img{width: 100%;}
    #modal-wrap ul.list li {width: 100%;list-style-type: none;margin-top: 5px}
    #modal-wrap ul.list li:after{ content: ".";display: block;clear:both;height:0;visibility:hidden;}
    #modal-wrap ul.list li img{width: 25%;float: left;padding-right: 2%}
    #modal-wrap ul.list li p.place{font-size: 10px;color: #2C2C2C;padding-left: 27%;}
    #modal-wrap ul.list li p.title{font-size: 12px;color: #2C2C2C;font-weight: bold;padding-left: 27%}
    #modal-wrap ul.list li p.title span{font-size: 10px;font-weight: normal;color: #E7002A;}

	
	.subpage{width: 100%;margin: 0 auto;padding: 50px 2% 80px}
	.subpage span{font-weight: bold;font-size: 15px;line-height: 1.8em;}

}