#chikichiki .google-maps{
	display:none;
}


#chikichiki .txt_pc {
    display: block !important;
}	
	
#chikichiki .txt_sp {
    display: none !important;
}


#chikichiki #container{
	background-color:#fff;
	background-image: url("../img/subpage/pb_rt/chikichiki/logo.png");
	background-size:100% auto;
	background-repeat:no-repeat;
	padding:0;
	line-height:1.2em;
}


.ie #chikichiki #container{
	background-image: url("../img/subpage/pb_rt/chikichiki/logo_ie.jpg");
}

#chikichiki .btn_link_oita{
	width:25%;
	padding:0 0 0 75%;
}

#chikichiki .btn_link_oita a{
	display:block;
	font-size:0;
	line-height:0;
}

#chikichiki .btn_link_oita a:hover{
	background-image: url("../img/subpage/pb_rt/chikichiki/btn_oita_on.png");
	background-size:100% auto;
	background-position:right;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity = 100);
}

.ie #chikichiki .btn_link_oita a:hover{
	background-image: url("../img/subpage/pb_rt/chikichiki/btn_oita_on_ie.png");
}

#chikichiki .btn_link_oita img{
	max-width:237px;
	width:100%;
	height:auto;

}

#chikichiki .header_txt{
	width:29%;
	padding:0 0 0 53%;
	font-size:93%;
	font-weight:bold;
}

#chikichiki .info_chara{
	text-align:right;
}

#chikichiki .info_chara img{
	max-width:418px;
	width:50%;
	height:auto;
	padding:2.5% 3% 0 0;
}


#chikichiki .topics_area{
	width:80%;
	margin:1% auto 4%;
}


#chikichiki .topics_wrap{
	float:none;
	width:auto;
	border:15px solid #fcecb1;
	padding:5% 0 3% 0;
}

.ie7 #chikichiki .topics_wrap{
	height:420px;
}


#chikichiki .topics_area .topics_left{
	float:left;
	width:33%;
	padding:0 0 0 6%;
}

#chikichiki .topics_area .topics_left img{
	width:100%;
}


#chikichiki .topics_area .topics_ttl{
	text-align:center;
	font-size:85%;
	font-weight:bold;
	width:80%;
	margin:auto;
}

#chikichiki .topics_area .topics_right{
	float:right;
	line-height: 150%;
	font-size:90%;
	width:52%;
	padding:0 4% 1.5% 0;
}

#chikichiki .topics_area .topics_right img{
	max-width:362px;
	width:100%;
	padding:0 0 2% 0;
}

#chikichiki .tab03 .topics_area .topics_right{
	text-align:center;
}


#chikichiki .tab03 .topics_area .topics_right img{
	max-width:330px;
	width:100%;
	padding:0 0 2% 0;
	margin:auto;
}

#chikichiki .topics_area .topics_right .topics_txt01{
	padding:0 0 3% 0;
}

#chikichiki .topics_area .topics_right .topics_txt02{
	padding:0 0 3% 0;
}







#chikichiki .page_con .topics01_area{
		width:92%;
		margin:0 auto 20px;
		
}


#chikichiki .topics01_area .topics01_txt{
	line-height: 150%;
	font-size:120%;
	padding:2% 0 4% 0;
	text-align:center;

}


#chikichiki .page_con .topics01_area .topics01_box{
	background:#FFFCF4;
	text-align:center;
	padding:40px 0 35px;
	margin:10px 0 0;
	font-size:200%;
	color:#aaaaaa;
}

#chikichiki .page_con h2 img{
	max-width:904px;
	width:100%;
}

#chikichiki .page_con .relevance_area,
#chikichiki .page_con .link_area,
#chikichiki .page_con .topics01_area
{
	width:92%;
	margin:auto;
}

#chikichiki ul.row_box{
	margin:auto;
	padding:0 0 5% 0;
}


#chikichiki .topics01_area ul.row_box li{
	float:left;
	width:48%;
	min-width:250px;
	margin:0 1% 2%;
	display:block!important;
}


#chikichiki .topics01_area ul.row_box li .li_wrap{
	width:auto;
	border:1px solid #D1D1D1;
}

#chikichiki .topics01_area .li_left{
	float:left;
	width:49.5%;
}


#chikichiki .BookInfo .li_left{
	width:43%;
}


#chikichiki .topics01_area .li_left a{
	display:block;
	padding:0;
}


#chikichiki .topics01_area .li_right{
	float:right;
	width:44.5%;
	font-size:12px;
	padding:3% 2% 0 0;
	color:#006FA3;
	font-weight:bold;
	word-wrap:break-all;
}


#chikichiki .BookInfo .li_right {
    width: 52%;
	font-size:16px;
}


#chikichiki .topics01_area .BookInfo .book_page{
	float:left;
	width:33.333%;
	padding:10px 0 0 0;
	text-align:center;
}

#chikichiki .topics01_area .BookInfo .book_page img{
	width:94%;
	margin:auto;
}


#chikichiki .topics01_area .li_right .con_ttl{
	font-size:18px;
	font-weight:bold;
	color:#006FA3;

}


#chikichiki .topics01_area hr{
	border:none;
	border-top:2px dotted #D9D9D9;
	margin:2% auto 5%;
}

#chikichiki .topics01_area hr.line_detail{
	margin:2% auto 2%;
}

#chikichiki .topics01_area .detail{
	font-size:16px;
	line-height:160%;
}

#chikichiki .topics01_area .li_right img{
	width:86%;
}

#chikichiki .topics01_area .li_right.img96 img{
	width:96%;
}

#chikichiki .topics01_area .li_center{
	float:none;
	clear:both;
	padding:3% 0 0;
	font-size:14px;
	line-height:160%;
	width:90%;
	margin:0 auto 3%;
}

#chikichiki .topics01_area img{
	width:100%;
}

#chikichiki .topics01_area .google-maps {
position: relative;
padding-bottom: 75%; 
height: 0;
overflow: hidden;
margin:3% auto 0;
}

#chikichiki .topics01_area .google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

#chikichiki .relevance_area ul.row_box li{
	float:left;
	width:18%;
	margin:0 1.25%;
}

#chikichiki .relevance_area ul.row_box li.li_4{
	margin:0 1.25% 0 0;
}

#chikichiki .relevance_area ul.row_box li:nth-child(5n+1) {
	margin:0 1.25% 0 0;
}
#chikichiki .relevance_area ul.row_box li:nth-child(5n) {
	margin:0 0 0 1.25%;
}



#chikichiki .relevance_area ul.row_box li a{
	color:#006FA6;
}


#chikichiki .relevance_area .book_cover a {
    -webkit-box-shadow: 1px 1px 3px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px 3px #ccc;
     box-shadow: 1px 1px 3px 3px #ccc;
}



#chikichiki .link_area ul.row_box li{
	float:left;
	width:24%;
	margin:1% 0.5% 1%;
	padding:0 0 0.3% 0;
	font-size:14px;
}

#chikichiki .link_area ul.row_box li:nth-child(4n+1) {
	margin:1% 0.5% 1% 0;
}

#chikichiki .link_area ul.row_box li:nth-child(4n) {
	margin:1% 0 1% 0.5%;
}

#chikichiki .link_area .link_ttl{
	float:left;
	width:19%;
	background:none;
	height:auto;
}

#chikichiki .link_area .link_ttl img{
	width:100%;
}

#chikichiki .link_area .row_box{
	float:right;
	width:79%;
	margin:1% 0 0 0;
}

#chikichiki ul.row_box li img{
	width:100%;
}

#chikichiki ul.row_box li a{
	display:block;
	width:auto;
	text-align:center;
	padding:0 0 0 0;
	word-break: break-all;
}

#chikichiki .tab03 ul.row_box li a{
	text-align:left;
}



#chikichiki ul.row_box li .book_cover a{
	padding:0 0 0 0;
	margin:5% auto 2%;
	line-height:0;
}

#chikichiki ul.row_box .book_ttl,
#chikichiki ul.row_box .book_info{
	width:93%;
	margin:auto;
}

#chikichiki ul.row_box .book_ttl{
	font-size:90%;
	font-weight:bold;
	padding:0 0 5px 0;
	line-height:110%;
	height:35px;
}

#chikichiki ul.row_box .book_ttl a{
	padding: 2.5% 0 0;
}

.ie7 #chikichiki ul.row_box .book_ttl{
	padding:0 0 2px 0;
}

#chikichiki ul.row_box .book_info{
	font-size:80%;
	text-align:left;
}


#chikichiki .link_area ul.row_box li a{
	line-height:0;
}






#chikichiki #tab{
	overflow:hidden;
	width:100%;
	max-width:904px;
	background-image:url(../img/subpage/pb_rt/chikichiki/tab_navi_3.png);
	background-image:url(../img/subpage/pb_rt/chikichiki/tab_navi_3ie_mark.png)\9;	
	background-size:100% auto;
	background-repeat:no-repeat;
	margin:auto;
	display:block;
}

#chikichiki #tab.use_tab01{
	background-image:url(../img/subpage/pb_rt/chikichiki/tab_navi_1.png);
	background-image:url(../img/subpage/pb_rt/chikichiki/tab_navi_1ie_mark.png)\9;	
}

#chikichiki #tab.use_tab02{
	background-image:url(../img/subpage/pb_rt/chikichiki/tab_navi_2.png);
	background-image:url(../img/subpage/pb_rt/chikichiki/tab_navi_2ie_mark.png)\9;	
}

#chikichiki #tab.use_tab03{
	background-image:url(../img/subpage/pb_rt/chikichiki/tab_navi_3.png);
	background-image:url(../img/subpage/pb_rt/chikichiki/tab_navi_3ie_mark.png)\9;	
}



#chikichiki #tab li{
padding:5px 0; 
float:left; 
margin:auto;
cursor:pointer;
width:32%;
height:65px;
text-indent:-9999px;
}


#chikichiki .hide {display:none;}






@media screen and (max-width: 768px) { 
#chikichiki .info_chara {
    text-align: center;
	width: 60%;
	margin:3% auto;
}

#chikichiki .info_chara img {
    height: auto;
    max-width: none;
    padding: 0;
	width:100%;
}

#chikichiki ul.row_box .book_info{
	display:none;
}






#chikichiki .topics01_area ul.row_box li{
	width:48%;
	min-width:inherit;
}

#chikichiki .topics01_area ul.row_box li:nth-child(2n+1) {
	margin:0 2% 4% 0;
}
#chikichiki .topics01_area ul.row_box li:nth-child(2n) {
	margin:0 0 4% 2%;
}


#chikichiki #tab li{
height:60px;
}




}


@media screen and (max-width: 568px) {
#chikichiki .txt_pc {
    display: none !important;
}	
	
#chikichiki .txt_sp {
    display: block !important;
}


#chikichiki .header_txt {
    font-size: 13px;
    font-weight: bold;
    padding: 0 0 13% 53%;
}

#chikichiki .header_txt02 {
    font-size: 80%;
    padding: 0 0 0 0;
	width:70%;
	margin:auto;
}



#chikichiki .topics_area {
    width: 96%;
}



	
	
#chikichiki ul.row_box .book_info{
	display:none;
}

#chikichiki .page_con .topics01_area .topics01_box{
	font-size:150%;
}


#chikichiki .relevance_area ul.row_box li{
	width:31.333%;
	margin:0 1%;
}

#chikichiki .relevance_area ul.row_box li:nth-child(3n+1) {
	margin:0 1% 0 0;
}
#chikichiki .relevance_area ul.row_box li:nth-child(3n) {
	margin:0 0 0 1%;
}

#chikichiki ul.row_box .book_ttl{
	font-size:80%;
		width:100%;
}

#chikichiki .page_con h2{
	position:relative;
	overflow:hidden;
	text-align:center;
	height:30px;
}

#chikichiki .page_con h2 img{
	position: absolute;
	left: -10%; 
	width:130%;
	margin:auto;

}

#chikichiki .link_area .link_ttl {
	float:none;
	width:50%;
	margin:auto;
	padding:0 0 1% 0;
}

#chikichiki .link_area .row_box {
    float: none;
    width: 96%;
	margin:auto;
}



#chikichiki .link_area ul.row_box li{
	float:left;
	width:32.333%;
	margin:0 1%;
}

#chikichiki .link_area ul.row_box li:nth-child(3n+1) {
	margin:0 0.5% 0 0;
}
#chikichiki .link_area ul.row_box li:nth-child(3n) {
	margin:0 0 0 0.5%;
}

#chikichiki .link_area ul.row_box li:nth-child(4n+1) {
	margin:0;
}

#chikichiki #tab li{
height:40px;
}




}


@media screen and (max-width: 360px) {
#chikichiki .btn_link_oita {
    padding: 0 0 0 75%;
    width: 22%;
}

#chikichiki .header_txt02 {
    width: 80%;
}

#chikichiki .info_chara {
    width: 80%;
}
	
#chikichiki .header_txt {
    font-size: 9px;
    font-weight:normal;
    padding: 0 0 13% 53%;
	line-height:11px;
}
	
#chikichiki .topics_area {
    width: 100%;
}	
	
#chikichiki .topics_wrap {
    border: 7px solid #fcecb1;
    padding: 5% 5% 3%;
    width: auto;
}

#chikichiki .topics_area .topics_left {
    float: none;
    padding: 0;
    width:70%;
	margin:auto;
}

#chikichiki .topics_area .topics_ttl {
    width: auto;
	margin:0 0 10px 0;
}

#chikichiki .topics_area .topics_right {
    float: none;
    padding: 0;
    width:90%;
	margin:auto;
}
	
#chikichiki .page_con h2{
	height:30px;
}

#chikichiki .page_con h2 img{
	left: -45%; 
	width:190%;
}




#chikichiki .topics01_area ul.row_box li{
	float:none;
	width:auto;
	margin: 0 0 4% 0;
}

#chikichiki .topics01_area ul.row_box li:nth-child(2n+1) {
	margin: 0 0 4% 0;
}
#chikichiki .topics01_area ul.row_box li:nth-child(2n) {
	margin: 0 0 4% 0;
}



	
	
#chikichiki .relevance_area ul.row_box{
	width:90%;
	margin:auto;
}

#chikichiki .relevance_area ul.row_box li{
	width:46%;
	height:245px;
}

#chikichiki .relevance_area ul.row_box li:nth-child(2n+1) {
	margin:0 4% 0 0;
}
#chikichiki .relevance_area ul.row_box li:nth-child(2n) {
	margin:0 0 0 4%;
}


#chikichiki .link_area .link_ttl {
	float:none;
	width:70%;
	margin:auto;
	padding:0 0 1% 0;
}



#chikichiki .link_area ul.row_box li{
	width:46%;
}

#chikichiki .link_area ul.row_box li:nth-child(2n+1) {
	margin:0 4% 2% 0;
}

#chikichiki .link_area ul.row_box li:nth-child(2n) {
	margin:0 0 2% 4%;
}


#chikichiki #tab li{
height:25px;
}	
	
}



@media screen and (max-width: 320px) {
#chikichiki .relevance_area ul.row_box li{
	width:46%;
	height:220px;
}

#chikichiki #tab li{
height:15px;
}
}




