@charset "UTF-8";
/* popup_window */
* { box-sizing: border-box;}
div.modal {
	position: fixed;
	display:none;
	z-index:9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
div.modal .pr_box {
	width:710px;
	height:auto;
	margin:auto;
	box-shadow:0px 0px 12px rgba(0,0,0,0.4);
	padding:40px;
	background:#FFFFFF;
}
.pr_box img:hover {
	filter: alpha(opacity=50);
	opacity:0.50;
}

.disclaimer_inner p {
  line-height: 1.4;
}

.modal_caution {
  margin: 20px 0;
  padding: 20px 10px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC; 
}

.close_modal{
  margin: 40px auto 20px;
	display: block;
	width: 80%;
	line-height:50px;
  text-align: center;
	transition: all 200ms linear;
	color: #fff;
	border: 2px solid #148aab;
	background: #148aab;
  text-decoration: none;
  border-radius: 3px;
}
.close_modal:hover {
	text-decoration: none;
	color: #148aab;
	border: 2px solid #148aab;
	background: #fff;
}
.close_modal_no{
	display: block;
	width: 180px;
	line-height:50px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	color: #fff;
	border: 2px solid #60cfff;
	background: #60cfff;
}
.close_modal_no:hover {
	text-decoration: none;
	display: inline-table;
	color: #018ad1;
	border: 2px solid #60cfff;
	background: #fff;
}

.com_info p {
  text-align: center;
}
@media screen and (max-width:640px){
div.modal {
	position: fixed;
	display:none;
	z-index:9999;
	width:95%;
	height: auto;
	margin:auto;
}
div.modal .pr_box {
	width:100%;
	height:auto;
	box-shadow:0px 0px 12px rgba(0,0,0,0.4);
	padding:20px;
	background:#FFFFFF;
}
.close_modal{ width: 100%;}
.close_modal_no{
	margin:10px auto 10px -10px;
}
  .com_info p {
    font-size: 12px;
  }
}
@media screen and (max-width:600px){
article{
	width:100%;
}
#container{
	width:100%;
	margin: 0 auto;
}
#content{
	padding:10px 0 10px 0;
}
#content p{
	text-align:center;
}
}
@media screen and (max-width: 320px) {
#container{
	width:100%;
	margin: 0 auto;
}
#content{
	padding:10px 0 10px 0;
}
#content p{
	text-align:center;
}
}