@charset "utf-8";
/* CSS Document */

/*PC:body-------------------------------------*/
@media screen and (min-width:1084px) {
	.pc {display: block !important;}
	.tb {display: none !important;}
	.sp {display: none !important;}
}

/*TB:body-------------------------------------*/
@media screen and (min-width: 560px) and (max-width: 1083px) {
	.pc {display: none !important;}
	.tb {display: block !important;}
	.sp {display: none !important;}
}

/*SP:body-------------------------------------*/
@media screen and (max-width: 559px) {
	.pc {display: none !important;}
	.tb {display: none !important;}
	.sp {display: block !important;}
}

html, body {margin: 0; padding: 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background: url("../img/all/bk.png"); background-repeat: repeat;}
h1 {margin: 0; padding: 0;}
h2 {}
h3 {}

.non {display: none !important;}
.flL {float: left;}
.boxS {box-sizing: border-box;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}
a img {border: none;}
a:hover img {border:none;opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}
ol, ul {list-style: none; margin: 0px;}
p {margin: 0px}
p a {color: #666;}
p a:hover {color: #F63;}

/* Font */
@font-face {
  font-family: 'Mitr';
  src: url('font/Mitr-Medium.ttf') format('truetype');
  src: url('font/Mitr-Regular.ttf') format('truetype');
  src: url('font/Mitr-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'kosugi';
  src: url('font/KosugiMaru-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Mplus';
  src: url('font/MPLUS1p-Medium.ttf') format('truetype');
  src: url('font/MPLUS1p-Regular.ttf') format('truetype');
  src: url('font/MPLUS1p-Bold.ttf') format('truetype');
  src: url('font/MPLUS1p-Light.ttf') format('truetype');
}

.span0 {color: #E000FF; font-weight: bold;}
.span1 {color: #0257D9; font-weight: bold;}
.span2 {color: #FF5083; font-weight: bold;}

.clea {width: 1px; height: 1px;}
.cleaGal {width: 1px; height: 1px; position: absolute; top: 0; left: 0;}
.clearance {width: 1px; height: 1px;}

/* background */
.bkColor {background: #000000;}
.whColor {background: #FFFFFF;}
.grayColor {background: #CCCCCC;}
.grayColor2 {background: #222222;}
.goldColor {background: #E5D192;}
.goldColor2 {background: #988053;}
.greenColor {background: #405c3c;}
.premColor {background: #D06C4B;}
.platColor {background: #575757;}
.gdColor {background: rgb(77,76,76); background: linear-gradient(0deg, rgba(77,76,76,1) 0%, rgba(0,0,0,1) 36%, rgba(97,97,97,1) 88%, rgba(75,75,75,1) 100%, rgba(0,0,0,1) 100%);}
.blueColor {background: #1D9BF0;}

/* kawagoe Color */
.color1 {background: #FF7F7F;}
.color2 {background: #FF7FBF;}
.color3 {background: #FF7FFF;}
.color4 {background: #BF7FFF;}
.color5 {background: #7F7FFF;}
.color6 {background: #7FBFFF;}
.color7 {background: #7FFFFF;}
.color8 {background: #7FFFBF;}
.color9 {background: #7FFF7F;}
.color10 {background: #BFFF7F;}
.color11 {background: #FFFF7F;}
.color12 {background: #FFBF7F;}
.color13 {background: #87c023;}
.color14 {background: #FF7F07;}
.color15 {background: #00B9BC;}
.color16 {background: #FBFBF9;}

/* Gradation */
.gra1 {background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 38%, rgba(255,255,255,1) 100%);}

/* color */
.bk {color: #000000;}
.wh {color: #FFFFFF;}
.red {color: #DF0205;}
.pnk {color: #FD749E;}
.grn {color: #185235;}
.gold {color: #E5D192;}
.ora {color: #FFA600;}

/* border */
.borderMain {border: solid 1px #FD749E;}

/* font */
.fontBold {font-weight: bold;}

/* text-align */
.tCenter {text-align: center;}
.tCenter a {text-align: center; color: #000000;}
.tCenter2 {text-align: center; margin: 50px 0; width: 100%;}
.tCenter3 {text-align: center; margin: 0 0 50px; width: 100%; height: 300px; line-height: 300px; border-bottom: solid 1px #CCCCCC; background: #FFFFFF;}

/* border-radius */
.br5 {border-radius: 5px;}
.br8 {border-radius: 8px;}
.br10 {border-radius: 10px;}

/* overflow */
.ovh {overflow: hidden;}
.ovfh {overflow: hidden;}

/* wide */
.wide {height: 100%; margin: 0px; line-height: 0px;}
.wide2 {width: 100%; max-width: 600px; margin: 0px; line-height: 0px;}
.wide3 {width: 100%; margin:0px; line-height: 0px; border-radius: 5px;}
.wide4 {width: 100%; line-height: 0; margin: 0; padding: 0;}
.wide7 {width: 100%; max-width: 139px; border-radius:5px;}

/* height */
.min50 {min-height: 50px;}

/* img */
.img_96 {width: 96%;}
.img_90 {width: 90%;}

/* margin */
.mg0 {margin: 0;}
.mgT5 {margin-top: 5px;}
.mgT10 {margin-top: 10px;}
.mgT15 {margin-top: 15px;}
.mgB5 {margin-bottom: 5px;}
.mgB10 {margin-bottom: 10px;}
.mgB15 {margin-bottom: 15px;}
.mgB30 {margin-bottom: 30px;}
.mgB50 {margin-bottom: 50px;}
.mgB80 {margin-bottom: 80px;}
.mgL5 {margin-left: 5px;}
.mgL10 {margin-left: 10px;}
.mgL15 {margin-left: 15px;}
.mgL20 {margin-left: 20px;}
.mgL2p {margin-left: 2%;}
.mgL5p {margin-left: 5%;}
.mgL10p {margin-left: 10%;}

/* padding */
.pd0 {padding: 0;}
.pdAll5 {padding: 5px;}
.pdAll10 {padding: 10px;}
.pdT5 {padding-top: 5px;}
.pdT10 {padding-top: 10px;}
.pdT15 {padding-top: 15px;}
.pdT20 {padding-top: 20px;}
.pdB5 {padding-bottom: 5px;}
.pdB10 {padding-bottom: 10px;}
.pdB15 {padding-bottom: 15px;}
.pdB20 {padding-bottom: 20px;}
.pdB50 {padding-bottom: 50px;}
.pdL2 {padding-left: 2px;}

/* margin：padding */
.mgpd0 {margin: 0; padding: 0;}

div.center {margin-top: 80; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-bottom: 10px;}
.center {width: 100%; margin: 0; padding: 0; animation: translate 1s;animation-iteration-count: 1;-webkit-animation:translate 1s;-moz-animation:translate 1s;-ms-animation:translate 1s;-o-animation:translate 1s;}
div.box {float: left; border-radius: 5px; margin: 5px;}

div.center2 {margin-top: 80;margin-right: auto;margin-bottom: 0;margin-left: auto;padding-top: 3px;padding-bottom: 3px;}
.center2 {animation: translate 0.5s; animation-iteration-count: 0.5;}
div.box2 {float: left;margin: 2px; border-radius:2px;}

div.centerDay {margin-top: 80; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-bottom: 10px;}
.centerDay {width: 100%; margin: 0; padding: 0; animation: translate 1s;animation-iteration-count: 1;-webkit-animation:translate 1s;-moz-animation:translate 1s;-ms-animation:translate 1s;-o-animation:translate 1s;}
div.boxDay {float: left;}

div.centerGals {margin: 30px auto 0; padding-bottom: 10px;}
.centerGals {width: 100%; margin: 0; padding: 0; animation: translate 1s; animation-iteration-count: 1;-webkit-animation:translate 1s;-moz-animation:translate 1s;-ms-animation:translate 1s;-o-animation:translate 1s;}
div.boxGals {float: left; border-radius: 5px;}

