/*
Theme Name: gaia
Author: bob(09works)
Author URI: http://www.09works.net/
Description: ガイア動物病院2019オリジナルテーマ
License: copylight 09works
version: 1.0

@charset "UTF-8";
/* CSS Document */

/* お知らせ news ----- */
div.subContents section.news { width:100%; max-width:1080px; margin:0 auto; padding:0 40px; display: block; overflow: hidden; box-sizing: border-box;}
div.subContents section.news div.main-w { float:left; width:calc(100% - 240px); display:block; overflow: hidden;}
div.subContents section.news div.main-w div.articleWrap {}
div.subContents section.news div.main-w div.articleWrap article { width:100%; margin:0 0 40px; display:block; overflow: hidden; box-sizing: border-box;}
div.subContents section.news div.main-w div.articleWrap article:last-child {margin-bottom:0;}
div.subContents section.news div.main-w div.articleWrap article a { width:100%; display:block; overflow: hidden; box-sizing: border-box;}
div.subContents section.news div.main-w div.articleWrap article a div.thumImg { float:left; width:240px; height:auto; margin:0; display:block; overflow: hidden; background-color: #FFF; box-sizing: border-box; position: relative;}
div.subContents section.news div.main-w div.articleWrap article a div.thumImg::after { content:""; display: block; padding-top:66.6%;}
div.subContents section.news div.main-w div.articleWrap article a div.thumImg img { width:100%; height:100%; display:block; overflow: hidden; object-fit: cover; box-sizing: border-box; position: absolute; top:0; left:0;}
div.subContents section.news div.main-w div.articleWrap article a:hover div.thumImg img { opacity: 0.7;}
div.subContents section.news div.main-w div.articleWrap article a div.inner-R { float:right; width:calc(100% - 260px); margin:0; display:block; overflow: hidden; box-sizing: border-box;}
div.subContents section.news div.main-w div.articleWrap article a div.inner-R p.date { margin:0 0 4px; font-size:12px; line-height:160%;}
div.subContents section.news div.main-w div.articleWrap article a div.inner-R h2 { margin:0 0 4px; font-size:18px; line-height:160%; font-weight:bold;}
div.subContents section.news div.main-w div.articleWrap article a div.inner-R p.bassui { margin:0; font-size:14px; line-height:180%;}
div.subContents section.news div.main-s { float:left; width:calc(100% - 220px); display:block; overflow: hidden;}
div.subContents section.news div.main-s article { width:100%; height:auto; margin:0 0 40px; display:block; overflow: hidden; box-sizing: border-box;}
div.subContents section.news div.main-s article .articleTitle { margin:0 0 24px; font-size:24px; line-height:160%; }
div.subContents section.news div.main-s article p.category { margin:0 0 24px; line-height:180%; display:block; overflow: hidden;}
div.subContents section.news div.main-s article div.honbun { width:100%; display:block; overflow: hidden; box-sizing: border-box;}
div.subContents section.news div.main-s article div.honbun img { width:100%; height:auto; margin:0 0 20px;}
div.subContents section.news div.main-s article div.honbun p { margin:0 0 4px; display:block; overflow: hidden; word-break: break-all;}


div.subContents section.news .archive-title { margin:-24px auto 80px; text-align:center; font-size:16px; line-height:120%; letter-spacing: 0.05em;}
div.subContents section.news .archive-title span { font-size:14px; line-height:120%;}

div.subContents section aside.blog-sideMenu { float:right; width:180px;}
div.subContents section div.side-category { margin:0 0 50px; margin-top:-40px !important; padding-top:40px !important; display:block;}
div.subContents section div.side-category h2 { margin:0 0 12px; font-weight:bold; font-size:14px; line-height:160%; letter-spacing: 0.05em; color:#004986;}
div.subContents section div.side-category h2 span { display:block; overflow:hidden; font-size:10px; line-height:160%; letter-spacing: 0.05em;}

div.subContents section div.side-category ul { border-top:1px dotted #999;}
div.subContents section div.side-category ul li { padding:6px 12px 6px 0; border-bottom:1px dotted #999; font-size:12px; line-height:160%; background:url(../images/bg_listmark_R@2x.png) calc(100% - 2px) center no-repeat; background-size: auto 5px;}
div.subContents section div.side-category select {
display: block;
font-size: 12px;
line-height: 1.3;
padding: 6px 8px;
width: 100%;
max-width: 100%; 
box-sizing: border-box;
margin: 0;
border: 1px solid #aaa;
box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
border-radius: .5em;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
background-repeat: no-repeat, repeat;
background-position: right .7em top 50%, 0 0;
background-size: 6px auto, 100%;}



/* タブレット ++++++++++++++++++++ */
@media screen and (max-width:1080px){
/* お知らせ */

}



/* タブレット2 ++++++++++++++++++++ */
@media screen and (max-width:880px){
/* お知らせ */
div.subContents section.news div.main-w { width:calc(100% - 220px);}
div.subContents section.news div.main-w div.articleWrap article a div.thumImg { width:160px;}
div.subContents section.news div.main-w div.articleWrap article a div.inner-R { width:calc(100% - 180px);}
div.subContents section aside.blog-sideMenu {}
}



/* スマホ ++++++++++++++++++++ */
@media screen and (max-width:680px){

/* お知らせ */
div.subContents section.news { padding:0 30px;}

div.subContents section.news div.main-w { float:none; width:100%; margin-bottom:40px;}
div.subContents section.news div.main-w div.articleWrap {}
div.subContents section.news div.main-w div.articleWrap article { margin-bottom:20px;}
div.subContents section.news div.main-w div.articleWrap article a div.thumImg { width:90px;}
div.subContents section.news div.main-w div.articleWrap article a div.thumImg img:hover { opacity: 0.7;}
div.subContents section.news div.main-w div.articleWrap article a div.inner-R { width:calc(100% - 100px); margin-top:-3px;}
div.subContents section.news div.main-w div.articleWrap article a div.inner-R p.date { margin-bottom:0; font-size:12px; line-height:160%;}
div.subContents section.news div.main-w div.articleWrap article a div.inner-R h2 { margin-bottom:0; font-size:14px; line-height:160%;}
div.subContents section.news div.main-w div.articleWrap article a div.inner-R p.bassui { font-size:12px; line-height:180%;}

div.subContents section.news .archive-title { margin:-12px auto 64px; font-size:14px; line-height:120%; letter-spacing: 0.05em;}
div.subContents section.news .archive-title span { font-size:12px; line-height:120%;}

div.subContents section.news div.main-s { float:none; width:100%; margin-bottom:40px;}
div.subContents section.news div.main-s article { margin-bottom:20px;}
div.subContents section.news div.main-s article .articleTitle { margin:0 0 16px; font-size:18px; line-height:160%; }
div.subContents section.news div.main-s article p.category { margin-bottom:16px; font-size:12px; line-height:160%;}

div.subContents section aside.blog-sideMenu { float:none; width:100%;}
div.subContents section div.side-category { margin-bottom:20px;}
div.subContents section div.side-category h2 { margin:0 0 12px; font-weight:bold; font-size:14px; line-height:160%; letter-spacing: 0.05em;}
div.subContents section div.side-category h2 span { display:block; overflow:hidden; font-size:10px; line-height:160%; letter-spacing: 0.05em;}

div.subContents section div.side-category ul { border-top:1px dotted #999;}
div.subContents section div.side-category ul li { padding:6px 12px 6px 0;}
div.subContents section div.side-category select {}

}



/* ページナビ ++++++++++++++++++++ */
div.wp-pagenavi { padding:40px 0 0; display:block; overflow:hidden; text-align:center;}
div.wp-pagenavi span.pages { padding:4px 8px 3px; border:none;}
div.wp-pagenavi span.current, div.wp-pagenavi span.extend, div.wp-pagenavi a { padding:4px 6px 3px; border:1px solid #004986;}

div.wp-pagenavi a {}
div.wp-pagenavi a:hover { background:#FFF;}

.current { background:#004986; color:#FFF;}


/* 記事装飾 ++++++++++++++++++++ */
article.single div.honbun { font-size:14px; line-height:160%;}
article.single div.honbun h1 { margin-bottom:12px !important; font-size:24px; line-height:160%;}
article.single div.honbun h2 { margin-bottom:12px; font-size:22px; line-height:160%;}
article.single div.honbun h3 { margin-bottom:12px; font-size:20px; line-height:160%;}
article.single div.honbun h4 { margin-bottom:12px; font-size:18px; line-height:160%;}
article.single div.honbun h5 { margin-bottom:12px; font-size:16px; line-height:160%;}
article.single div.honbun h6 { margin-bottom:12px; font-size:14px; line-height:160%;}

article.single div.honbun p { margin-bottom:12px;}
article.single div.honbun ul, div.single article.honbun ol { margin-bottom:12px; padding-left:18px;}
article.single div.honbun ul li { margin:0 0 6px 20px; list-style:disc;}
article.single div.honbun ol li { margin:0 0 6px 20px; list-style:decimal;}
article.single div.honbun ul li:last-child, article.honbun ol li:last-child { margin-bottom:0;}
article.single div.honbun em { font-style:italic;}
article.single div.honbun img { max-width:100%; height:auto; margin:0 0 20px; border:1px solid #EFEFEF; display:block; overflow:hidden; border-radius:5px; box-sizing:border-box;}

article.single div.honbun .alignleft { float:left; margin-right:15px !important; margin-bottom:10px !important;}
article.single div.honbun .aligncenter { margin:0 auto !important; margin-bottom:10px !important;}
article.single div.honbun .alignright { float:right; margin-left:15px !important; margin-bottom:10px !important;}

article.single div.honbun table { width:100%; margin:0 auto 24px; border:4px solid #CCC; border-collapse:collapse; font-size:14px; line-height:140%; table-layout:fixed; box-sizing:border-box;}
article.single div.honbun table caption { margin:0 0 4px; font-size:14px; line-height:120%;}
article.single div.honbun table td { padding:12px 16px; border:1px dotted #CCC; vertical-align:top; box-sizing:border-box;}




@media screen and (max-width:680px){
article.single div.honbun h1 { margin-bottom:12px !important; font-size:24px; line-height:160%;}
article.single div.honbun h2 { margin-bottom:12px; font-size:18px; line-height:160%;}
article.single div.honbun h3 { margin-bottom:12px; font-size:18px; line-height:160%;}
article.single div.honbun h4 { margin-bottom:12px; font-size:16px; line-height:160%;}
article.single div.honbun h5 { margin-bottom:12px; font-size:16px; line-height:160%;}
article.single div.honbun h6 { margin-bottom:12px; font-size:14px; line-height:160%;}

article.single div.honbun .alignleft, article.single div.honbun .aligncenter, article.single div.honbun .alignright { float:none; margin:0 auto !important; margin-bottom:10px !important;}
	
article.single div.honbun table { width:100%; margin:0 auto 24px; border:4px solid #CCC; border-collapse:collapse; font-size:14px; line-height:140%; table-layout:fixed; box-sizing:border-box;}
article.single div.honbun table caption { margin:0 0 4px; font-size:14px; line-height:120%;}
article.single div.honbun table tr { border-bottom:1px solid #CCC;}
article.single div.honbun table tr:last-child { border-bottom:none;}
article.single div.honbun table td { width:100%; padding:8px 12px; border:none; display:block; overflow:hidden; box-sizing:border-box;}


}