@charset "utf-8";
/* CSS Document */
#instafeed li { float:left;}
/*▼▼▼▼▼初期化▼▼▼▼▼*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding: 0px; margin: 0px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", ns-serif; font-size:18px;line-height: 1.5em; letter-spacing: 1px; color:#333;-webkit-text-size-adjust: 100%;}
table { border-collapse: collapse; }
ul, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; font-size: 100%; font-weight: normal; }
a { overflow: hidden; outline: none; }
img { border: none; vertical-align: bottom; }
table td { border: none; vertical-align: top; }
a{ color:#333;}
a:hover { text-decoration: none; }
a:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: 0.5s;  -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
img{ max-width:100%; height:auto;}
/*▲▲▲▲▲初期化▲▲▲▲▲*/
body *	{}

body .slider * {  -webkit-transition: 0s;  -moz-transition: 0s; -ms-transition:0s; transition:0s;}

body{min-width:480px; text-align:left;}
#conteiner{ overflow:hidden;background:#f9d6d6;}
#wrper{ padding:80px 0px;}
#content{}


#header{ display:none;}
#header{ max-width:960px; margin:auto; overflow:hidden; margin-bottom:30px;}
#header h1{ font-size:12px; letter-spacing:normal; padding:10px 0;}
#header .left{ max-width:453px; float:left;}

#header .center { width:134px; height:95px; overflow:hidden; float:left; text-indent:-9999px; margin-left:15px;}
#header #btn-fg a { background:url(../images/btn-fg.jpg) no-repeat; width:134px; height:95px; overflow:hidden; display:block;}
#header #hlogo{}
#header .right{ width:352px; float:right; background:#07166B; text-align:center; padding:10px 0px;}
#header .right .p-01{ color:#fff;}
#header .right .p-tel{ color:#f6ff00; font-size:30px; line-height:1em;}
#header .right .p-tel a{ color:#f6ff00; text-decoration:none;}
#header .right .p-tel i{ color:#fff; text-decoration:none;}
#header .right .p-tel span{ color:#333; margin-right:5px;}
#header .right .p-tel .ico{ overflow:hidden;}
#header .right .p-tel .ico img{ float:left; margin-right:7px;}
#header .right .p-tel .ico img:last-of-type{ margin-right:0px;}


#header-02{ text-align:center; padding:20px 0;}
#header-02 p{ display:inline-block; font-size:38px; font-weight:bold; color:#f18393; font-family: 'Zen Maru Gothic', sans-serif;}
#header-02 i{ font-size:30px; color:#ff8f9f; margin-right:5px; position:relative; top:-3px;}
#header-02 p .span-01{ text-shadow: 2px 2px 0 #f85c82;}
#header-02 p .en{ font-size:18px; display:inline-block; line-height:1em; color: #DA8E00; background: -webkit-linear-gradient(130deg,#FEF5B2,#DB94D6,#BFCEEC,#E6EECF); background: linear-gradient(-40deg,#FEF5B2,#DB94D6,#BFCEEC,#E6EECF); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; position:relative; padding:0 50px;}



#footer-02{ text-align:center; padding-top:50px;}
#footer-02 img{ margin:0px 0 50px;}
#footer-02 #tamonten { background:#fff; clear:both; text-align:center; font-size:10px; color:#333; padding:5px 0;}
#footer-02 #tamonten a { display:block; cursor:default; color:#555; text-decoration:none; opacity: 1; filter: alpha(opacity=100);font-family: 'Zen Maru Gothic', sans-serif; font-weight:500;}



#footer-bk { background:#07166B; display:none;}
#footer-bk #footer{max-width:960px; margin:auto; overflow:hidden; padding:4% 0px 0 0;}
#footer-bk #footer .area-01{ overflow:hidden; margin-bottom:50px;}
#footer-bk #footer .left{ width:462px; float:left;}
#footer-bk #footer .left p{ color:#fff; font-size:12px; letter-spacing:normal; margin-bottom:7px;}
#footer-bk #footer .right{ width:462px; float:right; text-align:right; color:#fff;}
#footer-bk #footer .right p{ font-size:16px; letter-spacing:normal; color:#fff;}
#footer-bk #footer #tamonten { clear:both; text-align:center; font-size:10px; color:#fff;}
#footer-bk #footer #tamonten a { display:block; cursor:default; color:#fff; text-decoration:none; opacity: 1; filter: alpha(opacity=100); }

.page-top {
	  position: fixed;
    bottom: 60px;
    right: 40px;
	background-image: url(../images/totop.png);
	width:100px; height:100px; text-indent:-9999px;
}

.flexslider{ }
.flexslider span{position:absolute;background: rgba(0,0,0, 0.6); color:#333; width:100%; left:0px; bottom:0px; padding:5px 0px; display:block;}

h2{ clear:both; text-align:center;font-size:36px; font-weight:bold; color:#333; font-family: 'Zen Maru Gothic', sans-serif; margin-bottom:30px; position: relative; display: inline-block;}
h2:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width:120px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
   background: #f18393;
  border-radius: 2px;}

.pcno{ display:none;}

#box-top{ max-width:750px; margin:0 auto 100px;}
#box-top .area-01 { position: relative;}
/*#box-top .area-01 .h2 { position:absolute; right:0px; top: 0px; font-size:50px; font-weight:bold; color:#ff546c; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; letter-spacing:3px;font-family: brandon-grotesque, sans-serif;}*/
#box-top .area-01 .img-01{ position:relative; z-index:2;}
#box-top .area-01 .text { max-width:750px;margin:auto; background:rgba(255,255,255,0.98); position:relative; top:-30px;}
#box-top .area-01 .inner{ width:80%; margin:auto; text-align:center; padding:60px 0 30px 0;}


#box-top .area-01 .text .inner p.pcno{ display:none;}
#box-top .area-01 .text .inner p.p-01{ font-size:48px; margin-bottom:15px; font-weight:bold; color: #DA8E00;
  background: -webkit-linear-gradient(-45deg, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
#box-top .area-01 .text .inner p.p-01 span{color:#ff546c;}
#box-top .area-01 .text .inner p.p-02{ font-size:20px; font-weight:bold; letter-spacing:normal; padding-bottom:20px; border-bottom:1px solid #efefef; margin-bottom:30px;}
#box-top .area-01 .text .inner p.p-03{ font-size:24px; margin-bottom:5px; font-weight:bold;}
#box-top .area-01 .text .inner p.p-03 span{color:#ff546c;}
#box-top p { font-family: 'Zen Maru Gothic', sans-serif; font-weight:500;}





#box-01{ text-align:center;}
#box-01 .area-01{ max-width:750px; margin:0 auto 100px; padding:0 10px;}
#box-01 .area-01 .p-01{ text-align:left; font-weight:700;font-family: 'Zen Maru Gothic', sans-serif;}
#box-01 .area-01 .p-02{ text-align:left; border-bottom:#333 solid 1px; margin-bottom:10px; padding-bottom:10px;font-family: 'Zen Maru Gothic', sans-serif; font-weight:500;}
#box-01 .area-01 a{ text-decoration:none;}
#box-01 .newsarea{ padding-top:50px;}
#box-01 .area-02{ padding:100px 0 20px; margin-bottom:50px; position:relative;}
#box-01 .area-02::before{ content:''; display:block; width:87%; height:100%; top:0px; left:0; position:absolute; z-index:0; background: linear-gradient(to top right, #f3abb7, #f18393);}

#box-01 .area-02 p.pcno { position:absolute; left:5%; top: 100px; font-size:50px; font-weight:bold; color:#fff; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; letter-spacing:3px; font-family: 'Zen Maru Gothic', sans-serif;}



#box-02{ max-width:750px; margin:auto;}
#box-02 .area-01{ margin:0 10px; background:#fcfcfc; margin-bottom:70px;}
#box-02 .area-01 h3{ background:#fff; padding:10px; color:#333; font-size:18px; font-weight:bold; font-family: 'Zen Maru Gothic', sans-serif; font-weight:500;}
#box-02 .area-01 h3 .s-01{ font-size:14px; border:#666 solid 1px;width:100px; text-align:center; padding:0px 0px; display:inline-block; float:left; margin-right:10px;border-radius:5px; position:relative; bottom:2px; color:#ff546c; font-weight:bold; font-family: 'Zen Maru Gothic', sans-serif; font-weight:500;}
#box-02 .area-01 .s-02{background:#ff546c;padding:0px 0px; display:inline-block; float:right;border-radius:5px;color:#fff; font-weight:bold;  font-family: 'Zen Maru Gothic', sans-serif; padding:0 20px; margin:10px;}
#box-02 .area-01 .inner{ padding:10px;color:#333; clear:both;}
#box-02 .area-01 .inner p{ color:#333;}
#box-02 .area-01 .inner .p-01{ margin-bottom:10px; font-weight:bold; font-family: 'Zen Maru Gothic', sans-serif;}
#box-02 .area-01 .inner .p-02{color:#F00;}
#box-02 .area-01 .inner .p-03{color:#F00; font-weight:bold;}

#box-02 .area-01 .inner .tb-02{ overflow:hidden; padding:0 20px;}
#box-02 .area-01 .inner .tb-02 div{}
#box-02 .area-01 .inner .tb-02 div.text{ font-weight:bold; color:#000; margin-bottom:20px;}
#box-02 .area-01 .inner .tb-02 .ta-box{ clear:both; overflow:hidden; margin-bottom:20px;}
#box-02 .area-01 .inner .tb-02 table{}
#box-02 .area-01 .inner .tb-02 table:nth-child(2){}
#box-02 .area-01 .inner .tb-02 table td{padding:5px 0px; color:#333; font-weight:500; font-family: YuGothic, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;-webkit-text-size-adjust: 100%;}
#box-02 .area-01 .inner .tb-02 table td.td-01{ width:100px;}
#box-02 .area-01 .inner .tb-02 a{ color:#333;}
#box-02 .area-01 .inner .tb-02 .btnarea{ clear:both; margin-top:20px; text-align:center;}


#box-single{ text-align:center;}


@media only screen and (max-width:712px){
	
	
	}
	

.btn,
a.btn,
button.btn {
	width:220px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.5rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}


.btn-border-gradient-wrap {
  display: inline-block;

  padding: 0.2rem;

  border-radius: 0.5rem;
}

.btn-border-gradient-wrap--gold { margin-bottom:20px;
  background-image: -webkit-linear-gradient(
    315deg,
    #704308 0%,
    #ffce08 37%,
    #fefeb2 47%,
    #fafad6 50%,
    #fefeb2 53%,
    #e1ce08 63%,
    #704308 100%
  );
  background-image: linear-gradient(
    135deg,
    #704308 0%,
    #ffce08 37%,
    #fefeb2 47%,
    #fafad6 50%,
    #fefeb2 53%,
    #e1ce08 63%,
    #704308 100%
  );
}

.btn-border-gradient-wrap--gold:hover a.btn {
  text-shadow: 0 0 15px rgba(250, 250, 214, 0.5),
    0 0 15px rgba(250, 250, 214, 0.5), 0 0 15px rgba(250, 250, 214, 0.5),
    0 0 15px rgba(250, 250, 214, 0.5);
}

a.btn-border-gradient {
  font-size: 1.5rem;
  background: #000;
}

.btn-text-gradient--gold {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",
    "Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", serif;

  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#ffffdb),
    to(#a16422)
  );

  background: -webkit-linear-gradient(bottom, #ffffdb, #a16422);

  background: linear-gradient(to top, #ffffdb, #a16422);
  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;
}

<!--▼▼▼▼▼▼▼シルバーbtn▼▼▼▼▼▼▼-->

.btn-border-gradient-wrap {
  display: inline-block;

  padding: 0.2rem;

  border-radius: 0.5rem;
}

.btn-border-gradient-wrap--silver {
  background-image: -webkit-linear-gradient(
    315deg,
    #333 0%,
    #868888 20%,
    #d8dcdc 34%,
    #999a9c 35%,
    #cccdce 43%,
    white 53%,
    #d1d6d7 68%,
    #9b9d9f 84%,
    #666 100%
  );
  background-image: linear-gradient(
    135deg,
    #333 0%,
    #868888 20%,
    #d8dcdc 34%,
    #999a9c 35%,
    #cccdce 43%,
    white 53%,
    #d1d6d7 68%,
    #9b9d9f 84%,
    #666 100%
  );
}

a.btn-border-gradient {
  font-size: 1.2rem;
  background: #000;
}

.btn-text-gradient--silver {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#fff),
    to(#999)
  );
  background: -webkit-linear-gradient(bottom, #fff, #999);
  background: linear-gradient(to top, #fff, #999);
  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;
}

.btn-border-gradient-wrap--silver:hover a.btn {
  text-shadow: 0 0 15px rgba(209, 214, 215, 0.5),
    0 0 15px rgba(209, 214, 215, 0.5), 0 0 15px rgba(209, 214, 215, 0.5),
    0 0 15px rgba(209, 214, 215, 0.5);
}


@media only screen and (max-width: 960px) {
	
#mp-bk{ background:none;}
#header .right{ width:100%;background:#07166B; text-align:center; padding:10px 0px;}
#header .left{ max-width:453px; float:none;text-align:center; margin:auto; margin-bottom:20px;}
#header .center { width:100%;overflow:hidden; height: auto; text-indent:0px; margin-left:0px; text-align:center;}
#header #btn-fg a { background: #000; color:#fff; width:100%; height: auto; overflow:hidden; display:block; text-indent:0; display:block; font-size:20px; padding:20px 0px; text-decoration:none;}

#lp #footer-bk #footer .left{ width:100%; float: none; text-align:center; margin-bottom:30px;}
#lp #footer-bk #footer .right{ width:100%; float: none; text-align: center; color:#FFF;}
}