@charset "utf-8";

/* normalize
-------------------------------------------------- */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background-color:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}h1{font-size:2em;margin:0.67em 0;}mark{background:#ff0;color:#000;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}

/* basic
-------------------------------------------------- */
html {
	font-size: 62.5%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: 0.0px;
	letter-spacing: 0.0rem;
	line-height: 1.85;
}
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
a {
	outline: none;
}
img {
	max-width: 100%;
	height: auto;
}
strong {
	color: #FF0004;
}

.basic-box {
	margin: 0 auto;
	width: 90%;
	max-width: 800px;
	text-align: center;
	background-color: #fff;
	border-radius: 5px;
}
.loading-box {
	padding: 12px 0;
}
.loading-box p {
	padding-top: 1em;
	color: #fca135;
}
.campaign-box {
	margin: 0 auto;
	border-width: 1px;
	border-style: solid;
	border-radius: 5px;
}
.campaign-title {
	font-size: 100%;
	font-weight: bold;
}
.campaign-title i {
	padding-right: 10px;
	font-size: 180%;
	vertical-align: top;
}
.campaign-text {
	padding: 10px 0;
	border-radius: 0 0 5px 5px;
	background-color: #fff;
}

.campaign-text img {
	max-width: 90%;
}
.link-box {
	padding: 10px 0;
}
.link-box .small {
	font-size: 85%;
}
.loading-box-txt {
	color: black !important;
}

.headline,.container,.link-box,.loading-box {
  background-color: #E8F4F4;
}

.headline {
  padding-top: 20px;
}

.headline1 {
  font-size: 1.2em !important;
  color: #F06D06;
  text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}

.headline2 {
  font-size: 2em !important;
  color: #6CABAA;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
  line-height: 1.3;
}



@media print, screen and (min-width:641px) {
	.basic-box {
		margin: 100px auto 0;
		width: 80%;
	}
	.campaign-box {
		width: 80%;
	}
	.campaign-title {
		font-size: 130%;
	}
	.campaign-text {
		font-size: 120%;
	}
}

/* loading
-------------------------------------------------- */
span.loading03, span.loading03:after {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-image:
  -webkit-gradient(radial,4 center,0,4 center,4,from(#fca135),color-stop(0.5,#fca135),color-stop(0.9,transparent),to(transparent)),
  -webkit-gradient(radial,center 4,0,center 4,4,from(#fca135),color-stop(0.5,#fca135),color-stop(0.9,transparent),to(transparent)),
  -webkit-gradient(radial,46 center,0,46 center,4,from(#fca135),color-stop(0.5,#fca135),color-stop(0.9,transparent),to(transparent)),
  -webkit-gradient(radial,center 46,0,center 46,4,from(#fca135),color-stop(0.5,#fca135),color-stop(0.9,transparent),to(transparent));
  background-image:
  -webkit-radial-gradient(10% 50%, 4px 4px, #fca135, #fca135 95%, #fca135 95%, transparent),
  -webkit-radial-gradient(50% 10%, 4px 4px, #fca135, #fca135 95%, #fca135 95%, transparent),
  -webkit-radial-gradient(90% 50%, 4px 4px, #fca135, #fca135 95%, #fca135 95%, transparent),
  -webkit-radial-gradient(50% 90%, 4px 4px, #fca135, #fca135 95%, #fca135 95%, transparent);
  background-image:
  radial-gradient(4px 4px at 10% 50%, #fca135, #fca135 95%, transparent),
  radial-gradient(4px 4px at 50% 10%, #fca135, #fca135 95%, transparent),
  radial-gradient(4px 4px at 90% 50%, #fca135, #fca135 95%, transparent),
  radial-gradient(4px 4px at 50% 90%, #fca135, #fca135 95%, transparent);
}
span.loading03 {
  position: relative;
  margin: 0 10px;
  vertical-align: middle;
  -webkit-animation: animation03 2s linear infinite;
  animation: animation03 2s linear infinite;
}
span.loading03:after {
  position: absolute;
  content: " ";
  left: 0;
  top: 0;
  margin: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@-webkit-keyframes animation03 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes animation03 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



/* 背景色（PC用）
-------------------------------------------------- */
@media print, screen and (min-width:641px) {
	html {
		background-color: #fff;
		background-image: url(bg.png);
	}
}

/* キャンペーン内容
-------------------------------------------------- */
.campaign-box {
	border-color: #6CABAA; /* キャンペーン枠色 */
}
.campaign-title {
	color: #fff; /* タイトル文字色 */
	background-color: #6CABAA; /* タイトル背景色 */
	background-image: url(bg_title.png);
}
.campaign-text {
	background-color: #fff; /* キャンペーンテキスト背景色 */
}