@charset "utf-8";

/*PCSP*/
main img {
	width: 100%;
	height: auto;
}
.disnone {display: none;}

/*759px*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}

/*h2*/
h2 {
	font-weight: bold;
    text-align: center;
    font-size: 18px;
    color: #000;
    background: linear-gradient(transparent 60%, #ffea00 60%);
    margin: 15px 0;
    line-height: 2.5;
}
#link02 img{
	width:25px;
	height:auto;
	vertical-align:text-top;
	margin:0 8px 0 0;
}
#link03 img{
	width:25px;
	height:auto;
	vertical-align:text-top;
	margin:0 8px 0 0;
}
#link04 img{
	width:25px;
	height:auto;
	vertical-align:text-top;
	margin:0 8px 0 0;
}
#link05 img{
	width:25px;
	height:auto;
	vertical-align:text-top;
	margin:0 8px 0 0;
}
#link06 img{
	width:25px;
	height:auto;
	vertical-align:text-top;
	margin:0 8px 0 0;
}

/*h3*/
h3 {
	font-size:15px;
	text-align:center;
	margin:0 auto 1%;
}
.catheCopy{
	width: 98%;
    margin: 0 auto 15px;
    font-size: 13px;
    padding: 10px;
    background: #FFF;
    box-sizing: border-box;
}
.catheCopy > b {
	display: flex;
    font-size: 14px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #000;
}
.catheCopy > b b{
	width: 48px;
    border: 2px solid #000;
    text-align: center;
    display: grid;
    align-items: center;
    margin-right: 5px;
}
.catheCopy a.center {
    display: block;
    text-align: center;
    margin: 10px 0;
    font-size: 16px;
}

/*title*/
#title {
    text-align: center;
    position: relative;
    background: url(../images/ti_main_sougou.png) no-repeat 50% 100%;
    padding: 15% 0;
    background-size: 150% auto;
    margin-bottom: 10px;
}
#allBack {
    background: url(../images/bgall.png);
    background-size: 150% auto;
    margin-bottom: 20px;
}
.naviBox{
	margin-bottom:0;
	overflow:hidden;
	background:#0071CB
}
.naviBox.fixed{
	width: 100%;
    position: fixed;
    top: 0;
    z-index: 2;
}
.naviBox li{
	float:left;
	text-align:center;
	font-weight:normal!important;
	cursor:pointer!important;
	background:url(../images/im_navi_line.png) repeat-y;
	background-size:1px auto;
	padding:6px 0 6px 0;
	color:#FFF;
	position:relative;
	border-bottom:1px dashed #FFF;
	width:33.3333333%;
}
.naviBox li:first-child,
.naviBox li:nth-of-type(4){
	background:none;
	border-left:none
}
.naviBox li:nth-of-type(5){border-right: 1px dashed #fff;}
.naviBox li strong{
	font-weight:normal;
	font-size:11px!important;
}
.naviBox li a{color:#FFF;}
.naviBox li a:hover{text-decoration:none!important;}
.naviBox li:hover:after{
	opacity: 0.6 ;
	transition: 0.2s ;
	bottom:1px;
}
.naviBox li strong{
	display:block;
	font-size:14px;
}
.naviBox li span{
	display:block;
	display:none;
	font-size:10px;
	font-weight:normal;
	font-family: 'Londrina Solid', cursive;
}

/*attention*/
.attention{
	margin:20px 10px;
	text-align:left;
	background:#F8EAF0;
	padding:10px;
	font-size: 10px;
}
.attention strong{
	font-weight:bold;
	padding:0 10px 0 0;
	margin:0 10px 0 0;
}
.attention span{display:inline!important;}
.attention a{display:block;}

/*nav*/
.naviList{
	display:block;
	margin:0 5px 10px;
}
.naviList li{
	display:inline-block;
	margin:0 0 5px 0;
}
.naviList li a{
	background:#FFF;
	border:2px solid #000;
	display:inline-block;
	padding:4px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	color:#000;
	font-size:12px;
}

/*prbanner*/
.pr_banner {
    width: 96%;
    margin: 0 2% 2%;
}
.pr_banner a img {
    display: block;
    margin: 0 auto 1%;
}
.pr_banner p {text-align: center;}

/*tour*/
.column2Area.topItem2List.mb25{border-bottom: 4px dotted #222;}
.navKaigai{
	margin:0 0 1px 0;
	overflow:hidden;
}
.navKaigai * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.navKaigai p{
	background:#daf5cf;
	color:#4EAB26;
	display:block;
	float:left;
	width:50%;
	text-align:center;
	font-size:12px;
	padding:10px 0;
	color:#4EAB26;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	cursor:pointer;
	font-weight:bold;
	border-right:1px solid #33A9EB;
}
.navKaigai p.select{
	background:#4EAB26;
	font-weight:bold;
	border:0px;
	color:#FFF;
	position:relative;
	border-right:1px solid #33A9EB;
}
.planBoxArea .yet {
    width: 90%;
    text-align: center;
    margin: 10px auto;
    padding: 10px 0;
    font-size: 14px;
    color: #4eab26;
    background: #daf5cf;
    border: 2px solid #4EAB26;
}
.tabBox01{padding:10px;}
.tabBox01 li{
	width: 190px;
    float: left;
    margin: 5px;
    padding: 10px!important;
    border-bottom: 1px solid #ebefbf;
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
    background: #FFF;
    border: 1px solid #000;
    position: relative;
    box-sizing: border-box;
}
.tabBox01 dt{
	font-size: 10px;
	border-bottom:dotted 2px #000;
	margin-bottom:8px;
	padding-bottom:5px;
}
.plan li dt img {
	width: 12px;
    height: 12px;
}
.plan li dt b{font-size: 14px;}
.plan li dt b.tx14{
	font-size: 12px;
    line-height: 1.4;
    height: 84px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.tabBox01 li:nth-child(1),.tabBox01 li:nth-child(2){display:block;}
.tabBox01 dd img{margin:0 5px 5px 0;}
.tabBox01 .thumb span {
    position: absolute;
    top: 3px;
    left: 3px;
	z-index: 1;
}
.tabBox01 .thumb span .co_icon{
	border: 1px solid #000;
    font-size: 10px;
    background: #000;
    color: #FFF!important;
    display: inline-block;
	margin-right: 5px;
    padding: 5px;
}
.tabBox01 .thumb span .cp_icon{
	border: 1px solid #000;
    background: #FFF;
    color: #000;
    font-weight: bold;
    font-size: 11px;
    display: inline-block;
    padding: 4px;
}
.price {
    color: #F00;
    font-size: 18px;
    font-weight: bold;
    display: block;
    text-align: center;
    clear: both;
}

/*slick*/
.scrollbox{overflow-x: scroll!important;}
.scrollbox ul.planBoxArea{
	width: fit-content!important;
    display: flex!important;
    margin-bottom: 10px!important;
}
.scrollbox::-webkit-scrollbar {height: 5px!important;}
.scrollbox::-webkit-scrollbar-track {
	margin: 0 5px!important;
	background: #eee!important;
	border-radius: 5px!important;
}
.scrollbox::-webkit-scrollbar-thumb {
	border-radius: 5px!important;
	background: #999!important;
}

/*kaigaidp*/
#search_kaigaidp li {
	text-align: center;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    background: #FFF;
    border: 1px solid #000;
    padding: 5px;
    margin: 0 5px 5px;
}

/*tokusyu*/
.itemList4 li {
	width: 98%;
    background: #FFF!important;
	margin: 0 1% 2%;
    -webkit-box-shadow: 0 1px 0 #afafaf;
    -moz-box-shadow: 0 1px 0 #afafaf;
    box-shadow: 0 1px 0 #afafaf;
	display:flex;
}
.itemList4 li:hover{
	cursor:pointer;
	opacity: 0.8;
	filter: alpha(opacity=80);       
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
}
.itemList4 li dl {
	width: 50%;
    margin: 3% 0 0 0;
}
.itemList4 li dt {
	font-size: 15px;
	margin-bottom: 5px;
	font-weight:bold;
}
.itemList4 li dt a {
	color: #333 !important;
	text-decoration: none !important;
}
.itemList4 li dd span {
	margin-top: 10px;
	display: inline-block;
}
.itemList4 li dd a {
	color: #333 !important;
	text-decoration: none !important;
}
.itemList4 li .thumb {
	width: 45%;
    margin-right: 5%;
}
.itemList4 li .thumb img{
	width:100%;
	height:auto;
}

/*areaninki*/
#mokutekichiBox{
	display:block;
	background:rgba(255,255,255,0.5);
	padding:20px;
	margin-top:20px;
}
#mokutekichiBox h3{
	font-size:16px;
	display:block;
	padding:  0;
	text-align:center;
}
#mokutekichiBox strong{
	font-size:12px;
	background:#4EAB26;
	color:#FFF;
	display:block;
	margin:0 0 2px 0;
    border-radius: 5px;
	text-align:center;
	height:30px;
	line-height:30px;
	clear:left;
}	
#mokutekichiBox span{
	display:block;
	overflow:hidden;
	margin-bottom:10px;
	padding-top:5px;
}
#mokutekichiBox a{
	font-size:12px;
	display:inline-block;
	margin:0 10px 0 0;
	font-weight:bold;
}
#usefullIn{
	display:block;
	overflow:hidden;
	width:100%;
	padding:15px 0 0 0;
}
#usefullIn h3{
	text-align:center;
	margin:0;
	font-size:18px;
	padding:15px 0;
	border-top:1px solid #FFF;
	font-weight:bold;
	line-height:20px;
}
#usefullIn div{
	margin-bottom:10px;
	background: rgba(255,255,255,0.6);
}
#usefullIn ul{padding:0 20px 10px;}
#usefullIn div:nth-of-type(2){margin-left:2%;}
.halfList li {
    width: 50%;
    float: left;
    margin: 5px 0;
}
#usefullIn li a {
    display: block;
    position: relative;
    color: #09F;
    padding: 0 0 0 15px;
	font-size:12px;
}
#usefullIn li a:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    left: 4px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #09F;
}

/*oyakudachi*/
.usefullWrap {
	border-left:2px solid #000;
	border-right:2px solid #000;
	border-top:2px solid #000;
}
.usefullWrap li{
	border-bottom:2px solid #000;
	margin:0!important;
	-webkit-border-radius: 0!important;
	border-radius: 0!important;
}
.usefullWrap li a{
	padding:10px;
	display:block;
	background-size:18px auto;
	background:url(../images/tb_bottom_arrow.png)  no-repeat 98% 50%;
	padding-left:50px;
	padding-right:30px;
}
.usefullWrap li:nth-child(1){
	background:url(../images/ic_use01.png) no-repeat #FFF 5px 50%;
	background-size:30px auto;
}
.usefullWrap li:nth-child(2){
	background:url(../images/ic_use02.png) no-repeat #FFF 5px 50%;
	background-size:30px auto;
}
.usefullWrap li:nth-child(3){
	background:url(../images/ic_use03.png) no-repeat #FFF 5px 50%;
	background-size:30px auto;
}
.usefullWrap li:nth-child(4){
	background:url(../images/ic_use04.png) no-repeat #FFF 5px 50%;
	background-size:25px auto;
}
.usefullWrap li:nth-child(5){
	background:url(../images/ic_use05.png) no-repeat #FFF 8px 50%;
	background-size:30px auto;
}
.usefullWrap li:nth-child(6){
	background:url(../images/ic_use06.png) no-repeat #FFF 8px 50%;
	background-size:26px auto;
}

/*tripa*/
#tripa_area{
    width: 95% !important;
    margin: 15px auto 0 auto;
}
#tripa_api{
	overflow:hidden;
	display:block;
	margin-bottom:8%;
}
.tripa_box {background: #fff;}
#tripa_api h2 {
	background: linear-gradient(transparent 60%, #ffea00 60%);
	margin-bottom: 15px;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	line-height: 20px;
	padding: 0 0 5px 0;
	color: #000;
}
#tripa_api ul{
	overflow:hidden;
	margin:0 0 20px 0;
}
@media screen and (max-width: 320px) {
#tripa_api li{
	text-align:center;
	margin:0 0 15px 0;
	padding:0 8px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	font-size:10px;
}
}

@media screen and (min-width: 321px) {
#tripa_api li{
	text-align:center;
	margin:0 0 15px 0;
	width:50%;
	float:left;
	padding:0 8px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	font-size:10px;
}
}
#tripa_api li img{
	display:block;
	margin:0 0 5px 0;
	width:100%;
	height:auto;
}
#tripa_api div{
	overflow:hidden;
	padding:10px;
	margin:0;
	border-bottom:1px solid #e2e2e2;
	background:#FFF;
}
#tripa_api div p{
	float:left;
	margin:0 10px 0 0;
	width:20%;
}
#tripa_api div p img{
	width:100%;
	height:auto;
}
#tripa_api div dl{
	overflow:hidden;
	display:block;
}
#tripa_api div:last-child{border-bottom:none}
#tripa_api div dt{
	font-size:12px;
	margin:0 0 10px 0;
}
#tripa_api div dt a{color:#000;}
#tripa_api div dl > dd{
	font-size:10px;
	color:#999;
	display:none;
}
#tripa_api div dl > dd > span{
	display:block!important;
	margin:5px 0 0 0;
}
#tripa_api div dd > span a{color:#CCC;}
#tripa_api div dd > span > span{
	color:#F69;
	display:inline;
	display:block!important;
}
#tripa_api .commonTit{
	font-weight: bold;
    text-align: center;
    font-size: 18px;
    padding: 0;
    margin: 0;
    color: #000;
}
#tripa_api p.btnWrap{
	text-align:center;
	float: none;
	width: auto;
	height: auto;
}
#tripa_api .btn {
	width:94%;
    background: url(../images/arrow.png) no-repeat #514640 95% 50%;
    background-size: auto 13px;
    display: block;
    margin: 0 auto;
    padding: 10px 0 10px 0;
    color: #FFF!important;
    font-size: 14px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: 'Noto Sans Japanese', sans-serif;
}

/*other*/
.col1 {
	overflow:hidden;
	margin-top:15px;
}
.col1 dl{float:none;}
.col1 dt{
	padding:10px;
	text-align:center;
}
.col1 a{margin-bottom:10px!important}
.selectBox dl {
    background: rgba(255,255,255,0.6);
    margin: 0 10px 10px;
}
.selectBox dt {
    display: block;
    padding: 8px;
    color: #FFF;
    font-size: 14px;
    text-align: center;
	background: #4EAB26;
	margin:0;
}
.selectBox dd a:after {
    content: '';
    width: 5px;
    height: 5px;
    border: 0px;
    border-top: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -4px;
}
.selectBox dd{padding:10px!important;}
.selectBox dd a {
    display: inline-block;
    padding: 5px 15px 5px 5px;
    font-size: 12px;
    margin: 0 0 3px 10px;
    position: relative;
    background: #F90;
    color: #FFF!important;
}

/*相談*/
#link08 {
	background: linear-gradient(transparent 60%, #ffea00 60%);
    margin-bottom: 15px;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    padding: 0 0 5px 0;
    color: #000;
}
#link08 img{
	width: 25px;
    height: auto;
    vertical-align: text-top;
    margin: 0 8px 0 0;
}
#pickup_ico{display: flex;}
#pickup_ico li{
	width: 31.33333%;
    margin: 5% 1%;
	border-radius: 10px;
}
#pickup_ico li.nav1 {
    background: #FFF url(/sp/shared2015/common/images/gnav_17.png) center top no-repeat;
    background-size: 60px;
}
#pickup_ico li.nav2 {
    background: #FFF url(/sp/shared2015/common/images/gnav_21.png) center top no-repeat;
    background-size: 60px;
}
#pickup_ico li.nav3 {
    background: #FFF url(/sp/shared2015/common/images/gnav_14.png) center top no-repeat;
    background-size: 60px;
}
#pickup_ico li a{
	display: block;
    font-size: 14px;
    text-align: center;
    color: #20208c;
    padding: 55px 0 15px;
    font-weight: bold;
    border: 2px solid #222;
	border-radius: 10px;
}

/*consultation*/
#consultation{
    background: rgba(255, 255, 255, 0.5);
    padding: 5px;
}
#consultation h3 {margin: 0 auto;}

/*btn*/
.btnbox{
	display: flex;
	margin: 5% 0;
}
.btnbox p{
	width:98%;
	margin:1%;
	text-align: center;
}
.btnbox a{
	width: 100%;
    display: block;
    background: #ff9800;
    color: #FFF;
    padding: 10px;
    box-sizing: border-box;
    font-size: 12px;
    border-radius: 3px;
	position:relative;
	box-shadow: 1px 1px 2px #794800;
}
.btnbox a:after{
    width: 13px;
    height: 13px;
    content: "";
    display: block;
    background: url(//www.nta.co.jp/shared2015/common/images/im_arrow.png) no-repeat;
    position: absolute;
    top: 35%;
    right: 3px;
}
}

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

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}

.contInner02 {
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: 0 auto;
	line-height: 1.6;
	padding-top: 20px;
	padding-bottom: 40px;
	overflow-x:hidden;
}

/*h2*/
h2{
	font-size:24px;
	font-weight: bold;
	color:#000;
	line-height:58px;
	padding:0 0 0 60px;
	text-align:center;
	margin:0 auto 20px;
}
#link02{background:url(../images/bg_ti_panf.png) no-repeat 50%;}
#link03{background:url(../images/bg_ti_serch.png) no-repeat 50%;}
#link01,#link04{
	padding: 0 0 0 50px;
	background:url(../images/bg_ti_recomand.png) no-repeat 50%;
}
#link05{background:url(../images/bg_ti_usefull.png) no-repeat 50%;}
#link06{background:url(../images/bg_ti_oudo.png) no-repeat 50%;}
#link07{background:url(../images/bg_ti_oudo.png) no-repeat 50%;}

/*h3*/
h3 {
	font-size:24px;
	text-align:center;
	margin:0 auto 10px;
}

.catheCopy{
    width: 640px;
    margin: 0 auto 20px;
    font-size: 16px;
    display: block;
    padding: 10px;
    background: #FFF;
    box-sizing: border-box;
}
.catheCopy > b {
	display: flex;
    font-size: 18px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #000;
}
.catheCopy > b b{
	width: 80px;
    border: 2px solid #000;
    text-align: center;
    display: grid;
    align-items: center;
    margin-right: 15px;
}
.catheCopy a.center {
    display: block;
    text-align: center;
    margin: 10px 0;
    font-size: 16px;
}

/*title*/
#title{
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
	background-size:cover;
}
@media screen and (min-width: 1201px) {
#title p.title{
	width:auto;
	padding:6% 0 17% 0;
	background:url(../images/ti_main_sougou.png) no-repeat center 0%;
	background-size:100% auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
}
@media screen and (max-width: 1200px) {
#title p.title{
	width:auto;
	padding:10% 0 30% 0;
	background:url(../images/ti_main_sougou.png) no-repeat 50% 0%;
	background-size:160% auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
}
#allBack{
	background:url(../images/bgall.png);
	background-size:100% auto;
	position:relative;
}
.naviBox{
	overflow:hidden;
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin:0 auto;
	position:absolute;
	top:0.4%;
	left:0;
	right:0;
	z-index:999;
	text-align:center;
}
.naviBox li{
	display:inline-block;
	font-weight:bold;
	cursor:pointer!important;
	background:url(../images/im_navi_line.png) no-repeat;
	padding:6px 15px 15px 15px;
	color:#FFF;
	position:relative;
}
.naviBox li:first-child{background:none}
.naviBox li:after{
	content:"";
	width:11px;
	height:6px;
	display:block;
	background:url(../images/im_navi_arrow.png) no-repeat;
	position:absolute;
	left:45%;
	bottom:3px;
	margin:0 auto;
}
.naviBox li a{color:#FFF;}
.naviBox li a:hover{text-decoration:none!important;}
.naviBox li:hover strong,.naviBox li:hover span{
	text-decoration:none!important;
	opacity: 0.6 ;
	transition: 0.2s ;
}
.naviBox li:hover:after{
	opacity: 0.6 ;
	transition: 0.2s ;
	bottom:1px;
}
.naviBox li strong{
	display:block;
	font-size:18px;
}
.naviBox li span{
	display:block;
	font-size:14px;
	font-weight:normal;
	font-family: 'Londrina Solid', cursive;
}

/*attention*/
.attention{
	width: 100%;
    max-width: 750px;
    margin: 20px auto;
    text-align: left;
    background: #F8EAF0;
    padding: 10px;
    font-size: 12px;
	box-sizing: border-box;
}
.attention strong{
	font-weight:bold;
	padding:0 10px 0 0;
	margin:0 10px 0 0;
}
.attention span{display:inline!important;}
.attention a{display:block;}

/*nav*/
.naviList{
	overflow:hidden;
	text-align:center;
	padding:20px 0;
}
.naviList li{display:inline-block;}
.naviList li a{
	display:block;
	padding:10px;
	font-size:14px;
	border:3px solid #000;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color:#000;
	background:#FFF;
	font-weight:bold;
}
.naviList li a:hover{
	background:#FFEA00;
	text-decoration:none!important
}

/*prbanner*/
.pr_banner {
    width: 100%;
    margin-bottom: 3%;
}
.pr_banner a img {
    width: 640px;
    display: block;
    margin: 0 auto 1%;
}
.pr_banner p {
    text-align: center;
}

/*tour*/
.column2Area.topItem2List.mb25{border-bottom: 4px dotted #222;}
.navKaigai{
	display: flex;
    margin: 0 0 10px;
}
.navKaigai p{
	background: #daf5cf;
    color: #4EAB26;
    display: block;
    width: 48%;
    text-align: center;
    font-size: 18px;
    color: #4EAB26;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 1%;
    padding: 10px;
    border: 2px solid #4EAB26;
    box-sizing: border-box;
}
.navKaigai p{
	display:block;
	padding:10px;
}
.navKaigai p.select{
	background:#4EAB26;
	border:0;
	color:#FFF;
	position:relative;
	font-size:18px;
	border:2px solid #4EAB26
}
.navKaigai p {
	color:#4EAB26;
	text-decoration:none;
}
.navKaigai p:hover {
	text-decoration:none !important;
	opacity:0.8;
}
.navKaigai p:visited {
	text-decoration:none;
}
.planBoxArea .yet {
    width: 90%;
    text-align: center;
    margin: 20px auto;
    padding: 10px 0;
    font-size: 20px;
    color: #4eab26;
    background: #daf5cf;
    border: 2px solid #4EAB26;
}
.planBoxArea{padding-bottom:20px;}
.plan li{
	width: calc(94% / 3);
    margin: 25px 1% 0;
    padding: 10px;
    border: 1px solid #000;
    -webkit-border-radius: 0;
    border-radius: 0;
    float: left;
    background: #FFF;
    box-shadow: none!important;
	cursor: pointer;
    box-sizing: border-box;
}
.plan li .thumb{
	width:100%;
	margin:0 0 10px 0;
	-webkit-border-radius: 0!important;
	border-radius: 0!important;
	position: relative;
}
.plan li .thumb a{
    overflow: hidden;
    display: block;
}
.plan li .thumb img{
	height: auto;
    width: 100%;
    margin: auto;
    display: block;
}
.tabBox01 .thumb span {
    position: absolute;
    top: 0;
    left: 0;
	z-index: 1;
}
.tabBox01 .thumb span .co_icon{
	font-size: 10px;
    background: #000;
    color: #FFF;
    display: inline-block;
    margin-right: 5px;
    padding: 5px;
}
.tabBox01 .thumb span .cp_icon{
    border: 1px solid #000;
    background: #FFF;
    color: #000;
    font-weight: bold;
    font-size: 12px;
    padding: 3px;
}
.plan li dl{
	overflow:hidden;
	margin-bottom:0;
	display:block;
	padding:0!important;
	position:relative;
}
.plan li dt{
	display:block;
	border-bottom:2px dotted #000;
	margin-bottom: 10px;
    padding-bottom: 8px;
}
.plan li dt img {
	width: 14px;
    height: 14px;
	margin-right: 5px;
}
.plan li dt b{font-size: 16px;}
.plan li dt b.tx14{font-size: 14px;}

.plan .itemList4 li a{
	color:#000000!important;
	line-height:1.2em;
}
.plan li dd{display:block;}
.plan li dd a{
	display:block;
	text-align:right;
	margin-top:5px;
	background:url(../images/tb_bottom_arrow.png) no-repeat 100% 50%;
	background-size:10px auto;
	padding:0 12px 0 0;
}
.plan li dd span{display:block;}
.plan li dd span b{font-size: 14px;}
.plan .itemList4 li dd img{margin:0 5px 0 0!important;}
.price{
	color:#F00;
	font-size:18px;
	font-weight:bold;
	display:block;
	text-align:center;
	letter-spacing:-0.09em;

}
.price span{
	font-size:10px;
	color:#333;
	display:block;
	padding:0 0 5px 0;
}
.plan li:hover{
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
	text-decoration:none!important;
}

/*kaigaidp*/
#search_kaigaidp li {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

/*tokusyu*/
.itemList4{display:flex;}
.itemList4 li {
	width: 23%;
    background: #FFF!important;
    margin: 1%;
    -webkit-box-shadow: 0 1px 0 #afafaf;
    -moz-box-shadow: 0 1px 0 #afafaf;
    box-shadow: 0 1px 0 #afafaf;
}
.itemList4 li:hover{
	cursor:pointer;
	opacity: 0.8;
	filter: alpha(opacity=80);       
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
}
.itemList4 li dl {padding: 5px 10px;}
.itemList4 li dt {
	font-size: 15px;
	margin-bottom: 5px;
	font-weight:bold;
}
.itemList4 li dt a {
	color: #333 !important;
	text-decoration: none !important;
}
.itemList4 li dd span {
	margin-top: 10px;
	display: inline-block;
}
.itemList4 li dd a {
	color: #333 !important;
	text-decoration: none !important;
}
.itemList4 li .thumb {
	zoom: 1;
	overflow:hidden;
}
.itemList4 li .thumb img{
	width:100%;
	height:auto;
}

/*areaninki*/
#mokutekichiBox{
	display:block;
	background:rgba(255,255,255,0.5);
	padding:20px;
	margin-top:20px;
}
#mokutekichiBox h3{
	font-size:16px;
	display:block;
	padding:  0;
	text-align:center;
}
#mokutekichiBox strong{
	font-size:12px;
	background:#4EAB26;
	color:#FFF;
	display:inline-block;
	margin:0 20px 10px 0;
    border-radius: 5px;
	width:150px;
	float:left;
	text-align:center;
	height:30px;
	line-height:30px;
	clear:left;
}
#mokutekichiBox span{
	display:block;
	overflow:hidden;
	margin-bottom:10px;
	padding-top:5px;
}
#mokutekichiBox a{
	font-size:12px;
	display:inline-block;
	margin:0 10px 0 0;
	font-weight:bold;
}
#usefullIn{
	display:block;
	overflow:hidden;
	width:100%;
	padding:15px 0 0 0;
}
#usefullIn div{background: rgba(255,255,255,0.6);}
#usefullIn ul{padding:15px 20px 10px;}
.halfList li{
	width:48%!important;
	text-align:center;
	font-size:14px;
	display:inline-block;
	padding:5px;
}
.halfList li br{display:none}
#usefullIn div:nth-of-type(2){margin-left:2%;}

/*oyakudachi*/
.usefullWrap li a{
	font-size:16px;
	background:#FFF;
	border:2px solid #000;
	width:46%;
	float:left;
	padding:10px;
	background:url(../images/tb_bottom_arrow.png) #FFF no-repeat 98% 50%;
	margin:0 10px 10px 0;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.usefullWrap li a:hover{
	text-decoration:none!important;
	color:#FFF;
	background:url(../images/tb_bottom_arrow.png) #FFAE26 no-repeat 98% 50%;
	opacity: 1;
}

/*tripa*/
#tripa_area{
    width: 980px !important;
    margin: 0 auto;
}
#tripa_api{
	overflow:hidden;
	display:block;
    padding-bottom: 3%;
}
#tripa_api h2 {
    width: 920px;
    height: 52px;
    font-size: 28px;
    line-height: 58px;
    color: #000;
    padding: 0 0 0 30px;
    text-align: center;
    background: url(/student/images/bg_ti_recomand2.gif) no-repeat;
    margin: 0 auto 30px;
}
#tripa_api ul{
	overflow:hidden;
	margin:0 0 20px 0;
}
#tripa_api li{
	float:left;
	text-align:center;
	width:31%;
	margin:0 0 15px 1.7%;
}
#tripa_api li img{
	display:block;
	margin:0 0 5px 0;
	width:100%;
	height:auto;
}
#tripa_api div{
	overflow: hidden;
    padding: 25px 50px;
    margin: 0 auto;
    border-bottom: 1px solid #e2e2e2;
    background: #FFF;
}
#tripa_api div p{
	float:left;
	margin:0 20px 0 0;
	width:75px;
	height:75px;
}
#tripa_api div p img{
	width:100%;
	height:auto;
}
#tripa_api div dl{
	overflow:hidden;
	display:block;
}
#tripa_api div:last-child{border-bottom:none}
#tripa_api div dt{
	font-size:16px;
	margin:0 0 10px 0;
}
#tripa_api div dt a{color:#000;}
#tripa_api div dd{
	font-size:14px;
	color:#999;
}
#tripa_api div dd > span{
	display:block;
	margin:5px 0 0 0;
}
#tripa_api div dd > span a{
	color:#CCC;
}
#tripa_api div dd > span span{
	color:#F69;
	display:inline;
}
#tripa_api p.btnWrap{
	text-align:center;
	float: none;
	width: auto;
	height: auto;
}
#tripa_api .btn {
    width: 620px;
    text-align: center;
    background: url(../images/arrow.png) no-repeat #514640 95% 50%;
    background-size: auto 13px;
    display: block;
    margin: 0 auto;
    padding: 20px 0 20px 0;
    color: #FFF!important;
    font-size: 18px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: 'Noto Sans Japanese', sans-serif;
}

/*other*/
.selectBox{
	display:block;
	overflow:hidden;
	width:950px;
	margin:0 auto 10px;
}
.selectBox dl{
	width:49%;
	float:left;
	background: rgba(255,255,255,0.6);
}
.selectBox dl:nth-of-type(2){margin-left:2%;}
.selectBox dt{
	display:block;
	padding:12px 8px;
	color:#FFF;
	font-size:16px;
	float:left;
}
.selectBox dd{
	display:block;
	padding:14px 12px 12px 5px;
	overflow:hidden;
}
.selectBox dd a{
	display:inline-block;
	padding:9px 15px 9px 5px;
	font-size:13px;
	margin:0 0 0 10px;
	position:relative;
	background:#F90;
	color:#FFF;
}
.selectBox dd a:after{
  content: '';
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -4px;
}
.selectBox dd a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	text-decoration:none;
}
.kokunaiBox dt{background:#E6335D;}
.kaigaiBox dt{background:#4EAB26;}
.col1 {
	overflow:hidden;
	height:144px;
	margin-top:40px;
}
.col1 dl{
	float:none;
	width:100%;
}
.col1 dt{
	padding:1.6em 0.5em;
	text-align:center;
}
.col1 a{margin-bottom:10px!important}

/*相談*/
#link08 {background: url(../images/bg_ti_serch.png) no-repeat 50%;}
#pickup_ico{display: flex;}
#pickup_ico li{
	width: 31.33333%;
    margin: 5% 1%;
	border-radius: 10px;
}
#pickup_ico li.nav1 {
    background: #FFF url(/sp/shared2015/common/images/gnav_17.png) center top no-repeat;
    background-size: 100px;
}
#pickup_ico li.nav2 {
    background: #FFF url(/sp/shared2015/common/images/gnav_21.png) center top no-repeat;
    background-size: 100px;
}
#pickup_ico li.nav3 {
    background: #FFF url(/sp/shared2015/common/images/gnav_14.png) center top no-repeat;
    background-size: 100px;
}
#pickup_ico li a{
	display: block;
    font-size: 20px;
    text-align: center;
    color: #20208c;
    padding: 85px 0 15px;
    font-weight: bold;
    border: 2px solid #222;
	border-radius: 10px;
}

/*consultation*/
#consultation{
    background: rgba(255, 255, 255, 0.5);
    padding: 25px;
}
#consultation h3 {margin: 0 auto;}

/*btn*/
.btnbox{
	width: 72%;
    display: flex;
    margin: 2% auto;
}
.btnbox p{
	width:98%;
	margin:1%;
	text-align: center;
}
.btnbox a{
    width: 100%;
    display: block;
    background: #ff9800;
    color: #FFF;
    padding: 10px;
    box-sizing: border-box;
    font-size: 18px;
    border-radius: 3px;
    position: relative;
    box-shadow: 1px 1px 2px #794800;
}
.btnbox a:after{
    width: 13px;
    height: 13px;
    content: "";
    display: block;
    background: url(//www.nta.co.jp/shared2015/common/images/im_arrow.png) no-repeat;
    position: absolute;
    top: 35%;
    right: 10px;
}
}