/* ===============================================
   shalldan
=============================================== */

.mainTit {
font-size: 26px;
}

.titBox br {
display: inline!important;
}

@media screen and (min-width: 768px), print{
  .mainTit {
  font-size: 40px;
  padding-top: 10px;
  }
}

/*  */
.readBox {
padding: 20px 0;
text-align: left;
}
.readBox h2 {
margin: 0;
}
.readBox p {
padding: 5px 0 0;
}

.readBox .fPoint,
.secBox .fPoint {
  font-size: 18px;
}

@media screen and (min-width: 768px), print {
  .readBox {
  text-align: center;
  }
  .readBox h2 {
  font-size: 30px;
  }
  .readBox .txtBox p {
  display: inline-block;
  text-align: left;
  }
  
  .readBox .fPoint,
  .secBox .fPoint {
    font-size: 24px;
  }
}


#shalldan .red {
color: #dc1a11;
}

#shalldan .titBoxBgnone {
margin: 0;
padding: 0;
}

#shalldan h1 {
margin: 0;
padding: 0;
text-align: center;
}

#shalldan .table_L {
margin-right: 10px;
}


#shalldan .table_wrap th,
#shalldan .table_wrap td {
padding: 10px;
vertical-align: middle;
border: none;
}

#shalldan .table_wrap th {
width:35%;
}
#shalldan .table_wrap th.h100 {
height: 100px;
}
#shalldan td {
text-align: center;
}

#shalldan .table_wrap {
width: 90%;
margin: 40px auto 40px auto;
display: flex;
justify-content: center;
}

#shalldan .table_wrap table {
width: 49%;
}

#shalldan #secBox04 .border-b {
width:50%;
margin:0 auto;
padding:0;
}

#shalldan .table_wrap th, 
#shalldan .table_wrap td {
padding: 10px;
vertical-align: middle;
border: none;
}

#shalldan .table_wrap th {
width:35%;
}
#shalldan .table_wrap th.h100 {
height: 100px;
}

#shalldan .table_wrap {
width: 90%;
margin: 40px auto 40px auto;
display: flex;
justify-content: center;
}

#shalldan .table_wrap table {
width: 49%;
}

#shalldan .blue {
background-color: #185a8c;
color: #fff;
}

#shalldan .b {
font-weight: 600;
}

#shalldan .font-size_ll {
font-size: 30px;
}

#shalldan .font-size_l {
font-size: 22px;
}
#shalldan .font-size_m {
  margin-bottom: 5px;
}

#shalldan .pdtImgG {
width: 420px;
text-align: center;
}
#shalldan .pdtImgG img {
width: 100%;
}
#shalldan .pdtImgTA{
width: 400px;
}
#shalldan .pdtImgTA table {
width: 400px;
}
#shalldan .pdtImgTB table {
width: 400px;
}

#shalldan th,
#shalldan td {
padding:10px;
border: 1px solid #000;
}

#shalldan td {
text-align: center;
}

.tblBg {
background-color: #dfdfdf;
}
#shalldan .th_w {
vertical-align: middle;
}

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

		#shalldan .font-size_ll {
		font-size: 26px;
		}
  
}
@media screen and (max-width: 767px) {
      #shalldandoGuideBox	.txtIlpos {
      font-size: 15px;
      padding: 20px 0 0 10px;
      }
     #shalldan .table_wrap table {
      width: 100%;
      margin: 10px 0;
    }

		#shalldan .font-size_xl {
		font-size: 22px;
		}
		#shalldan .font-size_ll {
		font-size: 26px;
		}
		#shalldan .font-size_l {
		font-size:18px;
		}
		#shalldan .font-size_m {
		font-size: 16px;
		}
		#prpItem02 .picTitNavyL p {
		font-size: 15px;
		}
		#shalldan .merit3 {
		display: block;
		height: auto;
		}
		#shalldan .merit_box {
		width: 95%;
		margin: 5px auto 25px auto;
		}
		#shalldan #secBox02 h2.merit {
		font-size: 35px;		
		}
		#shalldan .table_wrap {
		display: block;
		line-height: 1.4;
		}
		#shalldan .table_wrap table {
		width: 100%;
		margin: 10px 0;
		}
		#shalldan .merit2_wrap {
		display: block;
		}
  
    #shalldan .pdtImgG,#shalldan .pdtImgTA,#shalldan .pdtImgTB{
		width: 100%;
		}
		#shalldan .pdtImgTA table,#shalldan .pdtImgTB table{
		width: 90%;
		margin: 0 auto;
		}
		#shalldan .pdtImgG{
		margin-bottom: 40px;	
		}
		#shalldan .pdtImgTBMb{
		margin-bottom: 40px;	
		}
}

/* #mainInfo
----------------------------------------------- */

#mainInfo .txtBox {
padding: 20px 0;  
}

#mainInfo .pcFlexSec {
 margin: 30px 0;
}

#mainInfo .box1 {
  text-align: left;
}

/* #secBox01
----------------------------------------------- */

#secBox01 .secSubBox {
  margin: 40px 0;
}

#secBox01 .secSubTit .txt {
  display: inline-block;
  border: 1px solid #044e87;
  color: #044e87;
  padding: 5px 1em;
  font-size: 20px;
}

@media screen and (min-width: 768px), print {
  #secBox01 .txtBox {
    text-align: center;
  }
}

/* secBox0102 */
#secBox0102  .pdtTable {
margin: 40px 0;
}
#secBox0102  .pdtTable tbody th {
background-color: #dfdfdf;
}
#secBox0102  .pdtTable td {
width: 32%;
}
#secBox0102 .pdtTable td b {
color: #044e87;
font-size: 18px;
}
#secBox0102  .pdtTable p {
padding: 5px 0 0;
}

@media screen and (max-width: 767px) {
  #shalldan img {
  max-width: 100%;
  height: auto;
  }
}


/* #secBox02
----------------------------------------------- */
#secBox02 .secSubBox {
margin: 20px 0 0;
}
#secBox02 h3 {
margin: 0;
padding: 0;
color: #044e87;
text-align: center;
}
#secBox02 .secSubBox p {
padding: 5px 0 0;
}

@media screen and (min-width: 768px), print {
  #secBox02 .pcFlexSec {
  display: flex;
  justify-content: space-between;
  }
  #secBox02 .txtBox {
  text-align: center;
  }
  #secBox0201 h3 {
  width: 330px;
  }
  #secBox0202 h3 {
  width: 370px;
  margin-right: 0;
  margin-left: auto;
  }
}


/* #lineup
----------------------------------------------- */

#lineup .itemInfo {
padding-top: 30px;
}
#lineup .itemInfo dt {
margin-bottom: 10px;
font-size: 18px;
}

#lineup .itemInfo dt .inlineBlk {
display: block;
font-size: 22px;
margin: 5px 0;
}

#lineup .itemInfo dd img {
width: 100%;
height: auto;
}

#lineup .iconBox {
margin: 10px 0 0;
padding: 0;
}

#lineup .itemInfo dd:nth-child(3) p strong {
font-size: 18px;
}

#lineup .itemInfo dd .btnBox {
text-align: center;
}
#lineup .itemInfo dd a.btn {
text-decoration: none;
display: block;
width: 90%;
background-color: #044e87;
color: #fff;
margin: 0 auto;
padding: 14px 5px;
text-align: center;
}
#lineup .itemInfo dd a.btn .txt {
position: relative;
display: inline-block;
padding-right: 20px;
font-weight: bold;
}
#lineup .itemInfo dd a.btn .txt::after {
content: '';
width: 6px;
height: 6px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
right: 0;
top: 8px;
transform: rotate(45deg);
}

#lineup .notes {
  margin-top: 30px;
  font-size: 14px;
}

@media screen and (min-width: 768px), print {
  #lineup .itemInfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  }
  #lineup .itemInfo dt {
  width: 100%;
  font-size: 24px;
  }
  #lineup .itemInfo dt .inlineBlk {
  display: inline-block;
  }
  #lineup .itemInfo dd:nth-child(2) {
  width: 410px;
  margin-right: auto;
  }
  #lineup .itemInfo dd:nth-child(3) {
  width: 410px;
  }
  #lineup .itemInfo dd:nth-child(3) p strong {
  font-size: 20px;
  }
  #lineup .itemInfo dd a.btn {
  width: 100%;
  }
}

@media (hover: hover) {
  #lineup .itemInfo dd a.btn:hover {
    opacity: 0.5;
  }

}