@charset "UTF-8";
/* CSS Document */

h1 {
	margin: 0px;
	padding: 0px 1em;
	font-size: 300%;
	font-weight: bold;
	color: #0050c2;
	line-height: 40px;
	background-image: url("../images/common/bulb.svg");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
h2 {
    margin: 0px;
    padding: 20px 0px;
    box-sizing: border-box;
    font-size: 180%;
    line-height: 1.5;
    font-weight: bold;
	color: #6b6b6b;
}

section.illust {
	padding-bottom: 240px;
	box-sizing: border-box;
	background-image: url("../images/highlight/ill_wide.svg");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: bottom center;
	background-size: auto 200px;

}

section p {
	margin: 0px;
	padding: 0.5em 0px;
	font-size: 160%;
	color: #6b6b6b;
}

section p span {
	display: block;
	color: #0050c2;
}
h3,h4 {
	margin: 10px 0px;
	padding: 0px;
	font-size: 180%;
	font-weight: bolder;
	text-decoration: none;
	list-style: none;
}
h3::before,
h4::before {
  position: relative;
  vertical-align: middle;
  bottom: 0px;
  left: 0px; 
  display: inline-block;
  width: 20px;
  height: 20px;
  content: '';
  border-radius: 2px;
  }


h3 {
	color: #0050c3;
	border-bottom: 1px dashed #0050c3;
}
h3::before {
  background: #0050c3;}
h4 {
	color: #6b6b6b;
	border-bottom: 1px dashed #6b6b6b;
}
h4::before {
  background: #6b6b6b;
  }





#goods_list {
	list-style: none;
	margin: 10px auto 60px auto;
	padding: 0px;
	box-sizing: border-box;
	max-width: 1280px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;    /*左（上）揃え*/
	align-items: baseline;   /*ベースラインを揃える*/
	align-content: flex-start;
}
#goods_list li {
	margin: 0px;
	padding: 0px 10px;
	box-sizing: border-box;
}
.goods_img img {
	height: auto;
	width: 100%;
}

#notice {
	border: 3px solid #0050c2;
	border-radius: 10px;
	background-color: #FFFFFF;
	margin: 10px 0px;
	background-image: url("../images/goods/boy_goods.svg"), url("../images/goods/girl_goods.svg"),
		repeating-linear-gradient(-45deg,
		#EFFAFF, #EFFAFF 7.5px,
		transparent 0, transparent 15px);
	background-repeat: no-repeat, no-repeat;
	background-attachment: scroll, scroll;
	padding: 10px 20px 70px 20px;
	background-position: 5% 97%, 97% 97%, left top;
	background-size: 48px auto, 60px auto, 100% 100%;
}
#notice p {
	font-weight: bold;
}


/*===================================メディア切替===================================*/

	/*iphone8、XとXS 375-667のポートレイト*/
@media screen and (min-width: 375px) {
}


	/*iphone8plus、XR、XS Max 414-736のポートレイト*/
@media screen and (min-width: 414px) {
	#goods_list li {
		width: 50%;
	}
}


	/*iphoneSE 568-320のランドスケープ*/
@media screen and (min-width: 568px) {
	#notice {
		padding: 10px 70px;
		background-position: left 10px center, right 10px center, left top;
		max-width: 870px;
        margin: 0px auto;
	}
}


	/*iphone8 667-375のランドスケープ*/
@media screen and (min-width: 667px) {
}




	/*iphone8plus 736-414のランドスケープ*/
@media screen and (min-width: 736px) {
	#goods_list li {
		width: 25%;
		}
}



/*iPad Pro 9.7のポートレイト*/
/*ipadmini 1024-768のポートレイト*/
@media screen and (min-width: 768px) {
}



	/*iphone xとxs 375-812のランドスケープ*/
@media screen and (min-width: 812px) {
}



	/*iPad Pro 10.5 834-1112のポートレイト*/
@media screen and (min-width: 834px) {
}


	/*iPad Pro 9.7のランドスケープ*/
	/*iPad Pro 12.9のポートレイト*/
@media screen and (min-width: 1024px) {
	.prefecture,
	.event_date {
        display: inline-block;
        float: left;
	}
}