@charset "UTF-8";
/* CSS Document */
/* ------------------------------
   Browser Reset
------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, button, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, section,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
}

html {
	-webkit-text-size-adjust: none;
}

img {
	vertical-align: bottom;
}

a {
	-webkit-tap-highlight-color: transparent;
}

strong {
	font-weight: bold;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left; 
	vertical-align: top;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a:focus {
/*\*/
	overflow: hidden;
/**/
}

option {
	padding-right: 10px;
}

body {
	line-height: 1.6;
}

button::-moz-focus-inner { 
    border: 0; 
    padding: 0; 
    margin-top:-2px; 
    margin-bottom: -2px; 
}




/* HTML5 ELEMENTS
------------------------------ */
header,article,aside,section,footer,
nav,menu,details,hgroup,summary,details,figcaption,figure {
	display: block;
}

/* ------------------------------
   COMMON ELEMENTS
------------------------------ */
body {
	font-family: "Noto Sans JP";
	background: #f6ebae;
}


/* ------------------------------
   Header
------------------------------ */

header {
	width: 100%;
}
div.header_bar {
	margin: 0 auto;
	max-width: 1500px;
	background: #ddd;
}
div.header_bar h1 {
	margin: 0;
	position: relative;
	-webkit-transition: 1.0s;
	-o-transition: 1.0s;
	transition: 1.0s;
	z-index: 8000;
}
.header_bar h1 img {
	width: 33%;
	padding: 0.3em 1em;
	float: left;
	position: absolute;
}
header div.container {
	margin: 0 auto;
	max-width: 1500px;
	position: relative;
	background: #fff;
}
header div.container img {
	width: 100%;
}

div.container {
	margin: 0 auto;
	max-width: 1500px;
	position: relative;
	background: #fff;
}
h2 {
	padding: 1.5em 0;
	font-size: 180%;
	color: #0075C9;
	font-weight: 500;
}

p {
	padding: 0.25em 0;
	color: #666;
	font-size: 120%;
}
.textorange {
	color: #cc563c;
}
.hanabiline {
    background-image: url("../imgs/plan/summer_2025/lighticon.png");     /* 背景画像指定 */
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: top center;          /* 背景の位置指定 */
	background-size: contain;
	padding-top: 50px;
}
.hanabi {
    background-image: url("../imgs/plan/yutolympic/hanabi.png");     /* 背景画像指定 */
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: right center;          /* 背景の位置指定 */
	background-size: contain;
}
.hanabi2 {
    background-image: url("../imgs/plan/yutolympic/hanabi2.png");     /* 背景画像指定 */
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: right top;          /* 背景の位置指定 */
	background-size: 20%;
}
.underlst {
	background-color : #FFD381; 
}
.support img, .oshokuji img, .setsumei img, .douji img, .gaiyo img, .tokuten img {
    border-radius: 35px;
}
span {
	font-size: 90%;
}
h4 {
	padding: 0.5em 0;
	font-size: 130%;
	color: #333;
	font-weight: 500;
}
.setsumei h4 {
	font-size: 110%;
}
.setsumei p {
	font-size: 70%;
}
h3 {
	padding: 1.5em 0;
	font-size: 150%;
	color: #d37163;
	font-weight: 500;
}
h6 {
	padding: 0 0.2em;
	font-size: 90%;
	color: #918177;
	font-weight: normal;
	text-align: left; !important;
}
.hrstyle {
	border-top: dotted 2px #dec1b3;
}
.kakomi {
	border: solid 2px #ddd;
    border-radius: 35px;
}
.kakomi1 {
	border: solid 1px #eee;
    border-radius: 5px;
	background-color: mistyrose;
}
.kakomi2 {
	border: solid 1px #eee;
    border-radius: 5px;
	background-color: khaki;
}
.kakomi3 {
	border: solid 1px #eee;
    border-radius: 5px;
	background-color: aquamarine;
}
.setsumei .kakomi {
	background-color: #fae3e3;
}
.order button {
	width: 90%;
}
div.attent {
	padding: 1em;
}
div.attent p {
	padding: 0 1em;
	font-size: 80%;
	color: #999;
}
.f_credit {
	margin: 2em;
}
.f_credit h5 {
	font-size: 90%;
	color: #222;
	margin-bottom: 1em;
}
.f_credit p {
	font-size: 80%;
	color: #888;
}
.snsiconlist {
	margin: 0 auto;
	width: 240px;
}
.snsiconlist li {
	list-style: none;
	float: left;
	padding: 20px;
	margin: 0 10px;
	width: 50px;
}
.snsiconlist li img {
	width: 90px;
}
footer div.container, div.f_credit div.container { background: #f6ebae; }
p.copy_r {
	font-size: 90%;
	padding-bottom: 2em;
}
ul.gaiyow li {
	background-color: antiquewhite;
}


/* iPad 横 col-xl- */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
}

/* iPad 縦　　スマホ 横 col-lg- */
@media only screen and (min-width: 768px) and (max-width: 991px) {
p {
	font-size: 110%;
}
.babyyohin {
	padding: 0 3em;
}


}

/* col-md- */
@media only screen and (min-width: 576px) and (max-width: 767px) {
.header_bar h1 img {
	width: 36%;
	padding: 0.3em 0.7em;
}
h2 {
	padding: 1em;
	font-size: 130%;
}
p {
	padding: 0.25em 1.3em;
	font-size: 100%;
}
h4 {
	font-size: 110%;
}
.setsumei h4 {
	font-size: 100%;
}
h3 {
	font-size: 100%;
}
h6 {
	font-size: 80%;
	
}
.support .col-3 {
	padding: 0 0.3em;		
}
.babyyohin {
	padding: 0 2em;
}

	
	
}

/* スマホ 縦 col-sm- */
@media (max-width: 576px) {
.header_bar h1 img {
	width: 39%;
	padding: 0.1em 0.5em;
}
h2 {
	padding: 1em 0.5em;
	font-size: 130%;
}
p {
	padding: 0.25em 0.5em;
	font-size: 100%;
}
.honkan p {
	font-size: 90%;
}
h4 {
	font-size: 90%;
}
.setsumei h4 {
	font-size: 90%;
}
h3 {
	font-size: 100%;
}
h6 {
	font-size: 70%;
}
.support .col-3 {
	padding: 0 0.3em;		
}
.babyyohin {
	padding: 0 1.8em;
}
.honkan button {
	font-size: 75%;
}
ul.gaiyow li {
	font-size: 80%;
}
div.order button {
	width: 95%;
	font-size: 80%;
}
span.small {
	font-size: 10px;
	}

}
