@charset "utf-8";

/*PCSP共通設定*/
main img {
	width: 100%;
	height: auto;
}
main form * {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.answer.disnone {display:none;}
.answer.disnone:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}

#headRMain li:first-child{display:none!important}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1%;
}
h1 {display: inline;}
h2 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto 3%;
	padding-bottom: 5px;
	width: 94%;
	clear: both;
}
h3 {
	font-size: 16px;
    font-weight: bold;
    margin: 0 auto 3%;
    clear: both;
}
.inner{
	width: 90%;
    margin: 0 5%;
    padding: 20px 0;
    box-sizing: border-box;
}

/*information*/
#information h2 {
	width: 100%;
    border-left: 5px solid red;
    padding: 5px 10px;
    box-sizing: border-box;
    text-align: left;
}
#information li {
	line-height: 1.8;
	font-size: 12px;
	list-style: disc inside;
}
#information li span {
	background: #f00;
    color: #fff;
	margin-bottom: 5px;
    padding: 0 5px;
    display: table;
}
#information_listbox_hidden {
    display: none;
	list-style: none!important;
}
#click__more {
	width: 72%;
    margin: 0 auto;
    padding: 10px 0;
    color: #626262;
    text-align: center;
	font-size: 14px;
    font-weight: bold;
    border: 1px solid #626262;
    transition-duration: 0.5s;
	position:relative;
}
#click__more.resclose:before,
#click__more.resopen:before {
	position: absolute;
    left: 24%;
}
#click__more.resclose:before {content: "+";}
#click__more.resopen:before {content: "-";}

/*支店情報*/
#search_shop h2{
	background: url(../images/ico_search.png) 40px 0 no-repeat;
    background-size: contain;
}
#search_shop ul {display: flex;}
#search_shop ul li {
    width: 31.33333%;
    border-radius: 5px;
    margin: 5% 1%;
	align-items: center;
    display: grid;
}
#search_shop li.nav14 {
    background: #f2f2f2 url(https://www.nta.co.jp/sp/shared2015/common/images/gnav_14.png) center 3px no-repeat;
    background-size: 65px auto;
}
#search_shop li.nav21 {
    background: #f2f2f2 url(https://www.nta.co.jp/sp/shared2015/common/images/gnav_21.png) center 5px no-repeat;
    background-size: 65px auto;
}
#search_shop li.nav17 {
    background: #f2f2f2 url(https://www.nta.co.jp/sp/shared2015/common/images/gnav_17.png) center 5px no-repeat;
    background-size: 65px auto;
}
#search_shop li a {
	font-size: 11px;
    text-align: center;
    padding: 55px 0 10px 0;
    color: #20208c;
}
#search_shop p {font-size: 12px;}

/*キーワード検索*/
#frequently-asked h2{
	background: url(../images/ico_question.png) 40px 0 no-repeat;
    background-size: contain;
}
#kw{margin:0 0 5%;}
#kw form {
	display: flex;
	margin: auto;
}
#kw input {
	width: 75%;
    height: 40px;
    vertical-align: top;
    border: 1px solid #aaa;
	border-right: none;
    border-radius: 3px 0 0 3px;
    text-indent: 3%;
    font-size: 14px;
    box-sizing: border-box;
}
#kw button {
	width: 25%;
    height: 40px;
    padding: 0 10px;
    font-size: 14px;
    background: #e61b61;
    color: #FFF;
    border-radius: 0 3px 3px 0;
    box-sizing: border-box;
}

/*qa*/
#qanda_box > div {
	margin-bottom: 10px;
    padding: 10px 0;
    border: 1px solid #aaa;
    border-radius: 5px;
}
#qanda_box > div h4 {
	display: flex;
    font-size: 14px;
    padding: 0 25px 0px 0;
    line-height: 1.6;
    text-align: left;
    font-weight: bold;
    position: relative;
    box-sizing: border-box;
	align-items: center;
	cursor:pointer;
}
#qanda_box > div h4:after {
	content: "";
	position: absolute;
    right: 15px;
    width: 25px;
    height: 25px;
	transition-duration: 0.2s;
}
#qanda_box > div h4:after {
	background:url(../images/ic_+.png) no-repeat;
	background-size: cover;
}
#qanda_box > div h4.faqopen:after {
	background:url(../images/ic_-.png) no-repeat;
	background-size: cover;
}
#qanda_box > div b.qaicon {
	font-size: 16px;
    width: 50px;
    text-align: center;
    float: left;

}
#qanda_box > div h4 b.qaicon {color: #20208c;}
#qanda_box > div div.answer b.qaicon {color: #e61b61;}
#qanda_box > div h4 span,
#qanda_box > div div.answer div {
	width: calc(100% - 74px);
    float: left;
}
#qanda_box > div div.answer {
	/*display: flex;*/
    font-size: 14px;
    line-height: 1.6;
    margin-top: 5px;
    padding: 10px 10px 0 0;
    border-top: 1px dotted #ccc;
}

}

/*760px以上*/
@media screen and (min-width: 760px),print {
/* CSS */
#wrapper {line-height: 1.231;}
#dirPathBlock,
#anchorLinkBlock{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto 10px;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {display: inline;}
h2 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 3%;
	padding-bottom: 5px;
	clear: both;
}
h3 {
	font-size: 20px;
    font-weight: bold;
    margin: 0 auto 2%;
    clear: both;
}
.inner{
	width: 96%;
	max-width:970px;
	min-width:740px;
	margin: 0 auto 2%;
	padding:20px 0;
	display: block;
}

/*information*/
#information h2 {
	border-left: 8px solid red;
    padding: 10px;
    box-sizing: border-box;
    text-align: left;
}
#information li {
	line-height: 1.8;
	list-style: disc inside;
}
#information li span {
    background: #f00;
    color: #fff;
    padding: 0 10px;
}
#information_listbox_hidden {
	display: none;
	list-style: none!important;
}
#click__more {
	width: 40%;
    margin: auto;
	padding: 15px 0 12px;
    color: #626262;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    position: relative;
    transition-duration: 0.5s;
    cursor: pointer;
    border: 1px solid #aaa;
}
#click__more.resclose:before,
#click__more.resopen:before {
	position: absolute;
    left: 28%;
}
#click__more.resclose:before {content: "+";}
#click__more.resopen:before {content: "-";}

/*支店情報*/
#search_shop h2{
	background: url(../images/ico_search.png) 32% 0 no-repeat;
    background-size: contain;
}
#search_shop ul {display: flex;}
#search_shop ul li {
	width: 31.33333%;
    border-radius: 5px;
    margin: 0 1% 3%;
	align-items: center;
    display: flex;
}
#search_shop li.nav14 {
	background: #f2f2f2 url(https://www.nta.co.jp/sp/shared2015/common/images/gnav_14.png) 0 center no-repeat;
    background-size: 80px;
}
#search_shop li.nav21 {
    background: #f2f2f2 url(https://www.nta.co.jp/sp/shared2015/common/images/gnav_21.png) 0 center no-repeat;
    background-size: 80px;
}
#search_shop li.nav17 {
    background: #f2f2f2 url(https://www.nta.co.jp/sp/shared2015/common/images/gnav_17.png) 0 center no-repeat;
    background-size: 80px;
}
#search_shop li a {
	font-size: 16px;
    margin: 0 0 0 85px;
    padding: 30px 0;
    color: #20208c;
    display: block;
}
#search_shop p {
    font-size: 16px;
	line-height: 1.8;
}

/*キーワード検索*/
#frequently-asked h2{
	background: url(../images/ico_question.png) 32% 0 no-repeat;
    background-size: contain;
}
#kw{margin:0 2% 5%;}
#kw form {
	width: 72%;
    margin: auto;
	display:flex;
}
#kw input {
	width: 67%;
    height: 32px;
    vertical-align: top;
    border: 1px solid #aaa;
	border-right: none;
    border-radius: 3px 0 0 3px;
    text-indent: 3%;
    font-size: 16px;
    box-sizing: border-box;
}
#kw button {
	width: 30%;
    height: 32px;
    padding: 0 10px;
    font-size: 16px;
    background: #e61b61;
    color: #FFF;
    border-radius: 0 3px 3px 0;
    box-sizing: border-box;
}

/*qa*/
#qanda_box > div {
	margin-bottom: 10px;
    padding: 10px 0;
    border: 1px solid #aaa;
    border-radius: 5px;
}
#qanda_box > div h4 {
	display: flex;
    font-size: 18px;
    padding: 0 25px 0px 0;
    line-height: 1.6;
    text-align: left;
    font-weight: bold;
    position: relative;
    box-sizing: border-box;
	align-items: center;
	cursor:pointer;
}
#qanda_box > div h4:after {
	content: "";
	position: absolute;
    right: 20px;
    width: 25px;
    height: 25px;
	transition-duration: 0.2s;
}
#qanda_box > div h4:after {
	background:url(../images/ic_+.png) no-repeat;
	background-size: cover;
}
#qanda_box > div h4.faqopen:after {
	background:url(../images/ic_-.png) no-repeat;
	background-size: cover;
}
#qanda_box > div b.qaicon {
	font-size: 16px;
    width: 50px;
    text-align: center;
    float: left;

}
#qanda_box > div h4 b.qaicon {color: #20208c;}
#qanda_box > div div.answer b.qaicon {color: #e61b61;}
#qanda_box > div h4 span,
#qanda_box > div div.answer div {
	width: calc(100% - 74px);
    float: left;
}
#qanda_box > div div.answer {
	/*display: flex;*/
    font-size: 16px;
    line-height: 1.6;
    margin-top: 5px;
    padding: 10px 10px 0 0;
    border-top: 1px dotted #ccc;
}

}