a {
	color: #e42323;
	text-decoration: none;
	font-weight: 500;
}

.red { color: #e42323; }
.f14 { font-size: 14px;}
.guideTxt ul.row::after {
  content: "";
  display: table;
  clear: both;
}

.guideTxt ul.row {
  margin: 0;
	padding: 0;
}

.mb1 { margin-bottom: 10px!important;}

.mb2 { margin-bottom: 20px!important;}

.mb3 { margin-bottom: 30px!important;}

.mb4 { margin-bottom: 40px!important;}

.mb5 { margin-bottom: 50px!important;}

.mt1 {margin-top: 10px!important;}

.mt2 {margin-top: 20px!important;}

.mt3 {margin-top: 30px!important;}

.mt5 {margin-top: 50px!important;}

.ml1em{margin-left: 1em;}

.pt1 {
  padding-top: 10px!important;
}

.pt05em {
  padding-top: 0.5em!important;
}
.pt1em {
  padding-top: 1em!important;
}
.pl05em {
  padding-left: 0.5em!important;
}
.pl1em {
  padding-left: 1em!important;
}
.w60 { width: 60%;}

.text-center { text-align: center;}

.text-right { text-align: right;}


.btnArea {
  margin: 30px auto;
  text-align: center;
  width: 100%;
}

.btn {
  width: 180px;
	    display: inline-block;
    padding: 10px;
}

.btnG {
	background: #00A13C;
	color: #fff;
	font-weight: 600;
	border-radius: 5px;
}

.btnB {
  width: 300px;
}

.btnS {
  width: 80px;
}

.pageTitle {
	font-weight: 600;
  font-size: 120%;
	border-bottom: solid 2px #00A13C;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.CrossHead {
	font-weight: 600;
    font-size: 110%;
	margin: 20px 0 5px 0;
    border-bottom: 2px solid#DDDDDD;
}

.Definition {
    border-color: rgb(255, 180, 0);
    padding: 0px;
    margin: 20px 0 5px 0;
    border-bottom: 2px dotted #DDDDDD;
    font-weight: 600;
}

.guideTxt h4 {
    margin: 3em 0 1em;
    font-weight: 600;
}

.guideTxt h5 {
    margin: 3em 0 0;
    font-weight: 600;
}

.guideTxt h6 {font-weight: 600;}

.guideTxt ul li.column {
	width: 100%;
	float: left;
	box-sizing: border-box;
	list-style: none;
	margin: 0 0 4% 4%;
}

.guideTxt ul li.column:nth-of-type(2n + 1),
.guideTxt ul li.column:first-of-type {
	margin-left: 0;
}

.guideTxt ul li.one-half.column {
	width: 48%;
}

.guideTxt ul li.one-half.column img { width: 100%;}

main#med a {text-decoration: underline;}

main#med .guideTxt ul li.one-half.column,
main#med .guideTxt ul li.one-half.column img { width: inherit;}

main#med .guideTxt ul li.one-half.column { text-align: center;}

@media screen and (max-width: 768px) {
.faq .lay_inner {
    padding: 2%;
  }
}

@media screen and (max-width: 768px) {
	.w60 { width: 100%;}
	
	.guideTxt ul li.one-half.column {
	width: 100%;
	margin: 0 0 4%;
}
}


.elm_typo-h1  {
	font-weight: 600;
  font-size: 120%;
	border-bottom: solid 2px #00A13C;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.userTable_02 strong,
h3 { font-weight: 600;}

.box {
	border:  solid 1px #ddd;
	padding: 5px 10px 0px;
}

.guideTxt .box p {
	margin-top: 0;
	margin-bottom: 0;
}

.info {
	margin: 0!important;
	padding: 0!important;
}

.info::after {
	display: table;
	clear: both;
	content: "";
}

.info li {
	float:left;
	list-style: none;
}

.info li:nth-child(2) { margin-left: 50px;}

.FS2_repeater {
	padding: 4px 12px 3px;
    font-size: 12px!important;
    font-weight: 600;
    border-radius: 14px;
    background: #fff;
    color: #e42323;
    line-height: 1;
}

.mod_card-picup.full li:nth-child(10) a {
  border-radius: 6px;
}

/* list styke     –––––––––––––––––––––– */
.userTable_02 ul.nostyle li::before { display: none;}
ul.nostyle {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.nostyle .guideTxt p { margin: .5em 0;}

dl.num>dd dl {
	margin-left: 20px;
}

.num, .FS2_body_Config_PrivacyPolicy ol {
	counter-reset: number;
	list-style: none;
	margin: 0;
	padding: 0;
}
.num,
.guideTxt ul.num {
	margin-bottom: 50px;
	list-style: none;
}
.num dd {
	margin-bottom: 40px;
}

.num dl dd {margin-bottom: 20px;}

.FS2_body_Config_PrivacyPolicy ol li {margin-bottom: 10px;} 

.num li:before,
.num dt:before, .FS2_body_Config_PrivacyPolicy  ol li:before {
	counter-increment: number;
	content: counter(number);
	padding-right: 20px;
}

.num dl dt {
	counter-reset: none;
	list-style: none;
}
.num dl dt:before {
	counter-increment: none;
	content: "";
	padding-right: 0;
}

ul.dot {
	list-style: none;
	padding-left: 0;
}
main#med .userTable_02 ul.dot li,
ul.dot li,
.userTable_02 ul li {
	position: relative;
    padding-left: 20px;
}

main#med .userTable_02 ul li { padding-left: 0;}

ul.dot li::before,
.userTable_02 ul li::before {
	content: "\02022";
    font-size: 10px;
    position: absolute;
    top: 5px;
    left: 0;
}

small ul.dot li::before { top:2px;}

.official a { font-weight: 600;}

.ast {
	font-size: 12px;
	color: #e42323;
	font-weight: 500;
	padding-rigth: 10px;
}
/* table     –––––––––––––––––––––– */
.userTable_02,
.userTable_01 {
    border: 1px solid #ddd;
		border-width: 1px 0 0 1px;
    width: 100%;
    margin-bottom: 10px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.userTable_02 th,
.userTable_01 th {
/*    white-space: nowrap;*/
    font-weight: normal;
    background: #F6F6F6;
    border: 1px solid #ddd;
		border-width: 0 1px 1px 0;
    padding: 3px 5px;
}

.userTable_02 th {
	text-align: left;
}

main#med .userTable_02 th { width: 350px;}

.userTable_02 td,
.userTable_01 td {
	border: 1px solid #ddd;
	border-width: 0 1px 1px 0;
  padding: 3px 5px;
}

main#med .guideTxt .userTable_02 p {
    line-height: 1.6;
    margin: .5em 0;
}

main#med .guideTxt h4 {
    margin: 1em 0;
}

@media screen and (max-width: 768px) {
	main#med .userTable_02 th { width: 100%;}
	main#med .userTable_02 th, main#med .userTable_02 td {
		display: block;
	}
	
	main#med .userTable_02 .userTable_01 td,
	main#med .userTable_02 .userTable_01 th {
		width: 50%;
		display: table-cell;
	}
}


/* faq     –––––––––––––––––––––– */
.guideTxt ul li.question, .guideTxt ul li.answer {
	padding-left: 60px;
	position: relative;
	list-style: none;
	/*min-height: 50px;*/
}

.guideTxt ul li.answer {
	margin-bottom: 50px;
	font-size: 14px;
}

.guideTxt ul li.question {
	padding-top: 3px;
	margin-bottom: 10px;
}

.guideTxt ul li.question p {
	font-weight: 600;
	font-size: 18px;
}

.question::before, .answer::before {
	display: block;
	content: "";
	width: 30px;
	height: 30px;
	position: absolute;
	top: 3px;
	left: 0;
}
.question:before {
	background: url(https://www.kirindo-shop.com/shop/item/kirindo/design/img01/q_ico.png) no-repeat;
	background-size: cover;
}
.answer:before {
	background: url(https://www.kirindo-shop.com/shop/item/kirindo/design/img01/a_ico.png) no-repeat;
	background-size: cover;
}

.guideTxt .answer p,
.guideTxt .question p { margin: 0 0 5px;}


/* BusinessDeal     –––––––––––––––––––––– */
.FS2_body_Config_BusinessDeal h3.CrossHead,
.FS2_body_Config_BusinessDeal .userTable_02 { display: none;}

.FS2_body_Config_BusinessDeal .userTable_02.blk { display: table;}
.FS2_body_Config_BusinessDeal .userTable_02.blk th {text-align: left;}

.userTable_02 ul { margin-left: 5px;}

/* Subscrip     –––––––––––––––––––––– */

.subscrip .guideTxt ul li {
	border-radius: 20px;
	border: solid 2px #d2eff9;
	padding: 0 50px;
}


@media screen and (max-width: 834px) {
	
	.subscrip .guideTxt ul li {
		padding: 0 4%;
	}
.subscrip img { width: 100%;}
	
.lay_inner { padding:  3%;}
	.index .lay_inner { padding:  0;}
#mod_header-sp .FS2_repeater {
	border-radius: 0;
	color: #fff;
	background: #4F4F4F;
 padding: .5em 0;
}
	
	.info li {
	float:none;
		margin: 10px 0!important;
}
	
	.guideTxt h2 { margin: 1em 0!important;}
.guideTxt ul li.question, .guideTxt ul li.answer {
	padding-left: 50px;
	min-height: 30px;
	font-size: 14px;
}
	.question::before, .answer::before {
	width: 30px;
	height: 30px;
}
	.answer.pt1,
	.guideTxt ul li.question {
padding-top: 0;
}
	main.faq { padding: 0 1%;}
	
	.faq .guideTxt > ul {padding: 0;}
	
	.FS2_body_Config_BusinessDeal .userTable_02.blk td,
	.FS2_body_Config_BusinessDeal .userTable_02.blk th {display: block;}
}


.mod_serchBox input[type=text] { -webkit-box-sizing: border-box;}

/* ContentsArea
-------------------------- */

 
#open01, #open02, #open03, #open01sp, #open02sp, #open03sp{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
}
 
/*
.close_overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -9999px;
    position: absolute;
    background: #000;
    opacity: 0.5;
    z-index: 5;
}
*/
 
/* オリジナル */
.modal_window {
    top: 55%;
    left: 50%;
    margin: -330px 0 0 -300px;
/*	
    width: 600px;
    height: 700px;
*/	
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
    padding: 20px;
    border: solid 3px #666;
}
 
.modal_window h2 {
    margin-bottom: 20px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    text-indent: 15px;
    background: #000;
}
 
.modal_window p {
    padding: 15px;
    font-size: 12px;
    line-height: 160%;
    text-align: left;
}
 
.modal_window img { width: 100%;}


/* ECトップ用 -pc-*/
.modal_windowTop-pc {
    top: 35%;
    /*left: 35%;
    margin: -330px 0 0 -300px;*/
    margin:0 auto;
    width: 100%;
    height: auto;	
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
    padding: 20px;
    border: solid 3px #666;
}
 
.modal_windowTop-pc h2 {
    margin-bottom: 20px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    text-indent: 15px;
    background: #000;
}

 
.modal_windowTop-pc p {
    padding: 5px 15px;
    font-size: 14px;
    line-height: 1.25em;
    text-align: left;
}

.modal_windowTop-pc p.first {
    margin-top: 15px;
}
 
.modal_window2Top-pc img { width: 100%;}


/* ECトップ用 -sp-*/
.modal_windowTop-sp {
    top: 35%;
    /*left: 35%;
    margin: -330px 0 0 -300px;*/
    margin:0 auto;
    width: 100%;
    height: auto;	
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
    padding: 20px;
    border: solid 3px #666;
}
 
.modal_windowTop-sp h2 {
    margin-bottom: 20px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    text-indent: 15px;
    background: #000;
}

 
.modal_windowTop-sp p {
    padding: 3px 9px;
    font-size: 12px;
    line-height: 1.25em;
    text-align: left;
}

.modal_windowTop-sp p.first {
    margin-top: 10px;
}
 
.modal_window2Top-sp img { width: 100%;}



/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
    0% {opacity:0;display:block;}
    100% {opacity:1;}
}
 
div#modal div:target, div#modal2 div:target, div#modal3 div:target, div#modalsp div:target, div#modal2sp div:target, div#modal3sp div:target{
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}


@media screen and (max-width: 600px) {
	.modal_window, .modal2_window, .modal3_window, .modalsp_window, .modal2sp_window, .modal3sp_window{
    margin: -210px 0 0 -200px;
    width: 400px;
    height: auto;
  }
}

@media screen and (max-width: 400px) {
	.modal_window, .modal2_window, .modal3_window, .modalsp_window, .modal2sp_window, .modal3sp_window{
    margin: -170px 0 0 -170px;
    width: 340px;
    height: auto;
		z-index: 999;
}
  .modal_window h2, .modal_window h2, .modal2_window h2, .modal3_window h2, .modalsp_window h2, .modal2sp_window h2, .modal3sp_window h2{
    margin-bottom: 20px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    background: #000;
  }
  
  .info_a_txt{
    font-size:12px;    
  }
}


.FS2_MyReviewStatus img {
    position: relative;
    top: 0!important;
}