@charset "utf-8";
/* CSS Document */


/********* resets *************/

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 {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
	text-decoration:none;
}
li {
	list-style-type:none;
}
h1, h2, h3, h4 { font-weight:bold }
strong, b { font-weight:bold; }
.relative { position:relative; }

/**
/*  main wrappers
/**********************************************/

html,
body {
	height:100%; /*relative height of browser*/
}

.mainWrap { /*wraps all contents, mother of all containers next to body tag*/
	position:inherit; /*relative height of browser*/
	min-height:100%; /*relative height of browser*/
}

/*  clearfix  */

.wrapper:before,
.wrapper:after,
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.wrapper:after,
.clearfix:after{
  clear: both;
}

a {
	-webkit-transition : all 0.2s ease-out;
	-moz-transition : all 0.2s ease-out;
	-o-transition :all 0.2s ease-out;
	transition : all 0.2s ease-out;
}

img { height:auto; }

.defaultWidth { max-width:1166px; width:1166px; }
.sidebarWidth { max-width:336px; width:100%; float:right; }
.contentWidth { max-width:100%; width:100%; float:left; }
.contentWrap { padding-bottom:20px; background-color: transparent; padding-top:40px; }
.center { margin:0 auto; float:none; }

.mainWrap {
  position:relative; /*relative height of browser*/
  min-height:100%; /*relative height of browser*/
  z-index:999;
  font-size: 0;
}

html,
body {
  position: relative;
  font-size:100%;
  font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  color:#3a3a3a;
  background-color:#F7F7F7;
  height:100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
h2, h3, h4 {
  font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-weight:bold;
}
p {
  font-size:14px;
  color:#222222;
  line-height:22px;
  font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}
.wrapper {
  width: 100%;
  display:block;
}
.mobile-only {
  display:none;
}
.pc-only {
  display:block;
}
.pc-only-inline {
  display:inline;
}

img {
  display:block;
}

.headWrap {
  height:58px;
  background:#FFF;
  border-bottom:solid 1px #ededed;
}
.logo {
  float:left;
  display:block;
  margin-top:14px;
}
.sponsor {
  margin-top:22px;
  float:left;
  overflow:auto;
}
.sponsor li {
  float:left;
  margin-left:44px;
}
.sponsor a {
  display:block;
}
.menu {
  float:right;
  width:420px;
  overflow:auto;
  margin-top: 18px;
  text-align:right;
}
.menu li {
  display: inline-block;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  margin-left:20px;
}
.menu a {
  font-size:0.8em;
  color:#5a5a5a;
  font-weight:bold;
  display:block;
}
.article-wrap {
  padding:40px;
  background:#FFF;
  border:solid 1px #e9e9e9;
}
.title {
  font-size: 36px;
  color: #181818;
  font-weight: 800;
  line-height: 46px;
  padding: 0;
}
/**
 * for /terms~
 * 2016/04/14 naoki.harada
 ****************************************************/
.chapter-heading {
  margin-bottom: 1.3em;
  padding: 10px 0;
  border-bottom: 1px solid #999;
  font-size: 121.43%;
  font-weight: bold;
}
.article-heading {
  margin-bottom: 1em;
  padding: 0.5em;
  border: 1px solid #d9d9d9;
}
.chapter {
  margin-bottom: 30px;
}
.order-groupe {
  display: block;
  margin-bottom: 20px;
}
.order-item {
  padding-left: 2em;
  margin-bottom: 5px;
}
.no-pad--order-item {
  padding: 0;
}

.paragraph-item,
.order-item,
.no-pad--order-item,
.order {
  font-size: 14px;
  line-height: 22px;
}
.paragraph-groupe {
  padding-left: 0.5em;
}
.order {
  position: absolute;
  margin-left: -1.5em;
}
.order_2digits {
  margin-left: -2em;
}
/* table */
.list-table-item {
  word-break: break-all;
}
.list-table-left-head {
  width: 26%;
}
.list-table-half {
  width: 50%;
}
.list-table {
  width: 100%;
  margin: 20px 0;
  text-align: left;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
.list-table>thead>tr>th,
.list-table>tbody>tr>td {
  padding: 12px 8px;
  vertical-align: middle;
  border: 1px solid #ddd;
  text-align: left;
  font-size: 14px;
  line-height: 22px;
}
.list-table>thead>tr>th {
  border-bottom: 2px solid #ddd;
  padding: 8px;
  line-height: 1.5;
}
.list-table-item.order-column {
  text-align: center;
}
.list-table>tbody>tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.list-table>thead>tr>th {
  font-weight: bold;
  text-align: center;
}
.table-inner-list-item {
  padding-left: 1em;
  position: relative;
}
.table-inner-list-item:before {
  content: "・";
  display: inline;
  position: absolute;
  left: -.3em;
}
.date {
  text-align: right;
}
.pmark-detail {
  display: table;
  width: 100%;
}
.pmark,
.pmark-extx {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: 10px;
}
.askto {
  border: 5px solid #E0E0E0;
  padding: 15px;
}
@media only screen and (max-width: 480px) {
  .title {
    padding-top: 10px;
    font-size: 24px;
    line-height: 36px;
  }
  .pmark-detail,
  .pmark-extx,
  .pmark {
    display: block;
  }
  .pmark img {
    margin: 0 auto;
  }
  .list-table-left-head {
    width: 40%;
  }
}
/* margin-controller */
.no-margin {
  margin: 0;
}
.margin-btm5 {
  margin-bottom: 5px;
}
.margin-btm10 {
  margin-bottom: 10px;
}
.margin-btm20 {
  margin-bottom: 20px;
}
.margin-btm50 {
  margin-bottom: 50px;
}
.smaller-text {
  font-size: 12px;
}
.text-right {
  text-align: right;
}
/**
 * footer
 ***************************/

.footer-wrap {
  overflow:auto;
  background:#FFF;
  border-top:solid 1px #e3e3e3;
  padding:22px 0;
}

.footer-logo { float:right; }

.list-footer {
  float:left;
  width:1010px;
  margin-bottom:10px;
}
.list-footer li {
  float:left;
  font-size:12px;
  line-height: 12px;
}
.list-footer li a {
  padding:0 8px;
  color:#247dc2;
  border-right:solid 1px #247dc2;
}
.list-footer li:first-child a {
  padding-left:0;
}
.list-footer li:last-child a {
  border-right:0;
}
.list-footer a:hover { text-decoration:underline; }
.copyright {
  float:left;
  color:#444;
  font-size:12px;
  padding-top:10px;
}

.leftThis { float:left; width:1010px; }

.margin10-item {
  margin-bottom: 10px;
}
.margin20-item {
  margin-bottom: 20px;
}
.margin30-item {
  margin-bottom: 30px;
}


/*---------------index--------------*/

.terms-chapter{
  margin: 0 0 10px;
}
.terms-title{
  padding: 0 0 10px 0;
  font-size: 36px;
  color: #181818;
  font-weight: 800;
  line-height: 46px;
}
.terms-menu{
  padding:0 1em;
  margin-bottom: .5em;
  display: inline-block;
  width: 50%;
  float: left;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 22px;
}
.terms-menu a {
    display: block;
    width: 90%;
    line-height: 1.4;
    padding: 3% 5% 3% 5%;
    background: #eee ;
    color: #000;
	border-radius: 5px;
}
.terms-menu a:hover {
	background: #ccc;
}
.terms-group {
  display: block;
  margin-top: 10px;
}

h4.l-title {
    font-size: 110%;
    margin-top: 1em;
    margin-bottom: 0.2em;
}


@media only screen and (max-width: 1180px) {
.terms-title{
	padding: 15px 0 0;
}
.terms-menu{
  display: block;
  width: 100%;
  float: none;
}
}
@media only screen and (max-width: 480px) {
.terms-menu{
  padding:0 ;
}
.terms-menu a {
  padding: 5% 5% 5% 5%;
}
}


@media only screen and (min-width: 1181px) {
  .menu { display:block !important; }
}

@media only screen and (max-width: 1180px) {
  body { padding-top:60px; }
  p { word-wrap: break-word; }
  .footer-wrap, .contentWidth, .sidebarWidth  { padding:0 10px; box-sizing: border-box; }
  .defaultWidth { max-width:600px; width:100%; }
  .sidebarWidth { max-width:600px; width:100%; float:none; }
  .contentWidth { max-width:600px; width:100%; float:none; }

  .headWrap { height: 54px; position:fixed; width:100%; z-index:999; top:0; }
  .sp-menu { display:block; width:34px; height:34px; position:absolute; right:10px; top:10px; background:url(../../img/sp/menu.png) center center no-repeat; }
  .sp-menu-close { background:url(../../img/sp/menu-close.png) center center no-repeat; }
  .logo { width:120px; margin:0 auto; display:block; float:none; padding-top:12px; }
  .sponsor { display:none; }
  .menu { position:absolute; right:0; top:26px; width:100%;  padding:0; }
  .menu li { float:none; display:block; background:#7e7e7e; margin:0 10px;  }
  .menu li:first-child {  padding-top:10px; }
  .menu li:last-child { padding-bottom:10px; }
  .menu a { padding:6px 0; width:100%; text-align:center; color:#FFF; font-weight:400; font-size:15px; }
  .menu { display:none; }
  .article-wrap { padding:20px; }

  .list-footer { margin-bottom:0; }
  .list-footer, .leftThis { float: left; width: 225px; }
  .list-footer li { float:none; }
  .list-footer li a { padding:0; border:0; padding-left:10px !important; line-height:24px; border-left:solid 1px #247dc2; }
  .copyright { text-align:center; font-size:11px;width: 100%; }
  .block1 { border: solid 4px #222; }
  .footer-wrap { padding-top:15px; }

  .copyright { padding-bottom:20px; }

  .mobile-only { display:block; }
  .pc-only,.pc-only-inline { display:none; }
  .title { padding-top: 35px; }
}