@charset "UTF-8";

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {text-align: left;}
q::before ,q::after {content: '';}
object, embed {vertical-align: top;}
hr, legend {display: none;}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {border: 0;}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}
ul li { list-style-type: none;}
*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix { /zoom:1; }
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
p {
	padding: 0 0 20px;
	line-height: 180%;
}
em {
	font-style:normal;
}
strong {
	font-weight: bold;
}
a {
	color:#000;
	outline: none;
	text-decoration: none;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
}
a:active,
a:hover {
	text-decoration: none;
}
a:focus,
*:focus {
	outline:none;
}
a:hover img {
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
/*.en {
	font-family: 'Smythe', cursive;
}*/
.min {	font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;}
.txhd {
	display:block;
	height:0;
	overflow:hidden;
	font-size:1.0rem;
	line-height:2;
}
.pc {
	display: inherit;
}
.sp {
	display: none;
}
.nodisp { display:none !important;}
.noborder { border:0px !important;}
.nobg { background:none !important;}
.blockdisp { display:block !important;}
.bold { font-weight: bold !important;}
:root *> .bold { font-weight: 700 !important;}
.clear { clear:both !important;}
.of { overflow:hidden;}
.fl{float:left !important;}
.fr{float:right !important;}
.fn{float:none !important;}
.taL {text-align:left !important;}
.taC {text-align:center !important;}
.taR {text-align:right !important;}
.nowrap { white-space:nowrap !important;}
.ind { text-indent:1em;}
.fit img { width:100%;}



/* ==========================================================================
   Global
   ========================================================================== */

html {
	font-size: 62.5%; 
	overflow-y: scroll;
	height: 100%;
}
html.ofyh {
	height:100%;
	overflow-y:hidden;
}
body {
	height: 100%;
	font-size: 1.6rem;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color: #fff;
	background:#fff;
	text-align: left;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
#wrap {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: end;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  width: 100%;
  height: 100vh;
  min-width: 1200px;
  min-height: 500px;
  overflow: hidden;
}
#wrap.ofyh {
	height:100%;
	overflow-y:hidden;
}
.front_cover {
	position: absolute;
	top: 0;
	bottom:0;
	left: 0;
	right: 0;
	width: auto;
	display: block;
	background:#fff;
	z-index: 1000;
}
/* is__start  */
body.is__start .front_cover {
	animation: front_cover__start 2s 0s both;
}
		@keyframes front_cover__start {
			0% { display: block; opacity: 1; top: 0; }
			98% { display: block; opacity: 0; top: 0; }
			99.9%,to { display: none; opacity: 0; top: 100%; }
		}

/* is__stop  */
body.is__stop .front_cover {
 display:none
}
.inner {
	*zoom: 1;
	margin: 0 auto;
}


/*
titleArea
==================================================================================*/
#titleArea {
	position: relative;
 width: 53.75%;
 text-align: center;
 padding-left: 5%;
}
.ts__cp_01 {
 width: 47.2096%;
 margin: 0 auto
}
.ts__cp_02 {
 width: 82.9562%;
 margin: 4.2232% auto 0;
}
.ts__h1 {
 width: 94.7209%;
 margin: 11.463% auto 0;
}
.ts__billing {
	width: 69.5324%;
 margin: 17.1945% auto 0;
}
.ts__date {
	width: 100%;
 margin: 1.8853% auto 0;
}
.ts__blog {
 width: 140px;
 margin: 4.0723% auto 0;
}
.ts__blog a {
 display:block;
 padding:12px;
 text-align:center;
 background:#794721;
}
.ts__blog a:hover {
 background:#381c07;
}
.ts__blog a img {
 width:70px;
 margin:0 auto;
}



/* is__start  */
body.is__start #titleArea {
	animation: ts__start 4s 0.5s ease both;
}
		@keyframes ts__start {
			0% { opacity: 0;}
			100% { opacity: 1;}
		}


/*
ts__mainvisual
==================================================================================*/
#ts__mainvisual {
	position: absolute;
 left: 106.4102%;
 top: 13.5746%;
	width:73.8714%;
	display: block;
}
.vi__box {
	width:100%;
	height: auto;
}


/*
ts__linkbtn
==================================================================================*/
.ts__linkbtn {
	position: absolute;
	top: 20px;
	right: 10px;
	display: block;
	z-index:3;
}
.ts__linkbtn .sns {
	display: block;
	text-align:center;
 width: 124px;
}
.ts__linkbtn .sns li {
 float:left;
	display: block;
	width: 40px;
	height: 40px;
 margin:0 10px; 
}
.ts__linkbtn .sns li a {
	display: block;
	width: 40px;
	height: 40px;
 padding:10px;
 background:#5576b9;
 border-radius:200%;
 fill:#fff;
}
.ts__linkbtn .sns li.tw a {
 background:#58a8ec;
}
.ts__linkbtn .sns li.in a {
 padding:8px;
 background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
 background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
 background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
 background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
 background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
 -webkit-animation: animation 3.5s linear infinite;
 -moz-animation: animation 3.5s linear infinite;
 -ms-animation: animation 3.5s linear infinite;
 -o-animation: animation 3.5s linear infinite;
 animation: animation 3.5s linear infinite;
}