@charset : "UTF-8";
#modal-content{
  display : none;
}

 /* 見出し */
h1{
  font-size : 3.6rem;
  text-align : left;
  font-weight : bold;
  margin-bottom : 0;
}

h2{
  margin : 0;
  font-size : 2.2rem;
  font-weight : bold;
  text-align : left;
}
h2.weight_normal{
  font-weight : normal;
  padding : 10px 0;
}
h3{
  margin : 0;
  font-size : 2.9rem;
  font-weight : bold;
  text-align : left;
}
h4{
  border-left : 8px solid;
  padding : 3px 10px;
  margin : 10px 0;
  font-size : 1.8rem;
}

h5{
  border : 1px solid #b9b9b9;
  padding : 2px 20px;
  margin : 30px 0 5px;
  width : 50%;
  width : max-content;
  font-size : 1.6rem;
}
.right_column{
  float : right;
  max-width : 700px;
  width : 100%;
}
.subtitle {
  border-bottom: 1px solid;
  padding: 0 0 5px 0;
  font-size: 1.6rem;
}
.read_text{
  padding : 6px 0;
  font-size : 1.7rem;
}


h6{
  font-size : 1.6rem;
}

p{
  padding : 5px 0;
}

table{
  border-collapse : collapse;
}

.main ul li{
  list-style-type : disc;
  padding : 2px;
  margin-left : 20px;
}
.main ol li{
  list-style-type : decimal;
  padding : 2px;
  margin-left : 20px;
}

/* リンク */
a{
  color : #000000;
}
a:hover{

  text-decoration : none;
}
/* タイトル */
.main_top{
  width : 960px;
  height : 300px;
  overflow : hidden;
}
.main_top img{
  margin-top : -200px;
}
/* 概要 */
.main ul.location li{
  padding : 5px;
  background : #88ccd6;
  width : 100px;
  text-align : center;
  color : #ffffff;
  margin : 10px 20px 10px 0;
  display : inline-block;
}
.dress_wrapper{
  width : 960px;
  margin-right : -20px;
}
.dress_box3{
  margin-top : 10px;
  width : 220px;
  float : left;
  margin-right : 20px;
  margin-bottom : 10px;
}
.dress_box,
.dress_box2{
  margin-top : 10px;
  width : 220px;
  float : left;
  margin-right : 20px;
    margin-bottom : 10px;
}
.dress_box .title,
.dress_box2 .title,
.dress_box3 .title{
  text-align  : center;
  padding : 10px;
  background : #88ccd6;
  color : #fff;
}
.dress_box2 .title2{
  text-align  : center;
  padding : 10px;
  background : #88ccd6;
  color : #fff;
  font-size : 1.3rem;
  min-height : 69px;
}
.dress_box:hover,
.dress_box3:hover{
  opacity : 0.8;
  color :  #88ccd6;
  text-decoration : none;
}
.jp{
  font-size : 1.3rem;
}
@media(max-width:940px){
.dress_wrapper{
  width : 940px;
  padding : 0 30px;
}
}
@media(max-width:766px){
.dress_wrapper{
  max-width : 766px;
  width : 100%;
  padding : 0 30px;
}
}
@media(max-width:580px){
.dress_box,
.dress_box2,
.dress_box3{
  margin : 10px auto;
  float: none;
}
}
@media(max-width:438px){
.dress_wrapper{
  max-width : 438px;
  width : 100%;
  margin-right : -10px;
  
}


}