html {overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {	border-collapse: collapse;border-spacing: 0;}
caption,th,p {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;text-align:left;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}
img{vertical-align:middle;}
.line {font-size:1px;line-height:1px;}

/*--- default */
body {
	color: #333;
	font-size: 14px;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
	text-align:center;
  background: #fff;
}

body td, body th {
	font-size:14px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

.content {
	height: auto;
	margin: 0 auto 20px;
	width: 90%;
	max-width: 900px;
}

#mente {
	margin: 0;
	overflow: hidden;
}

#mente h1 {
	background-color: #c41c4b;
	color: #fff;
	font-size: 24px;
	text-align: center;
	margin: 0 0 20px;
	padding: 20px 15px 15px;
}

#mente h1 b {
	display: block;	
	font-size: 30px;
	font-weight: normal;
}

#mente .sec {
	padding: 15px 0 0;
}

#mente p {
  letter-spacing: 0.02em;
  line-height: 1.6em;
  margin: 0;
  padding: 10px 0 0;
}


.fM {
  font-size: 1.2em;
}












.box {
	margin: 0 15px 15px;
	overflow: hidden;
}
.expl {
	color: #cc0000;
	font-size: 13px;
}
p.ex {
	margin-bottom: 0;
	color: #403C39;
	font-weight: bold;
}
.ex span {
	background-color: #403C39;
	color: #fff;
	padding: 2px 4px;
	font-weight:normal;
}
.fred {
	color: #cc0000;
}
.sizefull {
	width: 70%;
}

.btnBox {
	margin-bottom: 20px;
	overflow: hidden;
}
.btnBox a {
	display: inline-block;
	text-align: center;
	overflow: hidden;
	text-decoration: none;
	width: 46%;
	margin: 2%;
	background-color: #403c39;
	border-bottom: 1px solid #000;
	color: #fff;
}

.btnBox a span {
	display: block;
	padding: 15px 10px;
}


#winCloseBtn {
	background-color: #000;
}

#winCloseBtn a {
	display: block;
	color: #fff;
	text-decoration: none;
	width: 100%;
	height: 50px;
	line-height: 50px;
}


.mbOn {
  display: none;
  letter-spacing: 0;
}

@media only screen and (max-width: 767px) {

  .pcOn {
    display: none;
    letter-spacing: 0;
  }
  .mbOn {
    display: inline-block;
  }

  #mente h1 {
    font-size: 16px;
    text-align: left;
  }

  #mente h1 b {
    font-size: 20px;
    padding-top: 5px;
  }

  #mente .sec h2 {
    font-size: 16px;
    font-weight: normal;
    margin: 15px 0 10px;
    padding: 3px 0 3px 10px;
  }	

}


.inlineBlk {
 display: inline-block;
}

dl.attention {
 width: 100%;
 background: #fff0f1;
 border: 1px solid #c41c4b;
 margin: 30px 0 0;
 padding: 10px 10px 10px 0;
 box-sizing: border-box;
}
dl.attention dt {
  background: #ffd2d3;
  border-radius: 0 10px 10px 0;
  color: #c41c4b;
  padding: 10px;
  font-size: 16px;
}
dl.attention dd {
  margin: 0;
  padding: 10px 0 0 10px;
  text-align: left;
}
dl.attention dd p {
  margin: 0;
  padding: 5px 0 0 !important;
}
dl.attention dd p:first-child {
  padding: 0;
}

dl.attention dd em {
  font-size: 1.2em;
}

.notes {
  background-color: #fffbe5;
  border: 1px dotted #c41c4b;
  margin: 20px 0 0;
  padding: 10px;
}
.notes .title {
  color: #c41c4b;
  font-size: 16px;
}

#shipTblRev {
  padding: 30px 0;
}

#shipTblRev h2 {
 font-size: 18px;
}

#shipTblRev table {
  width: 100%;
}
#shipTblRev table th,
#shipTblRev table td {
  border: solid 1px black;
  padding: 5px;
}
#shipTblRev table th {
  background-color: #dddbca;
  text-align: center;
  white-space: nowrap;
}

#shipTblRev thead th:nth-of-type(2) {
  background-color: #f4ebb7;
}
#shipTblRev thead th:nth-of-type(3) {
  background-color: #f5bfc1;
  color: #c00;
}

#shipTblRev table td {
  text-align: right;
  white-space: nowrap;
}

#shipTblRev table tr td:nth-of-type(1) {
  text-align: left;
  white-space: inherit;
}
#shipTblRev table tr td:nth-of-type(2) {
  background-color: #fffbe5;
}
#shipTblRev table tr td:nth-of-type(3) {
  background-color: #fde1e2;
  color: #c00;
}
#shipTblRev table caption {
  text-align: right;
  font-size: 12px;
  caption-side: bottom;
  padding: 5px 0 0 0;
}

@media only screen and (min-width: 768px) {

  dl.attention {
    display: flex;
  }
  dl.attention dt {
    display: flex;
    align-items: center;
    margin-right: 20px;
  }
  dl.attention dd {
    padding: 0;
  }
  dl.attention dd p.dateBox {
    font-size: 20px;
  }
  
  
}