@charset "UTF-8";
/* ===================================================================
CSS information
 style info :リセット及びbody初期設定 (このCSSは通常変更しない)
=================================================================== */
/* reset */
/* html5doctor.com Reset Stylesheet v1.6.1 */
html { overflow-y: scroll; }

body { line-height: 0; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, figure, section, aside { margin: 0; padding: 0; font-weight: normal; }

* { box-sizing: border-box; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; }

caption, th { text-align: left; }

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

table { border-spacing: 0; }

object, embed { vertical-align: top; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

img, abbr, acronym, fieldset { border: 0; }

img { max-width: 100%; height: auto; }

li { list-style-type: none; }

img { vertical-align: top; }

hr { clear: both; border: none; background-color: #FFFFFF; }

::-moz-selection { background: #2168bf; color: #fff; }

::selection { background: #2168bf; color: #fff; }

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

/* --------------------------------------------------------
01share style
-------------------------------------------------------- */
.left { text-align: left !important; }

.right { text-align: right !important; }

.center { text-align: center !important; }

.st { font-weight: bold !important; }

.break { clear: both; }

.noBorder { border: none; }

.noBg { background: none !important; }

.float_left, .leftContent { float: left; }

.float_right, .rightContent { float: right; }

/* hr */
hr { height: 1px; background: #EDEDED !important; border: none; margin: 0 0 60px 0; }

@media only screen and (max-width: 767px) { hr { margin-bottom: 30px; } }

/* clear fix */
.clear:after { content: ''; display: block; clear: both; }

/* last fix */
.last { padding-right: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; }

/* alpha rollover */
/*.op{ opacity:1; filter: alpha(opacity=100); }
.op:hover{ opacity:0.7;	filter: alpha(opacity=70); }*/
/* color */
.white { color: #fff !important; }

.green { color: #009344 !important; }

/* font-size */
.font-10 { font-size: 72% !important; }

.font-12 { font-size: 86% !important; }

.font-13 { font-size: 93% !important; }

.font-14 { font-size: 100% !important; }

.font-15 { font-size: 108% !important; }

.font-16 { font-size: 115% !important; }

/* margin */
.m_b0 { margin-bottom: 0px  !important; }

.m_b5 { margin-bottom: 5px  !important; }

.m_b10 { margin-bottom: 10px !important; }

.m_b15 { margin-bottom: 15px !important; }

.m_b20 { margin-bottom: 20px !important; }

.m_b25 { margin-bottom: 25px !important; }

.m_b30 { margin-bottom: 30px !important; }

.m_b35 { margin-bottom: 35px !important; }

.m_b40 { margin-bottom: 40px !important; }

.m_b46 { margin-bottom: 46px !important; }

.m_b50 { margin-bottom: 50px !important; }

.m_b60 { margin-bottom: 60px !important; }

.m_b70 { margin-bottom: 70px !important; }

.m_b80 { margin-bottom: 80px !important; }

@media only screen and (max-width: 767px) { .m_b10 { margin-bottom: calc(10px / 2) !important; }
  .m_b15 { margin-bottom: calc(15px / 2) !important; }
  .m_b20 { margin-bottom: calc(20px / 2) !important; }
  .m_b25 { margin-bottom: calc(25px / 2) !important; }
  .m_b30 { margin-bottom: calc(30px / 2) !important; }
  .m_b35 { margin-bottom: calc(35px / 2) !important; }
  .m_b40 { margin-bottom: calc(40px / 2) !important; }
  .m_b46 { margin-bottom: calc(46px / 2) !important; }
  .m_b50 { margin-bottom: calc(50px / 2) !important; }
  .m_b60 { margin-bottom: calc(60px / 2) !important; }
  .m_b70 { margin-bottom: calc(70px / 2) !important; }
  .m_b80 { margin-bottom: calc(80px / 2) !important; } }

/* padding */
.p_b0 { padding-bottom: 0px  !important; }

.p_b10 { padding-bottom: 10px !important; }

.p_b20 { padding-bottom: 20px !important; }

/* default font */
body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; font-size: 14px; line-height: 2.0; color: #636262; text-align: left; font-style: normal; font-variant: normal; }

@media only screen and (max-width: 767px) { body { line-height: 1.6; font-size: 16px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { html { -webkit-text-size-adjust: 100%; } }

/* for IE6 */
* html body { font-size: 88%; font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

/* for IE7 */
*:first-child + html body { font-size: 88%; }

a:link, a:visited, a:active { color: #636262; text-decoration: underline; }

#index a:link, a:visited, a:active { text-decoration: none; }

a:hover { color: #636262; text-decoration: none; }

a.noLine, .noLine a { text-decoration: none; }

a.noLine:hover, .noLine a:hover { text-decoration: underline; }

#index a.noLine:hover, .noLine a:hover { text-decoration: none; }