@charset "utf-8";

/* CSS Document */
.sign {
  font-size: 150%;
  text-align: right !important;
  text-shadow: 0 0 1px #bbb;
  font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
  line-height: 1.5;
}

.sign span {
  font-size: 75%;
}

.mincho {
  font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
  line-height: 1.5;
}

.marugo {
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
  line-height: 1.8;
}

.mincho20 {
  font-size: 125%;
  /*text-shadow:0 0 1px #bbb;*/
  font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
  line-height: 1.5;
  letter-spacing: -1px;
}

.mincho24 {
  font-size: 150%;
  text-shadow: 0 0 1px #bbb;
  font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
  line-height: 1.5;
  letter-spacing: -1px;
}

.mincho30 {
  font-size: 188%;
  text-shadow: 0 0 1px #bbb;
  font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
  line-height: 1.3;
  letter-spacing: -1px;
}

.cr {
  color: #e00000;
}

.aqgr {
  color: #00ACAC;
}

.yellow {
  color: #ffff00;
}

.pink {
  color: #EF0F7F;
}

.white {
  color: #fff;
}

.brown {
  color: #B25900;
}

.gold {
  color: #B25900;
}

.gold2 {
  color: #B49952;
}

.purple {
  color: #5F456B;
}

.orange {
  color: #FFC926;
}

.fb {
  font-weight: bold;
}

h2, h3, h3, h4, h5 {
  font-weight: bold;
}

.f12 {
  font-size: 75%;
}

.f14 {
  font-size: 90%;
}

.f16 {
  font-size: 100%;
}

.f18 {
  font-size: 113%;
}

.fb18 {
  font-weight: bold;
  font-size: 113%;
}

.fb18-wine {
  font-weight: bold;
  font-size: 113%;
  color: #CB0065;
}

.f20 {
  font-size: 125%;
}

.f22 {
  font-size: 22px;
}

.f24 {
  font-size: 150%;
}

.fb20 {
  font-weight: bold;
  font-size: 125%;
}

.fb20-red {
  font-weight: bold;
  font-size: 125%;
  color: #bb0000;
}

.fb24 {
  font-weight: bold;
  font-size: 150%;
}

.fb30 {
  font-weight: bold;
  font-size: 188%;
}

.fb34 {
  font-weight: bold;
  font-size: 210%;
}

.fb36 {
  font-weight: bold;
  font-size: 225%;
}

.fb40 {
  font-weight: bold;
  font-size: 250%;
}

.f45 {
  font-size: 45px;
}

.blue {
  color: #0053fD;
}

.fu {
  text-decoration: underline;
}

.fbu {
  font-weight: bold;
  text-decoration: underline;
}

.fb-cr {
  font-weight: bold;
  color: #e00000;
}

.fu-cr {
  text-decoration: underline;
  color: #e00000;
}

.fu-bgy {
  text-decoration: underline;
  background: #fefe7b;
  padding: 2px;
}

.fu-cr-bgy {
  text-decoration: underline;
  color: #e00000;
  background: #fefe7b;
  padding: 2px;
}

.fbu-cr {
  font-weight: bold;
  text-decoration: underline;
  color: #e00000;
}

.fbu-cb {
  font-weight: bold;
  color: #00f;
}

.fb-cr-bgy {
  font-weight: bold;
  color: #e00000;
  background: #fefe7b;
  padding: 2px;
}

.fb-wh-bgcr {
  font-weight: bold;
  color: #fff;
  background: #e00000;
  padding: 2px;
}

.cr-bgy {
  color: #e00000;
  background: #fefe7b;
  padding: 2px;
}

.fb-bgy {
  font-weight: bold;
  background: #fefe7b;
  padding: 2px;
}

.fbu-bgy {
  font-weight: bold;
  text-decoration: underline;
  background: #fefe7b;
  padding: 2px;
}

.fbu-cr-bgy {
  font-weight: bold;
  text-decoration: underline;
  color: #e00000;
  background: #fefe7b;
  padding: 2px;
}

.fb-cb-bgy {
  font-weight: bold;
  color: #00537D;
  background: #fefe7b;
  padding: 2px;
}

.bgy {
  background: #fefe7b;
  padding: 2px;
}

.bgy-half {
  background-image: linear-gradient(transparent 60%, #ffff00 60%);
}

.bgp {
  background: rgba(250, 0, 157, 0.6);
  padding: 2px;
}

.bgy-a {
  background: rgba(254, 254, 123, 0.6);
}

.bgb {
  background: #0CF;
  padding: 2px;
}

.bgg {
  background: #ddd;
  padding: 2px;
}

.bgblack {
  background: #000;
}

.bg-white {
  background: #fff;
}

.pt0 {
  padding-top: 0 !important;
}

.pb30 {
  padding-bottom: 30px;
}

.pb-1 {
  padding-bottom: 1em;
}

.pt-1 {
  padding-top: 1em;
}

.ptb30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.align-c {
  text-align: center;
}

.align-r {
  text-align: right;
}

.align-l {
  text-align: left;
}

.img-float-l {
  float: left;
  margin-right: 16px;
  margin-bottom: 0;
}

.img-float-r {
  float: right;
  margin-left: 16px;
  margin-bottom: 0;
}

.wh-frame {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
  padding: 5px;
  background-color: #FFFFFF;
  box-shadow: 3px 3px 5px 2px rgba(0, 0, 0, 0.3);
}

.pt30 {
  padding-top: 30px!important;
}


.pt50 {
  padding-top: 50px!important;
}

.pb50 {
  padding-bottom: 50px;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb80 {
  margin-bottom: 80px;
}
.u-max-full-width{
  max-width: 100%;
}

.b-radius {
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-radius: 6px;
}

.box-shadow {
  -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
  border-right: solid 1px #ccc\9;
  /* ie8 */
  border-bottom: solid 2px #ccc\9;
  /* ie8 */
}

*:first-child+html .box-shadow {}

/* ie7 */
.box-shadow2 {
  -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.7);
  border-top: solid 1px #ccc\9;
  /* ie8 */
  border-left: solid 1px #ccc\9;
  /* ie8 */
  border-right: solid 1px #ccc\9;
  /* ie8 */
  border-bottom: solid 2px #ccc\9;
  /* ie8 */
}

.box-light {
  -moz-box-shadow: 0px 0px 6px rgba(255, 255, 255, 1.0);
  -webkit-box-shadow: 0px 0px 6px rgba(255, 255, 255, 1.0);
  -o-box-shadow: 0px 0px 6px rgba(255, 255, 255, 1.0);
  -ms-box-shadow: 0px 0px 6px rgba(255, 255, 255, 1.0);
  box-shadow: 0px 0px 6px rgba(255, 255, 255, 1.0);
}

*:first-child+html #contents .box-shadow {
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 2px #ccc;
}

/* ie7 */
.box-shadow-inset {
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2) inset;
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2) inset;
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2) inset;
}

.ribbon1 {
  display: inline-block;
  position: relative;
  height: 2em;
  /*リボンの高さ*/
  line-height: 2em;
  /*リボンの高さ*/
  text-align: center;
  padding: 0 1em;
  /*横の大きさ*/
  background: #d1496b;
  /*塗りつぶし色*/
  color: #FFF;
  /*文字色*/
  box-sizing: border-box;
}

.ribbon1:before, .ribbon1:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon1:before {
  top: 0;
  left: 0;
  border-width: 1em 0px 1em 0.5em;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon1:after {
  top: 0;
  right: 0;
  border-width: 1em 0.5em 1em 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

hr {
  width: 60px;
  margin: 25px auto 45px auto;
  padding: 0;
  height: 0;
  border: 0;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0px;
  border-top: 3px solid #9E7F22;
}

hr.white {
  width: 60px;
  margin: 25px auto 45px auto;
  padding: 0;
  height: 0;
  border: 0;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0px;
  border-top: 3px solid #fff;
}

hr.pink {
  width: 60px;
  margin: 25px auto 45px auto;
  padding: 0;
  height: 0;
  border: 0;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0px;
  border-top: 3px solid #DD53A9;
}

.indent {
  padding-left: 1em;
  text-indent: -1em;
}

.alert {
  color: #fff;
  font-size: 0.8em;
  padding: 2px 10px;
  background-color: #C00;
  border-radius: 5px;
  text-indent: 0;
}

.nosp {
  display: block;
}

.nopc {
  display: none;
}

.ytb {
  text-align: center;
  padding: 20px 0 20px;
}

.w960 {
  max-width: 960px;
  margin: 0 auto;
}

.flex {
  display: flex;
}

.flex-btw {
  justify-content: space-between;
}

.xs {
  display: none;
}

.w100 {
  max-width: 100%;
}

.pt10{
	padding-top: 10px;
}

.prof {
  font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
}

.alpha button {
    border: none;
    background: none;
}
.alpha button:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.anim1 {
	-webkit-animation: 1.5s forwards anim1;
	animation: 1.5s forwards anim1;
}
	@-webkit-keyframes anim1 {
		0% {
			-webkit-transform: translate(0, 80px);
			opacity: 0;
		}
		100% {
			-webkit-transform: translate(0, 0);
			opacity: 1;
		}
	}
	@keyframes anim1 {
		0% {
			transform: translate(0, 80px);
			opacity: 0;
		}
		100% {
			transform: translate(0, 0);
			opacity: 1;
		}
	}

.listImg1 {
	text-align: right;
}
.img1pc {
	margin-top:-1.5em;
}
.img1sp {
	display:none;
}