@charset "utf-8";
/* CSS Document */
#content h1 {
  line-height: 1.5;
  font-size: 32px;
  color: #fff;
  width: 100%;
  margin: 0;
  padding: 20px 0;
}
#content h1 span {
  width: 956px;
}
#content.dc h1,
#content.dc #outline h2,
#content.dc #dataList h2 {
  background: #ffc000;
}
#content.sm h1,
#content.sm #outline h2,
#content.sm #dataList h2 {
  background: #23c3d6;
}
#content.mm h1,
#content.mm #outline h2,
#content.mm #dataList h2 {
  background: #f37aaa;
}
#content.tmx h1,
#content.tmx #outline h2,
#content.tmx #dataList h2 {
  background: #f48d48;
}
#content.tg h1,
#content.tg #outline h2,
#content.tg #dataList h2 {
  background: #99cc33;
}
#content.biz h1,
#content.biz #outline h2,
#content.biz #dataList h2 {
  background: #005ab2;
}
#content.other h1,
#content.other #outline h2,
#content.other #dataList h2 {
  background: #b68e6e;
}
#content.smmm h1,
#content.smmm #outline h2,
#content.smmm #dataList h2 {
  background: #a87cce;
}

#content h2 {
  text-align: center;
  line-height: 0;
}

ul.nav {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 9999;
}

#catch {
  background: #ededed;
  box-sizing: border-box;
  width: 956px;
  margin: 0 auto;
  padding: 30px 30px 40px 30px;
}
#catch.pro{
	width: 100%;
}

#present {
  font-size: 16px;
  font-weight: bold;
}
#present span {
  background: url("../images/detail/ico_present.png") no-repeat 0 32%;
  padding: 0 0 0 28px;
  margin: 0 0 25px;
  display: block;
}

#lead {
  font-size: 19px;
  font-weight: bold;
}
#lead span.txt {
  display: block;
  margin: 0 0 40px;
}
#lead .outlineBtn {
  width: 280px;
  margin: 0 auto;
  background: #fefefe;
  border: 2px solid #e43e6f;
  border-radius: 6px;
}
#lead .outlineBtn a {
  display: block;
  color: #e33e6e;
  text-align: center;
  font-size: 14px;
  padding: 15px;
}
#lead .outlineBtn:hover,
#lead .outlineBtn a:hover {
  opacity: 0.7;
  text-decoration: none;
}
#lead .outlineBtn a span {
  background: url("../images/detail/ico_arrow_pink_down.png") no-repeat 0 50%;
  padding: 0 0 0 25px;
}
#flyerBox {
  overflow: hidden;
  width: 956px;
  margin: 0 auto 20px;
  background: #ededed;
  box-sizing: border-box;
  padding: 0 50px;
}
#flyerBox.pro{
	width: 100%;
	padding: 0 0;
}
#flyerBox img {
  width: 100%;
  height: auto;
}
#flyerBox .block{
  box-sizing: border-box;
}
#flyerBox .col1 .block {
  width: 100%;
}
#flyerBox .col2 .block {
  width: 47%;
  float: left;
}
#flyerBox .col2 .block:nth-child(even) {
  float: right;
}
#flyerBox .col3 .block {
  width: 32%;
  float: left;
  margin: 0 2% 0 0;
}
#flyerBox .col3 .block:last-child {
  margin: 0;
}
#flyerBox .col1{
  margin: 0 0 50px;
}
#flyerBox .col2,
#flyerBox .col3{
  overflow: hidden;
  margin: 0 0 50px;
}
#flyerBox .borderBtm {
  border-bottom: 1px solid #bbbbbb;
  padding-bottom: 50px;
}

#flyerBox .block p.img {
  background: #fff;
  padding: 15px;
  display: table;
  margin: 0 0 20px;
}
#flyerBox .block p.img span {
  display: table-cell;
  vertical-align: middle;
}

#flyerBox .block p.btn.pcOnly {
  display: block !important;
}
#flyerBox .col1 .block p.btn.pcOnly {
  width: 70%;
  margin: 0 auto;
}
#flyerBox .block p.btn a {
  display: block;
  text-align: center;
  color: #fff;
  background: #e43e6f;
  border-radius: 5px;
  font-size: 18px;
  font-weight: bold;
}
#flyerBox .block p.btn a span {
  background: url("../images/list/ico_arrow_detail.png") no-repeat 0 50%;
  padding: 20px 20px 20px 40px;
  display: inline-block;
}

#outline {
  width: 956px;
  margin: 0 auto;
  padding: 0 0 60px;
}
#outline h2,
#dataList h2 {
  line-height: 1.5;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  padding: 13px;
  margin: 0;
}
#outline table {
  border-collapse: collapse;
  width: 100%;
}
#outline table th {
  background: #eeeeee;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #c0c0c0;
  padding: 25px;
  box-sizing: border-box;
  width: 266px;
}
#outline table td {
  border-bottom: 1px solid #c0c0c0;
  padding: 25px;
}
#outline .listNote {
  margin-top: 10px;
}
#outline .listNote li {
  padding: 0 0 0 1em;
  text-indent: -1em;
  font-size: 12px;
}
#outline .listNote a[target=_blank]:after {
  display: inline-block;
  content: "";
  background: url("../images/detail/ico_blank_pc.png") no-repeat;
  width: 12px;
  height: 10px;
}

#dataList {
  overflow: hidden;
  width: 956px;
  margin: 0 auto;
}
#dataList h2 {
  margin: 0 0 40px;
}
#dataList .campaignBox {
  float: left;
  width: 33%;
  display: table;
  box-sizing: border-box;
  padding: 0 3%;
  margin: 0 0 70px;
}
#dataList .campaignBox p {
  display: block;
}
#dataList .campaignBox p.ico {
  display: inline-block;
  margin: 0 10px 10px 0;
}
#dataList .campaignBox p.img {
  display: table;
  margin: 0 0 20px;
  line-height: 0;
}
#dataList .campaignBox p.img a {
  display: table-cell;
  vertical-align: middle;
}
#dataList .campaignBox p.img img {
  width: 100%;
  height: auto;
}
#dataList .campaignBox p.url a {
  display: block;
  text-align: center;
  color: #fff;
  background: #e43e6f;
  border-radius: 5px;
  font-size: 15px;
  font-weight: bold;
}
#dataList .campaignBox p.url a span {
  background: url("../images/list/ico_arrow_detail.png") no-repeat 0 50%;
  padding: 13px 13px 13px 40px;
  display: inline-block;
}
#dataList .back {
  clear: both;
  width: 320px;
  margin: 0 auto;
  background: #fefefe;
  border: 2px solid #e43e6f;
  border-radius: 6px;
}
#dataList .back a {
  display: block;
  color: #e33e6e;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding: 12px;
}
#dataList .back:hover,
#dataList .back a:hover {
  opacity: 0.7;
  text-decoration: none;
}
#dataList .back a span {
  background: url("../images/detail/ico_arrow_pink_right.png") no-repeat 0 50%;
  padding: 4px 0 3px 32px;
}

#modal-overlay {
	z-index: 3002;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba( 0,0,0, 0.75 );
}

.sliderWrap {
  width: 795px;
  margin: 0 auto;
}
.sliderWrap.pro{
	width: 100%;
}
.flyerSlider li {
  padding: 13px;
}
/* slider */
.bx-wrapper {
  background: #fff;
  margin: 0 auto 50px;
}
.bx-wrapper .bx-controls {
  clear: both;
}

.request {
  position: relative;
  padding: 22px;
}
.request ul {
  background: #fff6eb;
  padding: 30px;
  overflow: auto;
  max-height: 500px;
  box-sizing: border-box;
}
.request li {
  border-bottom: 1px solid #e1d4c3;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.request li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.request li dt {
  font-size: 18px;
  font-weight: bold;
}
.request li dt span {
  font-size: 14px;
  display: block;
}
.request li dd a {
  background: #e87496;
  display: block;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.request li dd a span {
  display: inline-block;
  background: url("../images/detail/ico_arrow.png") no-repeat 0 50%;
  padding: 14px;
  padding-left: 30px;
}
.request p.close {
  position: absolute;
  top: 0;
  right: 0;
}
.request p.close a{
  display: block;
  background: url("../images/detail/close.png") no-repeat 0 0;
  width: 44px;
  height: 44px;
  text-indent: -9999px;
}

.fRed {
	color: #f00;
}


@media only screen and (max-width: 667px) {
#content h1 {
  font-size: 20px;
  margin: 0;
  padding: 10px 0;
}
#content h1 span {
  width: auto;
}
#content h2 {
  margin: 0;
}
ul.nav {
  top: auto;
  bottom: 0;
}
ul.nav li {
  font-size: 0;
}
#catch {
  width: auto;
  padding: 15px;
}
#present {
  font-size: 14px;
}
#present span {
  padding: 3px 0 0 28px;
  margin: 0 0 15px;
}
#lead {
  width: auto;
  font-size: 14px;
  border: none;
}
#lead span.txt {
  margin: 0 0 20px;
}
#lead .outlineBtn {
  width: 100%;
  margin: 0 auto;
}
#openTxt a,
#closeTxt a {
  font-size: 14px;
}
#flyerBox {
  width: auto;
  padding: 0;
  background: none;
}
#flyerBox .block p.btn.pcOnly {
  display: none !important;
}
#flyerBox .col1 .block,
#flyerBox .col2 .block,
#flyerBox .col3 .block {
  width: 100%;
  float: none;
  margin: 0 0 30px;
}
#flyerBox .col2 .block:nth-child(even) {
  float: none;
}
#flyerBox .col1,
#flyerBox .col2,
#flyerBox .col3{
  margin: 0 10px;
}
#flyerBox .col1.borderBtm .block,
#flyerBox .col2.borderBtm .block,
#flyerBox .col3 .block {
  padding: 0 0 30px;
  border-bottom: 1px solid #bbbbbb;
}
#flyerBox .borderBtm {
  border: none;
  margin-bottom: 0;
  padding: 0;
}

#flyerBox .block p.img {
  padding: 0;
  margin: 0 0 20px;
}
#flyerBox .block p.btn a {
  font-size: 15px;
}
#flyerBox .block p.btn a span {
  background: url("../images/detail/ico_arrow_down.png") no-repeat 0 50%;
  background-size: 16px;
  padding: 15px 15px 15px 26px;
  display: inline-block;
}
#flyerBox .block p.btn.ac a span {
  background: url("../images/detail/ico_arrow_up.png") no-repeat 0 50%;
  background-size: 16px;
}

#outline {
  width: auto;
  padding-bottom: 30px;
}
#outline h2, #dataList h2 {
  font-size: 14px;
}
#outline table th,
#outline table td {
  width: auto;
  display: block;
  text-align: left;
  padding: 10px;
}
#outline table th {
  border: none;
}
#outline .listNote {
  padding: 0 10px;
}
#dataList {
  width: auto;
  padding-bottom: 30px;
}
#dataList h2 {
  margin: 0 0 15px;
}
#dataList .campaignBox p.url a {
  font-size: 12px;
}
#dataList .campaignBox p.url a span {
  background: none;
  padding: 13px 0;
}
#dataList .back {
  width: auto;
  margin: 0 15px 30px;
}
#dataList .back.top {
  width: auto;
  margin: 30px 15px;
}
.request {
	width: 100%;
  padding: 0;
}
.request ul {
  overflow: inherit;
  max-height: none;
}
.request li dd a {
  font-size: 15px;
}
#modalFlyer p.btn {
  display: none;
}
.sliderWrap {
	width: 100%;
}
.flyerSlider li {
  padding: 10px 40px;
}
#modalFlyer p.close {
  right: 13px;
}
}


/*  */

blockquote{
	background-color: #eee;
	margin: 1.0rem 0;
	padding: 1.0rem;
}

#profair{
	width: 100%;
	max-width: 956px;
	margin: 0 auto 20px;
	padding: 0;
	background-color:#ecf0b3;
}

#profair .profair-box{
	margin: 0;
	padding: 20px 30px;
}

#content.sm #profair h1{
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	line-height: 1.5;
	font-size: 26px;
	font-weight: 900;
	color: #004996;
	background-color:transparent;
}
#profair h1 small{ font-size: 16px; }

.profair-maintext{
	font-size:20px;
	margin: 0 0 20px;
	padding: 0 0 10px;
	border-bottom: dotted 1px #333;
}
.profair-maintext small{ font-size: 14px; }
.profair-maintext .profair-price{
	color:#d70012;
	font-size:30px;
	font-weight: 700;
	font-family: 'arial black';
}
.profair-price small{ font-size: 12px; }
.profair-subtext{
	font-size:18px;
	margin: 0 0 20px;
	padding: 0;
}
.profair-subtext small{ font-size: 12px; }
.profair-subtext .profair-price{
	color:#d70012;
	font-size:26px;
	font-weight: 700;
	font-family: 'arial black';
}
.profair-attention{
	font-size:12px;
	margin: 0;
	padding: 20px 0 0;
}