@charset "Shift_JIS";

/* .page_top_nav li .nav-MD {background-color: #006;opacity: 0.9;} */

.fx-first-logo    {padding:0;}

.fx-first li      {padding:0;}
.fx-first         {font-size:13px; margin-top:0; margin-bottom:0;}

.h3-fx-first,.h3-fx-first-md					{padding-top:0; font-weight:bold; text-align:left;}

/* .fx-first-side_menu li.selected_content a { font-size:15px; padding-top:18px !important; padding-bottom:18px !important;} */
/* .fx-first-side_menu li a                  { font-size:13px; padding-top:10px !important; padding-bottom:10px !important;} */

.ff-list li									{padding:0;}
.ff-list li a       {display:block; width:100%; height:100%; text-decoration:none; padding:1em; text-align:center;}
.ff-list li a:hover {background-color:#ffffe9;}
.ff-list li a p     {color:#000; margin-bottom:0; text-align:left;}
.ff-list li a h3    {color:#242424; margin:1.3em 0 1em 0; font-weight:bold; font-size:20px;}

/* .ff-md01    {background-color:#92AC11}
.ff-md02    {background-color:#2E6BC1}
.ff-md03    {background-color:#CB5B23}
.ff-md04    {background-color:#DD3347} */

/* .ff-md01 a,.ff-md02 a,.ff-md03 a,.ff-md04 a {color:#FFF !important; font-weight:bold;font-size:15px;} */
/* .fx-first-arrow li  { text-align:left;margin-left:30px;} */

/* .fx-first-img					{ margin-top:10px; margin-bottom:20px;} */

/* .fx-first-content	h4							{ color:#ba1532; font-weight:bold; font-size:20px;} */
.font_weight_bold_red{
    color: #ba1532;
    font-weight: bold;
    font-size: 20px;
}
.imitation_h4{
	margin: 0 0 0.8em 0;
}
.fx-first-content	p strong	{ color:#00459A; font-size:18px;}
.fx-first-content	.anno-tation-rf	{color:#333; font-size:14px; margin-top:0; margin-bottom:20px;}

.fx-first-content .notes-wrapper p strong	{ color:#ba1532;}
.fx-first-content .notes-wrapper     					{ background:#FFFBEB;}

.fx-first-content .btn-wrapper				{ margin-top:80px;margin-bottom:100px;}
.fx-first-content .heading-A						{ margin-top:0;}

.fx-first-content .btn-lg { font-size:15px;}

.fx-first-notes								{padding: 1em;border: 1px solid #777;margin:0;background: #FFFBEB;}
.fx-first-notes	strong	{ color:#ba1532;}
.fx-first-notes	ul					{margin: 0.7em 0 0 1em;}
.fx-first-notes	li					{list-style: disc;}

.fx-first-kakubu	li	strong { color:#00469A; font-size:18px;}
.fx-first-kakubu	li	p					 { margin:10px 0 0 0;}
.fx-first-content ul.fx-first-kakubu								 { margin-top:0; margin-bottom:0;}
.cubenum{
border-style: solid;
border-width: 1px;
border-color: #00469A;
background: #00469A;
color: #FFF;
}

.fx-first-marusuj li      { margin: 0.5em 0 0 1.5em; text-indent:-1.5em;}
.fx-first-marusuj li span { color:#03479A; font-weight:bold;}

.fx-first-content .notes-wrapper-red>p { padding:0.5em 0.5em 0.5em 1.5em;}

/*Safariのみ見え方が異なるため、ハックで調整*/
body:last-child:not(:root:root) .cubenum {
padding-top:0px;
padding-bottom:1px;
}


.fx-first-content .dllist-normal dt span { font-size:small; font-weight:normal;}

.fx-first-marusuj .cubenum {color:#FFF;}

.txtC { text-align: center;}



@media screen and (max-width: 767px) {
	.grid-flexbox li:first-child {margin-top: 10px;}
	.btn-wrapper a:nth-child(2) {margin-top: 10px;}
}


@media (min-width: 468px){
	.btn-wrapper a:nth-child(2) {margin-top: 10px;}
}/*min-width: 468px end*/

@media (min-width: 768px){
	.fx-first-logo    {padding:50px 0;}
	.h3-fx-first						{padding-top:50px;}
	.h3-fx-first-md			{padding-top:10px;}
	.btn-wrapper a:nth-child(2) {margin-top: 0;}

}/*min-width: 768px end*/

/* ------------------------------------
    tab切り替え
------------------------------------ */
.tab-wrapper {
  width: 100%;
  text-align: center;
}
#tab-area input[type="radio"] {
	display: none;
  }
  #tab-content1,#tab-content2 {
	height: 0;
	box-sizing: border-box;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.7s;
  }
#tab1:checked ~ .tab-box #tab-content1,
  #tab2:checked ~ .tab-box #tab-content2 {
	height: auto;
	opacity: 1;
	padding: 10px;
  }

  #tab1:checked ~ .label-pc,
  #tab2:checked ~ .label-iphone {
	background-color: #333;
	border: 1px solid #333;
	color: white;
  }

#tab-area label {
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    background-color: white;
    padding: 3px 15px 0;
    color: #bd1e3a;
    margin-top: 10px;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    margin-bottom: 0;
    width: 47.8%;
    text-align: center;
    margin-left: 3px;
}

.tab-box { border-top: 3px solid #333;}
.tab-container {text-align: center;}

@media (min-width:438px) {
  #tab-area label {
      width: 48.6%;
  }
}
@media (min-width:1200px) {
  #tab-area label {
      width: 48.9%;
  }
}
/* ------------------------------------
    tab内パーツ
------------------------------------ */
/* container */
.ss-container {
  display: flex;
  flex-direction: column;
}

.dot-container {
  border: 1px dotted #777;
  padding: 15px 25px 10px;
  display: inline-block;
}
.dot-container2 {
  border: 1px dotted #777;
  padding: 15px 25px 0;
  display: inline-block;
}
.detail-container {
  display: flex;
  flex-direction:column;
}
.con-hero__badge {
  display: flex;
  /* justify-content: space-between; */
  justify-content: space-around;
}
.app-badge img { width: 100%; }
@media (min-width:768px) {
  .con-hero__badge {
    justify-content: center;
  }
  .con-hero .con-hero__badge {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 25px;
    position: absolute;
}
.con-hero__badge > div {
  padding: 0 1em 0;

}
.con-hero .qrcode {
  width: 90px ;
  height: 90px ;
  margin: 0 auto;
}
.con-hero__badge img {
  display: inline;
}
}
@media screen and (min-width: 1200px) {
  .detail-container {
    flex-direction:row;
  }
  .detail-container div:nth-child(1) {
    width: 40%;
  }
  .detail-container div:nth-child(2) {
    width: 60%;
  }
}
.detail-container ul li {
  padding: 10px;
  border-bottom: 1px dotted #777;
}
.detail-container2,.detail-container3 {
  display: flex;
  flex-direction:column;
}
div.detail-container2 div {
  width: 100%;
  border: dashed 1px #00469A;
  padding: 15px;
}

div.detail-container2 div:nth-child(2),div.detail-container3 div:nth-child(2) {
  margin-top: 30px;
}

/* タイトル */
.media-ttl {
    position: relative;
    font-size: 20px;
    padding-left: 15px;
    color: #333;
	font-weight: bold;
	margin-top: 30px;
}
.media-ttl::before {
	content: "";
    display: block;
    width: 10px;
    height: 5px;
    position: absolute;
    top: 41%;
    left: 0;
    background-color: #bd1e3a
}
.ttl-q::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(../img/mark-q.png);
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
}

.box-bd_1 {
  border: 2px dashed #1f98e4;
  padding: 20px 20px 10px;
  margin-top: 30px;
}
/* テキスト */
.ttl-S {color: #00459A; font-weight: bold;font-size: 18px;}
ul.detail li span,.dllist-normal dt {
  color: #00469A;
  font-weight: bold;
  font-size: 18px;
}

.txtRightB {color: #1f98e4; font-weight: bold; font-size: 16px;}
.txtRed { color: #bd1e3a; font-weight:bold; line-height: 1.3;}
.txtSp_24 { font-size: 24px; }

@media screen and (min-width: 480px) {
  .txtPc_30 { font-size: 30px; }

  .dllist-normal dt,dd{
    border-bottom:none;
    margin:0;
    padding: 6px 12px 0 6px;
    border-top: 1px solid #c1c1c1;
    height: 100%;
  }
  .dllist-normal dt {
    width: 34%;
    float: left;
  }
  .dllist-normal dd {
    margin-left: 35%;
    border-left:1px dotted #c1c1c1;
    padding-bottom: 6px;
  }
  .detail-container2,.detail-container3 {
    flex-direction:row;
  }
  div.detail-container3 div {
    width: 49%;
    padding: 15px;
  }
  div.detail-container2 div {
    width: 49%;
    border: dashed 1px #00469A;
    padding: 15px;
  }
  div.detail-container2 div:nth-child(2),div.detail-container3 div:nth-child(2) {
    margin-left: 25px;
    margin-top: 0;
  }
}

/* イメージ */
@media screen and (max-width:599px) {
  .imgStrch100P { width: 100%; margin: 0 auto; }
}
@media screen and (min-width:768px) {
  .imgStrch30P-pc { width: 30%; margin: 0 auto; }
  .imgStrch40P-pc { width: 40%; margin: 0 auto; }
  .imgStrch50P-pc { width: 50%; margin: 0 auto; }
  .imgStrch60P-pc { width: 60%; margin: 0 auto; }
  .imgStrch70P-pc { width: 70%; margin: 0 auto; }
  .imgStrch80P-pc { width: 80%; margin: 0 auto; }
  .imgStrch90P-pc { width: 90%; margin: 0 auto; }
  .imgStrch100P-pc { width: 100%; margin: 0 auto; }
}