h2 {
position: relative;
color: #333333;
text-shadow: 0 0 2px white;
}
h2:before {
content: "";
position: absolute;
background: #D8D8D8;
width: 60px;
height: 60px;
border-radius: 50%;
top: 50%;
/* border: dashed 1px white; */
left: -15px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: -1;
}

h4{
position: relative;
display: inline-block;
padding: 0 55px;
color: #424242;
font-size:10%; 
font-weight: 700; 
}

h4:before, h4:after{
content: '';
position: absolute;
top: 50%;
display: inline-block; 
width: 35px;
height: 3px;
background-color: black;
}

h4:before {left:0 ;}
h4:after {right:0;}


h3{
position: relative;
padding: 0.15em 2.5em;
color: #848484;
font-weight: 700; 
font-size:70%;
border-top: solid 2px black;
border-bottom: solid 3px black;
}
h3:before, h3:after{
content: '';
position: absolute;
top: -7px;
width: 2px;
  height: -webkit-calc(100% + 14px);
height: calc(100% + 14px);
background-color: black;
}
h3:before {left: 5px;}
h3:after {right: 5px;}

table {
	border-collapse: collapse;
	width:100%;
     	font-size:12pt
}
th.t_top {
    border-top: #660155 4px solid;
}
th {
	border-bottom: #708466 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}
td.t_top {
	border-top: #b3b3b3 4px solid;
}
td {
	border-bottom: #708466 1px dotted;
	text-align: left;
	padding: 10px;
}
tr:hover {
    background: #f7edf3;
    color: #660155;
}

body{font-size:14pt}

[class^="img-flex-"] {
	margin-bottom: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.img-flex-2 img { width: 49%; height: 49%; }
.img-flex-3 img { width: 32%; height: 32%; }
.img-flex-4 img { width: 24%; height: 24%; }



ul.main {
  background: #F5FBEF;
  border-radius :8px;/*角の丸み*/
  box-shadow :0px 0px 5px silver;/*5px=影の広がり具合*/
  padding: 0.5em 0.5em 0.5em 2em;
}
 
ul.main li{
  line-height: 1.5;
  padding: 0.5em 0;
}


.list_test-wrap {
    list-style:  none;  /* デフォルトのアイコンを消す */
    margin:  0;         /* デフォルト指定上書き */
    padding: 0;         /* デフォルト指定上書き */
}
 
.list_test:before {
    content:  "";     /* 空の要素作成 */
    width: 10px;                /* 幅指定 */
    height: 10px;               /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #f4d9de;  /* 背景色指定 */
    position:  relative;        /* 位置調整 */
    top: 3px;                   /* 位置指定 */
    border-radius:  50%;        /* 要素を丸くする */
    margin-right: 5px;          /* 余白指定 */
}
 
.list_test {
    padding:  5px;             /* 余白指定 */
    background-color:  #ffffff; /* 背景色指定 */
    border-radius:  10px;       /* 角丸指定 */
    margin-bottom: 5px;         /* 要素と要素の間指定 */
    color: #605e5e;                /* 文字色指定 */
    font-size:  10px;           /* 文字サイズ指定 */
}

/* 背景色のみ変更ボックス------------------ */
.box4 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-size: 11pt;
	  color: #2c2c2f;
    background: #f2fbff;/*背景色*/
	border-radius: 9px;
}
.box4 p {
    margin: 0; 
    padding: 0;
}

	/* 背景色のみ変更ボックスここまで------------------ */

	/* タイトル付きボックス------------------ */
/*タイトル付きボックス */
.box2 {
 position: relative;
 margin: 1em auto;
 padding: 0em 1em 1em 1em;
 font-size:18px;
 width: 100%;
 background-color: #fafffa; /*BOX背景色 */
 border: 3px solid #509952; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 2px #ccc; /* 影の色 */
}
.box2 .box-title {
 position: absolute;
 display: inline-block;
 top: -10px; /*タブ調整 */
 left: 25px; /*タブ調整 */
 padding: 1px 10px;
 height: 30px;
 font-weight: bold;
 color: #fff; /* タイトル色 */
 background-color: #509952; /* タイトル背景色 */
 border-radius: 7px 7px 1px 7px;
}
.box2 p {
    margin: 0; 
    padding: 0;
}

.box3 {
    padding: 1em 1em 0.1em 1em;
    margin: 2em 0;
    color: #464743;
    background: #fafcf2;
    border-bottom: solid 1px #f7f9ed;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
}
.box3 p {
    margin: 0; 
    padding: 0;
}
 

.box8 {
 margin: 2em auto;
 padding: 1em 1em 0.1em 1em;
 width: 95%;
 background-color: #fafafa; /* 背景色 */
 box-shadow: 0 0 5px 1px #ccc; /* 影 */
}

.box10 {
 position: relative;
 margin: 3em auto;
 padding: 0em 0.5em 0em;
 font-size: 12pt;
 width: 100%;
 background-color: #fbfaff; /*BOX背景色 */
 border: 3px solid #261482; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 2px #ccc; /* 影の色 */
}
.title10 {
 position: absolute;
 display: inline-block;
 top: -28px; /*タブ調整 */
 left: -3px; /*タブ調整 */
 padding: 1px 10px;
 height: 26px;
 font-weight: bold;
 color: #fafafa; /* タイトル色 */
 background-color: #261482; /* タイトル背景色 */
 border-radius: 5px 5px 0 0;
}



	/* タイトル付きボックスここまで------------------ */

/************************************
** ボタン類
************************************/

/*まずはお決まりのボックスサイズ算出をborer-boxに */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px
}

.btn,
a.btn,
button.btn {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 8px 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
	width:100%;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}

a.btn-agoda {
  color: #fff;
  border-top: 4px solid #6b6e6d;
  border-right: 4px solid #1d1f1e;
  border-bottom: 4px solid #1d1f1e;
  border-left: 4px solid #6b6e6d;
  border-radius: 0;
  background: #393b3a;
	padding: 8px 5px;
}

a.btn-agoda:hover {
  color: #292930;
	background-color:#e6e6e6; 
  border-top: 4px solid #f0f0f0;
  border-right: 4px solid #d6d6d6;
  border-bottom: 4px solid #d6d6d6;
  border-left: 4px solid #f0f0f0;
}

a.btn-booking {
  color: #fff;
  border-top: 4px solid #0b52b5;
  border-right: 4px solid #00265c;
  border-bottom: 4px solid #00265c;
  border-left: 4px solid #0b52b5;
  border-radius: 0;
  background: #003580;
}

a.btn-booking:hover {
  color: #292930;
	background-color:#e6e6e6; 
  border-top: 4px solid #f0f0f0;
  border-right: 4px solid #d6d6d6;
  border-bottom: 4px solid #d6d6d6;
  border-left: 4px solid #f0f0f0;
}

.btn-hotels {
  color: #fff;
 border-top: 4px solid #fc7486;
  border-right: 4px solid #ba2337;
  border-bottom: 4px solid #ba2337;
  border-left: 4px solid #fc7486;
  border-radius: 0;
  background: #EC2C45;
	padding: 8px 5px;
}

.btn-hotels a{
  text-decoration: none;
	color: #ffffff;
}

.btn-hotels:hover {
  color: #EC2C45;
	background-color:#e6e6e6; 
  border-top: 4px solid #f7f7f7;
  border-right: 4px solid #d6d6d6;
  border-bottom: 4px solid #d6d6d6;
  border-left: 4px solid #f7f7f7; 
}

.btn-hotels:hover a{
  color: #fc1230;

}

a.btn-expedia {
  color: #EEC218;
 border-top: 4px solid #065b9e;
  border-right: 4px solid #001c33;
  border-bottom: 4px solid #001c33;
  border-left: 4px solid #065b9e;
  border-radius: 0;
  background: #00355F;
	padding: 8px 5px;
}

a.btn-expedia:hover {
  color: #042b4a;
	background-color:#ffdb52; 
  border-top: 4px solid #f7f7f7;
  border-right: 4px solid #c29b06;
  border-bottom: 4px solid #c29b06;
  border-left: 4px solid #ffdb52; 
}


a.btn-site {
  color: #fff;
 border-top: 4px solid #5c503f;
  border-right: 4px solid #5c503f;
  border-bottom: 4px solid #5c503f;
  border-left: 4px solid #5c503f;
  border-radius: 0;
  background: #00355F;
	padding: 8px 5px;
	
	  -webkit-box-shadow:0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgba(0,0,0,0.2);
  -moz-box-shadow:0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgba(0,0,0,0.2);
  box-shadow:0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgba(0,0,0,0.2);
  background: #ab864e;
  background: -moz-linear-gradient(top, #ab864e 1%, #7a5829 100%);
  background: -webkit-linear-gradient(top, #ab864e 1%,#7a5829 100%);
  background: linear-gradient(to bottom, #ab864e 1%,#7a5829 100%);
  display: block;
  position:relative;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}

a.btn-site:hover {
  color: #000;
	background-color:#ffdb52; 
  border-top: 4px solid #5c503f;
  border-right: 4px solid #5c503f;
  border-bottom: 4px solid #5c503f;
  border-left: 4px solid #5c503f; 
}



.msr_btn16 a:before {
  content: "";
  width: 10px;
  height: 5px;
  margin:0 0 0 -5px;
  border: 5px solid transparent;
  border-top: 7px solid #fff;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 50%;
}
.msr_btn16 a:hover {
  opacity:.8;
}



.column-wrap.column-2 {
    margin-top: 10px;
    margin-bottom: 10px;
	  margin-right: 0px;
    margin-left: 0px;
}

@media screen and (max-width: 599px) {
	.container .column-2 .column-left {
		 margin-top: 0px;
    margin-bottom: 5px;
	  margin-right: 0px;
    margin-left: 0px;
	}

	.container .column-2 .column-right {
		 margin-top: 0px;
    margin-bottom: 0px;
	  margin-right: 0px;
    margin-left: 0px;
	}
}