/* ======== BASIC ======== */

body{
	margin:0;
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	color:#333;
	font-size: 14px;
}
.box{
		width:80%;
		margin:0 auto;
}
.box table, .box .favorite styled{
		width:100%;
        margin-bottom:15px;
}
table {border-collapse: collapse ; }
th,td {
 border: 1px #808080 solid;
 padding: 10px;
 }
 table.table1{
	 position: relative;
	 top:-30px;
	 margin-left: auto;
     margin-right: auto;
}
 table.table2{
	 margin-left: auto;
     margin-right: auto;
}
textarea {
  resize: none;
  width:800px;
  height:200px;
}
textarea#policy{
    font-size: 16px;
    font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3";
}
textarea#setumei{
    font-size: 16px;
    font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3";
}
input#name{
	font-size: 16px;
	padding: 5px; 
}
input#birthday{
	font-size: 16px;
	padding: 5px; 
}
input#phone1,#phone2,#phone3{
	font-size: 16px;
	padding: 5px; 
}
input#mail{
	font-size: 16px;
	padding: 5px; 
}
input#addr21,#addr22{
	font-size: 16px;
	padding: 5px; 
}
#contents{
	padding-top: 80px;
	padding-bottom: 80px;
	width: 80%;
	margin: 0 auto;
}

#contents p{
	width: 100%;
	margin: 0 auto;
}

#contents li{
	margin-bottom: 10px;
}
p{
	position: relative;
	 top:-30px;
}
button.favoritestyled{
	position: relative;
	 top:-30px;
	  display       : inline-block;
  border-radius : 5%;          /* 隗剃ｸｸ       */
  font-size     : 13pt;        /* 譁�ｭ励し繧､繧ｺ */
  text-align    : center;      /* 譁�ｭ嶺ｽ咲ｽｮ   */
  cursor        : pointer;     /* 繧ｫ繝ｼ繧ｽ繝ｫ   */
  padding       : 5px 12px;   /* 菴咏區       */
  background    : #DFF8FD;     /* 閭梧勹濶ｲ     */
  color         : #000000;     /* 譁�ｭ苓牡     */
  line-height   : 1em;         /* 1陦後�鬮倥＆  */
  transition    : .3s;         /* 縺ｪ繧√ｉ縺句､牙喧 */
  border        : 2px solid rgba(102, 102, 255, 0.50);    /* 譫�縺ｮ謖�ｮ� */
}

/* ======== CLOSE BUTTON ======== */

#close{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	z-index:998;
}
#close a{
	display: block;
	background: #555;
	color: #fff;
	padding: 1em;
	text-decoration: none;
}

#close a:hover{
	  background: #222;
}

/* ======== MAIN ======== */

#main h2{
    font-weight: bold;
    border-bottom: 1px solid #666;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 150%;
}

.iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 75%; /* = height ﾃｷ width ﾃ� 100 */
}
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

div#image3 {
	position: absolute;
	/*align-items: flex-start;*/
	/*align-self: flex-start;*/
	flex-shrink: 0;
	text-align: right;
	right:70px;
}

/* ======== PAGE TOP ======== */

#page_top{
	width: 90px;
	height: 90px;
	position: fixed;
	right: 0;
	bottom: 50px;
	opacity: 0.6;
}
#page_top a{
	position: relative;
	display: block;
	width: 90px;
	height: 90px;
	text-decoration: none;
}
#page_top a::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f102';
	font-size: 25px;
	color: #3f98ef;
	position: absolute;
	width: 25px;
	height: 25px;
	top: -40px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}
#page_top a::after{
	content: 'PAGE TOP';
	font-size: 13px;
	color: #fff;
	position: absolute;
	top: 45px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	color: #3f98ef;
}

h2{
	text-align: center;
	margin-bottom: 30px;
}

/* ======== FOOTER ======== */

#footer{
	top: 0px;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	padding: 1em;
	background: #555;
	color: #fff;
}

/* ======== CONTACT ======== */

#contact {
	font-size:15px;
}
#text_left{
	text-align: right;
}
img{
	position: relative;
   top: 4px;
	left: 5px;
}
h1{
   margin:0;
   text-align: center;
}
	
img#navi {
   border:0;
   vertical-align:middle;/* �ｽx�ｽ[�ｽX�ｽ�ｽ�ｽC�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ */
   max-width: 100%;
    height: auto;

}