@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body {
	color:#333;
	font-size:small;
	font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
	-webkit-text-size-adjust: none;
}

* {
	padding: 0;
	margin: 0;
}

img {
	max-width: 100% !important;
}
/* リンク設定
------------------------------------------------------------*/
a{color:#111;text-decoration:none;}
a:hover{color:#a3016f;}
a:active, a:focus {outline:0;}


/* 全体
------------------------------------------------------------*/
#wrapper{
	margin:0 auto;
	padding:0;
	width:960px;
	border: 1px solid #111;
}

.logo img {
	max-height: 30px;
	width: auto;
}
.logo {
	text-align: center;
	font-weight: bold;
	font-size: 36px;
	color:#be2120;
}
.body {
	padding: 50px;
	text-align: center;
}

#header,
#footer {
	padding: 20px 50px;
}
#footer {
	border-top:2px solid #ebebeb;
	overflow:hidden;
	text-align: center;
}
#footer .info {
	margin:1em 0 0 0;
	font-weight: bold;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  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;
  border-radius: 0.5rem;
	background:#b95e9b;
	color: #fff;
	margin-top: 3em;
	border-radius: 100vh;
}
.fa-position-right {
  position: absolute;
  top: calc(50% - .5em);
  right: 1rem;
}
a.btn:hover {
	opacity: .7;
}
/*************************/
/* フロートボックス */
/*************************/
.fbox {
  overflow: hidden;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
}

.fbox:after, .clearfix:before {
  content: "";
  display: block;
  overflow: hidden
}

.fbox:after {
  clear: both
}

.fbox .L5 {
  float: left;
  width: 5%;
  box-sizing: border-box;
}

.fbox .L10 {
  float: left;
  width: 10%;
  box-sizing: border-box;
}

.fbox .L15 {
  float: left;
  width: 15%;
  box-sizing: border-box;
}

.fbox .L20 {
  float: left;
  width: 20%;
  box-sizing: border-box;
}

.fbox .L25 {
  float: left;
  width: 25%;
  box-sizing: border-box;
}

.fbox .L30 {
  float: left;
  width: 30%;
  box-sizing: border-box;
}

.fbox .L33 {
  float: left;
  width: 33.3333%;
  box-sizing: border-box;
}

.fbox .L35 {
  float: left;
  width: 35%;
  box-sizing: border-box;
}

.fbox .L40 {
  float: left;
  width: 40%;
  box-sizing: border-box;
}

.fbox .L45 {
  float: left;
  width: 45%;
  box-sizing: border-box;
}

.fbox .L50 {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

.fbox .L55 {
  float: left;
  width: 55%;
  box-sizing: border-box;
}

.fbox .L60 {
  float: left;
  width: 60%;
  box-sizing: border-box;
}

.fbox .L65 {
  float: left;
  width: 65%;
  box-sizing: border-box;
}

.fbox .L70 {
  float: left;
  width: 70%;
  box-sizing: border-box;
}

.fbox .L75 {
  float: left;
  width: 75%;
  box-sizing: border-box;
}

.fbox .L80 {
  float: left;
  width: 80%;
  box-sizing: border-box;
}

.fbox .L85 {
  float: left;
  width: 85%;
  box-sizing: border-box;
}

.fbox .L90 {
  float: left;
  width: 90%;
  box-sizing: border-box;
}

.fbox .L95 {
  float: left;
  width: 95%;
  box-sizing: border-box;
}

.fbox .L100 {
  width: 100%;
  box-sizing: border-box;
}

.fbox .L5, .fbox .L10, .fbox .L15, .fbox .L20, .fbox .L25, .fbox .L30, .fbox .L33, .fbox .L35, .fbox .L40, .fbox .L45, .fbox .L50, .fbox .L55, .fbox .L60, .fbox .L65, .fbox .L70, .fbox .L75, .fbox .L80, .fbox .L85, .fbox .L90, .fbox .L95, .fbox .L100 {
  padding: 5px;
}

.fbox p {
  margin: 0;
  padding: 0;
}
/*************************/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
/*************************/
.pcOnly {
  display: block !important;
}

.spOnly {
  display: none !important;
}

.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}



@media all and (max-width: 800px) {
	.logo {
		font-size: 30px;
	}
	#wrapper{
		margin:0 auto;
		padding:0;
		width:100%;
		border: none;
	}
	.body {
		padding: 25px;
	}
	#header,
	#footer {
		text-align: center;
	}
  /*************************/
  /* テーブルのセルを立て並べにする */
  /*************************/
  table.mobile-block {
    width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  table.mobile-block th {
    background: #f3f3f3 !important;
    text-align: center !important;
  }
  table.mobile-block th, table.mobile-block td {
    border: none !important;
    display: block !important;
    width: auto !important;
    box-sizing: border-box !important;
  }
	.btn,
	a.btn,
	button.btn {
	  font-size: .9rem;
	  font-weight: 600;
	  line-height: 1.3;
	  padding:.5rem 1rem;
		margin-top: 1.5em;
		border-radius: 100vh;
		display: block;
		width: auto;
	}  /*************************/
  /* フロートボックス */
  /*************************/
  .fbox .L5, .fbox .L10, .fbox .L15, .fbox .L20, .fbox .L25, .fbox .L30, .fbox .L33, .fbox .L35, .fbox .L40, .fbox .L45, .fbox .L50, .fbox .L55, .fbox .L60, .fbox .L65, .fbox .L70, .fbox .L75, .fbox .L80, .fbox .L85, .fbox .L90, .fbox .L95, .fbox .L100 {
    display: block;
    width: 100%;
  }
  /*************************/
  /* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
  /*************************/
  .pcOnly {
    display: none !important;
  }
  .spOnly {
    display: block !important;
  }
}