@charset "UTF-8";
/*
Theme Name: Tottori-Shibafu
Theme URI: 
Description: Copyright 2015.A-bought Allright reserved.
Author: Abought original design
Author URI:　
Version:1.0
*/
@import url(css/bootstrap.css);

@import url(css/owl.carousel.css);

@import url(css/add.css);

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

table.shibafutable td{
text-align:right;
}
#breadcrumb{padding:20px 15px;}
#breadcrumb ul{list-style-type:none; padding:0; margin:0;}
#breadcrumb li{display:inline; margin-right:10px;}
#breadcrumb li:after{content:">"; margin-left:10px;}
#breadcrumb li:last-child:after{display:none;}
#topics{margin:40px 0 10px 0; padding:1px 0 20px 0; border-width:1px 0; border-color:#ddd; border-style:solid;}
#topics ul{list-style-type:none; padding:0; margin:0;}
#topics .topics_label{display: block;background:#eeb033;padding: 2px 10px;margin-bottom: 20px;}
#topics .date{width:100px; float:left;}
#topics .topics_cat{font-size:12px; padding:2px 0; display:block; width:150px; border:1px solid #ccc; text-align:center; float:left; margin-right:20px;}
#topics .topics_right{width:calc(100% - 100px); float:right;}
#topics li{margin-bottom:10px;}
#topics li:last-child{margin:0;}
#topics li:after{content: "."; display: block; height: 0; font-size:0;	clear: both; visibility:hidden;}
.more_topics{text-align:right;}
.topics_cat a{color:#333;}
.catname{padding:0;float: right;}
.entry-date{display:block; text-align:right; padding-bottom:20px;}

.container-inner-single{width:680px; float:left;}
.container-inner-single h3{font-size: 22px;font-weight: bold;border-left: 8px solid #ccc;border-bottom: 1px solid #ddd;padding: 10px;}
.container-inner-single h4{border-left:4px solid #ddd; padding-left:10px;}
#sidebar{width: calc(100% - 720px);float: right;border-left:1px solid #eee; padding:95px 0 95px 40px;}
#sidebar h2{font-size:15px; font-weight:bold; margin:0; padding:0 0 7px 0; margin:0 0 7px 0;}
#sidebar ul{border-top:1px dotted #ccc; list-style-type:none; margin:0; padding:0;}
#sidebar ul li{display:block; border-bottom:1px dotted #ccc; padding:10px 0;}

.container_topics{width:836px; margin:0 auto;}
.container_topics #topics{border-width:0 0 1px 0;}
.container_topics #topics .topics_label{background:none; border-bottom:1px solid #ddd; padding:0 0 7px 44px; position:relative;}
.container_topics #topics .topics_label:before{content:""; display:block; width:41px; height:34px; background:url(images/shibaicon.png) no-repeat; position:absolute; bottom:0px; left:-10px;}
#cfrecaptcha{margin-bottom:20px;}
#shibafu_form p{margin:0 0 5px 0 !important;}
.form_coution{text-indent:-6px;}
.cflabel{line-height:200%; font-weight:bold;}


@media screen and (max-width:640px){
.container-inner-single{width:100%; float:none;}
#sidebar{width:100%;float:none;border-left:none; padding:20px 0 20px 0;}
.entry-date{margin-bottom:20px;}

#topics .date{width:100%; float:none;}
#topics .topics_right{width:100%; float:none;}
#topics li{margin-bottom: 10px;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
#topics ul li:last-child{border:none;}

.container_topics{width:100%; padding:0 20px; box-sizing:border-box;}
.container_topics #topics .topics_label{padding:0 0 5px 35px;}
.container_topics #topics .topics_label:before{content:""; display:block; width:30px; height:25px; background:url(images/shibaicon.png) no-repeat; position:absolute; bottom:0px; left:-8px; background-size:100%;}
}