@charset "UTF-8";

/* =========================================================
 * リセット
 * @ RESET
 * ====================================================== */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
main {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  /*aタグとかをタップしたときに色が変わるのを防ぐ*/
  -webkit-tap-highlight-color: transparent;
  /*input系のデフォの設定を消す（適用したいそれぞれに書かないとだめなときも）*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /*回転したときなど文字の大きさを調整*/
  -webkit-text-size-adjust: 100%;
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,
main {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


/* =========================================================
 * 共通定義
 * ====================================================== */

/* # align
---------------------------------------------------------------------------- */
.t-l   { text-align: left !important; }
.t-c { text-align: center !important; }
.t-r  { text-align: right !important; }

/* # float
---------------------------------------------------------------------------- */

.f-r { float:right !important;}
.f-l { float:left !important;}

/* -----------------------------------------------
 * font
 * -------------------------------------------- */
.bold {font-weight:bold !important;}


/* -----------------------------------------------
 * margin
 * -------------------------------------------- */
.b-center {
	margin-left: auto !important;
	margin-right: auto !important;
}


/* -----------------------------------------------
 * margin
 * -------------------------------------------- */

/* 中央配置 ------------------------- */
.b-center,.b-c {
	margin-left: auto !important;
	margin-right: auto !important;
}
/*
1rem      = 16px;
1.5rem    = 24px;
0.5rem    = 8px;
0.0625rem = 1px
*/

/* all ------------------------------ */

.mg0  {margin:  0   !important;}
.mg5  {margin:  5px !important;}
.mg10 {margin: 10px !important;}
.mg15 {margin: 15px !important;}
.mg20 {margin: 20px !important;}
.mg25 {margin: 25px !important;}
.mg30 {margin: 30px !important;}

@media screen and (max-width:768px) {
.mg5  {margin:  0.3125rem !important;}
.mg10 {margin: 0.625rem !important;}
.mg15 {margin: 0.9375rem !important;}
.mg20 {margin: 1.25rem !important;}
.mg25 {margin: 1.5625rem !important;}
.mg30 {margin: 1.875rem !important;}
}

/* all auto ------------------------- */
.mg0a  {margin:  0   auto !important;}
.mg5a  {margin:  5px auto !important;}
.mg10a {margin: 10px auto !important;}
.mg15a {margin: 15px auto !important;}
.mg20a {margin: 20px auto !important;}
.mg25a {margin: 25px auto !important;}
.mg30a {margin: 30px auto !important;}

@media screen and (max-width:768px) {
.mg5a  {margin:  0.3125rem auto !important;}
.mg10a {margin: 0.625rem auto !important;}
.mg15a {margin: 0.9375rem auto !important;}
.mg20a {margin: 1.25rem auto !important;}
.mg25a {margin: 1.5625rem auto !important;}
.mg30a {margin: 1.875rem auto !important;}
}

/* top ------------------------------ */
.mgt0   {margin-top:   0   !important;}
.mgt3   {margin-top:   3px !important;}
.mgt5   {margin-top:   5px !important;}
.mgt10  {margin-top:  10px !important;}
.mgt15  {margin-top:  15px !important;}
.mgt20  {margin-top:  20px !important;}
.mgt25  {margin-top:  25px !important;}
.mgt30  {margin-top:  30px !important;}
.mgt35  {margin-top:  35px !important;}
.mgt40  {margin-top:  40px !important;}
.mgt45  {margin-top:  45px !important;}
.mgt50  {margin-top:  50px !important;}
.mgt55  {margin-top:  55px !important;}
.mgt60  {margin-top:  60px !important;}
.mgt65  {margin-top:  65px !important;}
.mgt70  {margin-top:  70px !important;}
.mgt75  {margin-top:  75px !important;}
.mgt80  {margin-top:  80px !important;}
.mgt85  {margin-top:  85px !important;}
.mgt90  {margin-top:  90px !important;}
.mgt95  {margin-top:  95px !important;}
.mgt100 {margin-top: 100px !important;}
.mgt140 {margin-top: 140px !important;}

@media screen and (max-width:768px) {
.mgt5  {margin-top:  0.3125rem !important;}
.mgt10 {margin-top: 0.625rem !important;}
.mgt15 {margin-top: 0.9375rem !important;}
.mgt20 {margin-top: 1.25rem !important;}
.mgt25 {margin-top: 1.5625rem !important;}
.mgt30 {margin-top: 1.875rem !important;}
.mgt35 {margin-top: 2.1875rem !important;}
.mgt40 {margin-top: 2.5rem !important;}
.mgt45 {margin-top: 2.8125rem !important;}
.mgt50 {margin-top: 3.125rem !important;}
.mgt55 {margin-top: 3.4375rem !important;}
.mgt60 {margin-top: 3.75rem !important;}
.mgt65 {margin-top: 4.0625rem !important;}
.mgt70 {margin-top: 4.375rem !important;}
.mgt75 {margin-top: 4.6875rem !important;}
.mgt80 {margin-top: 5rem !important;}
.mgt85 {margin-top: 5.3125rem !important;}
.mgt90 {margin-top: 5.625rem !important;}
.mgt95 {margin-top: 5.9375rem !important;}
.mgt100 {margin-top: 6.25rem !important;}
.mgt140 {margin-top: 8.75rem !important;}
}


/* right ---------------------------- */
.mgr0   {margin-right:   0   !important;}
.mgr5   {margin-right:   5px !important;}
.mgr10  {margin-right:  10px !important;}
.mgr15  {margin-right:  15px !important;}
.mgr20  {margin-right:  20px !important;}
.mgr25  {margin-right:  25px !important;}
.mgr30  {margin-right:  30px !important;}
.mgr35  {margin-right:  35px !important;}
.mgr40  {margin-right:  40px !important;}
.mgr45  {margin-right:  45px !important;}
.mgr50  {margin-right:  50px !important;}
.mgr55  {margin-right:  55px !important;}
.mgr60  {margin-right:  60px !important;}
.mgr65  {margin-right:  65px !important;}
.mgr70  {margin-right:  70px !important;}
.mgr75  {margin-right:  75px !important;}
.mgr80  {margin-right:  80px !important;}
.mgr85  {margin-right:  85px !important;}
.mgr90  {margin-right:  90px !important;}
.mgr95  {margin-right:  95px !important;}
.mgr100 {margin-right: 100px !important;}

@media screen and (max-width:768px) {
.mgr5  {margin-right:  0.3125rem !important;}
.mgr10 {margin-right: 0.625rem !important;}
.mgr15 {margin-right: 0.9375rem !important;}
.mgr20 {margin-right: 1.25rem !important;}
.mgr25 {margin-right: 1.5625rem !important;}
.mgr30 {margin-right: 1.875rem !important;}
.mgr35 {margin-right: 2.1875rem !important;}
.mgr40 {margin-right: 2.5rem !important;}
.mgr45 {margin-right: 2.8125rem !important;}
.mgr50 {margin-right: 3.125rem !important;}
.mgr55 {margin-right: 3.4375rem !important;}
.mgr60 {margin-right: 3.75rem !important;}
.mgr65 {margin-right: 4.0625rem !important;}
.mgr70 {margin-right: 4.375rem !important;}
.mgr75 {margin-right: 4.6875rem !important;}
.mgr80 {margin-right: 5rem !important;}
.mgr85 {margin-right: 5.3125rem !important;}
.mgr90 {margin-right: 5.625rem !important;}
.mgr95 {margin-right: 5.9375rem !important;}
.mgr100 {margin-right: 6.25rem !important;}
}

/* bottom --------------------------- */
.mgb0   {margin-bottom:   0   !important;}
.mgb5   {margin-bottom:   5px !important;}
.mgb8   {margin-bottom:   8px !important;}
.mgb10  {margin-bottom:  10px !important;}
.mgb15  {margin-bottom:  15px !important;}
.mgb20  {margin-bottom:  20px !important;}
.mgb25  {margin-bottom:  25px !important;}
.mgb30  {margin-bottom:  30px !important;}
.mgb35  {margin-bottom:  35px !important;}
.mgb40  {margin-bottom:  40px !important;}
.mgb45  {margin-bottom:  45px !important;}
.mgb50  {margin-bottom:  50px !important;}
.mgb55  {margin-bottom:  55px !important;}
.mgb60  {margin-bottom:  60px !important;}
.mgb65  {margin-bottom:  65px !important;}
.mgb70  {margin-bottom:  70px !important;}
.mgb75  {margin-bottom:  75px !important;}
.mgb80  {margin-bottom:  80px !important;}
.mgb85  {margin-bottom:  85px !important;}
.mgb90  {margin-bottom:  90px !important;}
.mgb95  {margin-bottom:  95px !important;}
.mgb100 {margin-bottom: 100px !important;}
.mgb200 {margin-bottom: 200px !important;}

@media screen and (max-width:768px) {
.mgb5  {margin-bottom:  0.3125rem !important;}
.mgb8  {margin-bottom:  0.5rem !important;}
.mgb10 {margin-bottom: 0.625rem !important;}
.mgb15 {margin-bottom: 0.9375rem !important;}
.mgb20 {margin-bottom: 1.25rem !important;}
.mgb25 {margin-bottom: 1.5625rem !important;}
.mgb30 {margin-bottom: 1.875rem !important;}
.mgb35 {margin-bottom: 2.1875rem !important;}
.mgb40 {margin-bottom: 2.5rem !important;}
.mgb45 {margin-bottom: 2.8125rem !important;}
.mgb50 {margin-bottom: 3.125rem !important;}
.mgb55 {margin-bottom: 3.4375rem !important;}
.mgb60 {margin-bottom: 3.75rem !important;}
.mgb65 {margin-bottom: 4.0625rem !important;}
.mgb70 {margin-bottom: 4.375rem !important;}
.mgb75 {margin-bottom: 4.6875rem !important;}
.mgb80 {margin-bottom: 5rem !important;}
.mgb85 {margin-bottom: 5.3125rem !important;}
.mgb90 {margin-bottom: 5.625rem !important;}
.mgb95 {margin-bottom: 5.9375rem !important;}
.mgb100 {margin-bottom: 6.25rem !important;}
.mgb100 {margin-bottom: 12.5rem !important;}
}

/* left ----------------------------- */
.mgl0   {margin-left:   0   !important;}
.mgl5   {margin-left:   5px !important;}
.mgl10  {margin-left:  10px !important;}
.mgl15  {margin-left:  15px !important;}
.mgl18  {margin-left:  18px !important;}
.mgl20  {margin-left:  20px !important;}
.mgl25  {margin-left:  25px !important;}
.mgl30  {margin-left:  30px !important;}
.mgl35  {margin-left:  35px !important;}
.mgl40  {margin-left:  40px !important;}
.mgl45  {margin-left:  45px !important;}
.mgl50  {margin-left:  50px !important;}
.mgl55  {margin-left:  55px !important;}
.mgl60  {margin-left:  60px !important;}
.mgl65  {margin-left:  65px !important;}
.mgl70  {margin-left:  70px !important;}
.mgl75  {margin-left:  75px !important;}
.mgl80  {margin-left:  80px !important;}
.mgl85  {margin-left:  85px !important;}
.mgl90  {margin-left:  90px !important;}
.mgl95  {margin-left:  95px !important;}
.mgl100 {margin-left: 100px !important;}

@media screen and (max-width:768px) {
.mgl5  {margin-left:  0.3125rem !important;}
.mgl10 {margin-left: 0.625rem !important;}
.mgl15 {margin-left: 0.9375rem !important;}
.mgl20 {margin-left: 1.25rem !important;}
.mgl25 {margin-left: 1.5625rem !important;}
.mgl30 {margin-left: 1.875rem !important;}
.mgl35 {margin-left: 2.1875rem !important;}
.mgl40 {margin-left: 2.5rem !important;}
.mgl45 {margin-left: 2.8125rem !important;}
.mgl50 {margin-left: 3.125rem !important;}
.mgl55 {margin-left: 3.4375rem !important;}
.mgl60 {margin-left: 3.75rem !important;}
.mgl65 {margin-left: 4.0625rem !important;}
.mgl70 {margin-left: 4.375rem !important;}
.mgl75 {margin-left: 4.6875rem !important;}
.mgl80 {margin-left: 5rem !important;}
.mgl85 {margin-left: 5.3125rem !important;}
.mgl90 {margin-left: 5.625rem !important;}
.mgl95 {margin-left: 5.9375rem !important;}
.mgl100 {margin-left: 6.25rem !important;}
}

.w-600{
	width:600px;
}
.d-n {
	display: none;
}
.d-b {
	display: block;
}

/*--------------------
clearfix
--------------------*/
.cf:before, .cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

/*For IE 6/7 only*/
.cf {
  *zoom: 1;
}



@media screen and (max-width: 640px) {
  .pdlr {
    padding-left: 10px;
    padding-right: 10px;
  }
  .w-600{
		width:100%;
	}
}