/* CSS Document */

/*スマホ*/
@media screen and (max-width:767px){
}
/*タブレット*/
@media screen and (min-width: 768px) and (max-width: 991px) {
}
/*PC*/
@media screen and (min-width:992px){
}

#illustSearch{
}

#illustSearch p.text{
	line-height:200%;
	margin-bottom:35px;
}

#illustSearch .illustBox{
	background:#F3F3F3;
}

#illustSearch .illustBox img{
	margin:0 auto;
}

/*モーダルウィンドウ*/
/*スマホ*/
@media screen and (max-width:767px){
.illustPopup {
  position: relative;
  background: #ffffff;
  padding:0 0 10px;
  width:auto;
  margin: 0 auto;
}

div.illustModalBox{
}

div.illustModalBox h2{
	font-size:1em;
	padding:10px;
	background:#0E1271;
	color:#fff;
	margin:0;
}

div.illustModalBox .row{
	margin-left:0;
	margin-right:0;
}

div.illustModalBox a.inner{
	padding:10px 5px;
	display:block;
	background:#ffffff;
	border:5px solid #ebecf0;
	margin-bottom:20px;
}

div.illustModalBox a.inner:hover{
	border:5px solid #0E1271;
	background:#ebecf0;
}

div.illustModalBox a.inner h3{
	font-size:1.2em;
	text-align:center;
	color:#0E1271;
	margin-top:0;
	margin-bottom:20px;
}

div.illustModalBox a.inner img{
	margin:0 auto 10px;
}

div.illustModalBox a.inner p{
	color:#000000;
	margin:0;
}

div.illustModalBox a.inner p.text{
	margin-bottom:10px;
}

div.illustModalBox a.inner p.button{
	padding:5px 10px;
	background:#0E1271;
	color:#ffffff;
	text-align:center;
}
}
/*タブレット*/
@media screen and (min-width: 768px) and (max-width: 991px) {
.illustPopup {
  position: relative;
  background: #ffffff;
  padding:0 0 20px;
  width:auto;
  margin: 0 auto;
}

div.illustModalBox{
}

div.illustModalBox h2{
	font-size:1.2em;
	padding:20px;
	background:#0E1271;
	color:#fff;
	margin:0;
}

div.illustModalBox .row{
	margin-left:0;
	margin-right:0;
}

div.illustModalBox a.inner{
	padding:20px 15px;
	display:block;
	background:#ffffff;
	border:5px solid #ebecf0;
	margin-bottom:20px;
}

div.illustModalBox a.inner:hover{
	border:5px solid #0E1271;
	background:#ebecf0;
}

div.illustModalBox a.inner h3{
	font-size:1.2em;
	text-align:center;
	color:#0E1271;
	margin-top:0;
	margin-bottom:20px;
}

div.illustModalBox a.inner img{
	margin:0 auto 10px;
}

div.illustModalBox a.inner p{
	color:#000000;
	margin:0;
}

div.illustModalBox a.inner p.text{
	margin-bottom:10px;
}

div.illustModalBox a.inner p.button{
	padding:5px 10px;
	background:#0E1271;
	color:#ffffff;
	text-align:center;
	width:70%;
	margin:0 auto;
}
}
/*PC*/
@media screen and (min-width:992px){
.illustPopup {
  position: relative;
  background: #ffffff;
  padding:0 0 20px;
  width:auto;
  max-width: 900px;
  margin: 0 auto;
}

div.illustModalBox{
}

div.illustModalBox h2{
	font-size:1.2em;
	padding:20px;
	background:#0E1271;
	color:#fff;
	margin:0;
}

div.illustModalBox .row{
	margin-left:0;
	margin-right:0;
}

div.illustModalBox a.inner{
	padding:20px 15px;
	display:block;
	background:#ffffff;
	border:5px solid #ebecf0;
	margin-bottom:20px;
}

div.illustModalBox a.inner:hover{
	border:5px solid #0E1271;
	background:#ebecf0;
}

div.illustModalBox a.inner h3{
	font-size:1.2em;
	text-align:center;
	color:#0E1271;
	margin-top:0;
	margin-bottom:20px;
}

div.illustModalBox a.inner img{
	margin:0 auto 10px;
}

div.illustModalBox a.inner p{
	color:#000000;
	margin:0;
}

div.illustModalBox a.inner p.text{
	margin-bottom:10px;
}

div.illustModalBox a.inner p.button{
	padding:5px 10px;
	background:#0E1271;
	color:#ffffff;
	text-align:center;
	width:70%;
	margin:0 auto;
}
}