@charset "utf-8";

.hottopics header {
width: auto;
}
.intoro{
padding:10px;
}
.htGroup,.htTaikai{
padding:8px;
margin:5px 0;
}
.htTaikai h1{
margin-bottom:1em;
font-size:20px;
}
.htbox1 h2{
margin: 0.5em;
font-size: 20px;
line-height: 1.5em;
}
.htbox1 h3{
font-size:16px;
margin: 20px 10px 10px;
}

.htbox2 {
    padding:10px;
}
.htbox1 {
    padding:40px 0;
}

.htbox1 .logo{
margin-bottom:15px;
}
.htbox1 .logomark{
margin-bottom:15px;
}
.htbox2 div{
text-align:center;
}
.htbox2 table{
width:100%;
margin:0 0 10px 0;
}
.htbox2 th{
display:block;
}
.htbox2 td{
display:block;
padding-bottom:.5em;
margin-bottom: .5em;
border-bottom:1px solid #939e8f;
}
.htbox2 img{
width: 100%;
}
.htbox2 h2{
font-size: 18px;
margin-bottom: 15px;
margin-top: 5px;
}
.htbox3{
padding:0 0 10px 0;
}
.htbox3 h2{
margin-bottom:1em;
font-size:18px;
}
.htbox3 h2 a{
color:#FFF;
}
.htbox3 .gMap{
margin-bottom:15px;
}
a.button{
width:100%;
margin:0 0 15px 0;
padding:.5em;
}
a.button.icoMap,a.button.icoHotel{
width:100%;
padding:.5em 52px .5em .5em;
text-align:left;
}
.htbox4{
padding:10px 10px 0 10px;
}
.htbox4 h3{
font-size:18px;
}
.htbox4 h3:after{
margin-left:5px;
}
.htbox4 h3:before{
margin-right:5px;
}
.spotPhoto {
overflow: hidden;
height: 160px;
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.htbox5 h2 a{
margin-top: 25px;
color:#FFF;
}

.flexcon{
    width: auto;
    flex-direction:column;
}
.flexcon img{ 
 text-align: center;
 width: 100%;
}
.flexitem1{
    width:100%;
    margin-bottom: 10px;
}
.flexitem2{
    width:100%;
    padding-left: 0;
}

.rugbyflex { 
    width: auto;
    flex-direction:column;
}
.rugbyflex img{ 
    width:100%;
 text-align: center;
}
.rugbyflex2 img{
     width:100%;
 text-align: center;
}
.rugbyfitem1{
    width:auto;
    margin-bottom: 10px;
    padding: 5px;
}
.rugbyfitem2{ width:auto; padding: 5px;}
.rugbyfitem3{ width:auto; padding: 5px;}
.rugbyfitem4{ width:auto; padding: 5px;}
.rugbyfitem5{ width:auto; padding: 5px;}
.rugbyfitem6{ width:auto; padding: 5px;}
.rugbyfitem7{ width:auto; padding: 5px;}
.rugbyfitem8{ width:auto; padding: 5px;}
.rugbyflex2{ width: auto; flex-direction:column;}

a.button2,a.button3{
width:100%;
margin:0 0 10px 0;
padding:.5em;
}

/* menu
----------------------------------------------------------------- */
.ulBtn li {
	width: 100%;
	margin-bottom: 5px;
	margin-right: 0.5%;
}
.ulBtn li:nth-child(3n) {
	margin-right: 0;
}
.ulBtn li a {
	font-size: 85%;
	line-height: 3.0;
	padding: 4px 0;
}
.ulBtn li.clBtn a {
	color: #039 !important;
	background: #DEEAF3;
}
.flexmap{
    width: 100%;
    height:auto;
    flex-wrap:wrap;
}
.flexmapitem1{width: 90%;}
.flexmapitem2{width: 90%;}
.flexmapitem3{width: 90%;background-color: #00CC66;}
.flexmapitem4{width: 90%;background-color:#ffcc00; }
.flexmapitem5{width: 90%;background-color:#00CC66; }
.flexmapitem6{width: 90%;margin: 10px;}

/* 2021.7.15 add */
.snsBox {
    position: absolute;
    top: 0px;
    right: 0px;
}
.txtPub {
    top: 25px;
}

.gSelectWrap {
    padding: 15px;
    margin-bottom: 20px;
}
.gSelectWrap h5 {
    font-size: initial;
}

.htbox2 {
    padding: 20px 10px 10px 10px;
}

.rugbyfitem1,.rugbyfitem3,.rugbyfitem5,.rugbyfitem7 {
    margin-right: 0;
}