/*
Theme Name: asamushi
Author: bob(09works)
Author URI: http://www.09works.net/
Description: 浅虫水族館オリジナルテーマ
License: copylight 09works
version: 1.0

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

p.text-C { text-align:center;}

div.content-R { float:right; width:calc(100% - 240px); display:block; overflow:hidden;}
aside.side-L { float:left; width:190px; display:block; overflow:hidden;}

div.content-R p.explanation { width:100%; margin:-6px 0 42px; font-size:16px; line-height:180%;}
div.content-R ul { clear:both; width:100%; display:block; overflow:hidden;}
div.content-R ul.article-list01 li { list-style:none; float:left; width:calc((100% - 100px) / 3); margin:0 50px 45px 0; display:block; overflow:hidden;}
div.content-R ul.article-list01 li:nth-child(3n) { margin-right:0;}
div.content-R ul.article-list01 li:nth-child(3n+1) { clear:both;}
div.content-R ul.article-list01 li a div.thumImg { position:relative; width:100%; height:100%; margin:0 0 12px; padding:100% 0 0; display:block; overflow:hidden;}
div.content-R ul.article-list01 li a div.thumImg div.box { width:100%; height:100%; position:absolute; top:0; left:0; display:block; overflow:hidden; background:url(/images/nophoto.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
div.content-R ul.article-list01 li a img { width:100%; height:auto; min-height:100%; margin:0 0 8px; display:block; overflow:hidden;}
div.content-R ul.article-list01 li a:hover img{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
div.content-R ul.article-list01 li p.date { margin:0 0 4px; font-size:12px; line-height:140%;}
div.content-R ul.article-list01 li a h2 {line-height:140% !important;}

div.content-R ul.article-list02 { margin-bottom:50px;}
div.content-R ul.article-list02 li { list-style:none; float:left; width:100%; margin:0; border-bottom:1px dotted #EFEFEF; display:block; overflow:hidden;}
div.content-R ul.article-list02 li:first-child { border-top:1px dotted #EFEFEF;}
div.content-R ul.article-list02 li a { padding:20px 0 20px 14px; display:block; overflow:hidden; background:url(/images/bg_listmark_L@2x.png) 4px 29px no-repeat; background-size:4px 1px; -webkit-background-size:4px 1px; -moz-background-size:4px 1px; -o-background-size:4px 1px;}
div.content-R ul.article-list02 li a h2 { line-height:140% !important;}

section.areaguide a.btn-mapDL { margin:0 0 60px;}

div.content-R div.animals-feed { width:100%; margin:0 0 80px; padding:4px 0 0; display:block; overflow:hidden; position:relative;}
div.content-R div.animals-feed h2 { margin:0 0 24px; display:block; overflow:hidden; font-size:20px; line-height:140% !important;}
div.content-R div.animals-feed ul { width:100%; border-top:1px dotted #999; display:block; overflow:hidden;}
div.content-R div.animals-feed ul li { list-style:none; padding:12px 0; border-bottom:1px dotted #999; line-height:160%;}
div.content-R div.animals-feed ul li a p.date { float:left; margin-right:12px; line-height:160%;}
div.content-R div.animals-feed ul li a h3 { line-height:160% !important;}

div.content-R div.animals-feed a.btn-allview { width:auto; height:36px; padding:0 16px; border:1px solid #999; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px; color:#333; font-size:12px; line-height:36px; display:block; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; position:absolute; top:0; right:0;}
div.content-R div.animals-feed a.btn-allview:hover { border:1px solid #FC0; background-color:#FC0;}


p.category-title { margin:0 0 50px; text-align:center; font-size:20px; line-height:160%;}

aside.side-L ul { width:100%; border-top:1px solid #EFEFEF; display:block; overflow:hidden;}
aside.side-L ul li { list-style:none; border-bottom:1px solid #EFEFEF;}
aside.side-L ul li a { padding:20px 0 20px 14px; line-height:140%; display:block; overflow:hidden; background:url(/images/bg_listmark_L@2x.png) 4px 29px no-repeat; background-size:4px 1px; -webkit-background-size:4px 1px; -moz-background-size:4px 1px; -o-background-size:4px 1px;}
aside.side-L ul li ul { border-top:1px dotted #EFEFEF;}
aside.side-L ul li ul li { border-bottom:1px dotted #EFEFEF;}
aside.side-L ul li ul li:last-child {border-bottom:none;}
aside.side-L ul li ul li a { padding:10px 0 10px 24px; background-position:14px 19px;}


div.single-R { float:right; width:calc(100% - 240px); margin-bottom:50px; display:block; overflow:hidden;}
div.single-R p.date-category { margin:0 0 40px;}

div.single-R article.honbun h1 { margin:0 0 32px; font-size:28px; line-height:140%; text-align:left;}
div.single-R article.honbun h2 { margin:0 0 18px; font-size:18px; line-height:140%;}
div.single-R article.honbun h3 { margin:0 0 18px; font-size:16px; line-height:140%;}

div.single-R article.honbun table { width:100%; margin-bottom:40px; border-collapse:collapse; border:1px solid #CCC;}
div.single-R article.honbun table caption { margin:0 0 12px; line-height:160%;}
div.single-R article.honbun table th { width:180px; padding:12px 16px; border:1px solid #CCC; background:#EFEFEF; vertical-align:top; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
div.single-R article.honbun table td { padding:12px 16px; border:1px solid #CCC; vertical-align:top; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}

div.sharedaddy { padding-top:40px;}

div#map_canvas { width:100%; height:400px; margin:4px 0; display:block; overflow:hidden;}

div.single-R div.img img { margin:0 0 20px;}

a.btn-faqContact { width:180px; height:40px; margin:20px 0 50px; border:1px solid #999; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; display:block; overflow:hidden; color:#333; text-align:center; font-size:14px; line-height:40px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
a.btn-faqContact:hover { border:1px solid #FC0; background-color:#FC0; color:#333;}


/* other */
section.other div.child { width:100%; margin:0 0 60px; display:block; overflow:hidden;}
section.other div.child:last-child { margin:0 !important;}
section.other h2 { margin:0 0 20px; display:block; overflow:hidden; font-size:18px; line-height:160%;}
section.other h3 { margin:0 0 4px; display:block; overflow:hidden; font-size:16px; line-height:160%;}
section.other p { margin:0 0 20px; font-size:14px; line-height:160%;}
section.other p:last-child { margin:0 !important;}

section.other div.child ul { margin:0 0 14px; display:block; overflow:hidden; font-size:14px; line-height:160%;}
section.other div.child ul li:first-child { border-top:1px dotted #999;}
section.other div.child ul li { padding:16px 0 16px 14px; border-bottom:1px dotted #999; background:url(/images/bg_listmark_L@2x.png) 4px 27px no-repeat; background-size:4px 1px; -webkit-background-size:4px 1px; -moz-background-size:4px 1px; -o-background-size:4px 1px;}

section.other table { width:100%; margin-bottom:40px; border-collapse:collapse; border:1px solid #CCC; line-height:160%;}
section.other table caption { margin:0 0 12px; line-height:160%;}
section.other table th { width:180px; padding:12px 16px; border:1px solid #CCC; background:#EFEFEF; vertical-align:top; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
section.other table td { padding:12px 16px; border:1px solid #CCC; vertical-align:top; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}

section.other table.link-table td { width:50%;}

/* tvcm */
section.tvcm { width:100%; max-width:640px; margin-right:auto; margin-left:auto;}


/* タブレット用 ++++++++++++++++++++ */
@media screen and (max-width:1080px){
div.content-R { float:none; width:100%; margin-bottom:40px;}
aside.side-L { float:none; width:100%;}

div.content-R ul.article-list01 li { float:left; width:calc((100% - 80px) / 3); margin:0 40px 35px 0;}
div.content-R ul.article-list01 li:nth-child(3n) { margin-right:0;}
div.content-R ul.article-list01 li:nth-child(3n+1) { clear:both;}
div.content-R ul.article-list01 li img { width:100%; height:auto; margin:0 0 8px; display:block; overflow:hidden;}

div.single-R { float:none; width:100%; margin-bottom:80px;}

}



/* スマホ用 ++++++++++++++++++++ */
@media screen and (max-width:640px){
div.content-R ul.article-list01 li { float:left; width:calc((100% - 20px) / 2); margin:0 20px 18px 0;}
div.content-R ul.article-list01 li:nth-child(3n) { margin-right:20px;}
div.content-R ul.article-list01 li:nth-child(3n+1) { clear:none;}
div.content-R ul.article-list01 li:nth-child(2n) { margin-right:0;}
div.content-R ul.article-list01 li:nth-child(2n+1) { clear:both;}

div.content-R p.explanation { margin:0 0 32px;}

div.single-R article.honbun table { width:100%; border-collapse:collapse; border:none; border-top:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC;}
div.single-R article.honbun table th { width:100%; padding:12px 16px 6px; border:none; display:block; overflow:hidden; background:#FFF; font-size:16px; line-height:160%;}
div.single-R article.honbun table td { padding:6px 16px 12px; border:none; border-bottom:1px solid #CCC; display:block; overflow:hidden;}


/* other */
section.other div.child { margin:0 0 40px;}

section.other table { width:100%; margin-bottom:40px; border-collapse:collapse; border-bottom:none; word-break:break-all;}
section.other table caption { margin:0 0 12px; line-height:160%;}
section.other table th { width:100%; padding:12px 16px 2px; border:none; display:block; overflow:hidden; background:none; color:#999; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
section.other table td { width:100%; padding:2px 16px 12px; border:none; border-bottom:1px solid #CCC; display:block; overflow:hidden;vertical-align:top; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}

section.other table.link-table td { width:100%; padding:12px 16px;}

}



/* wp-pagenavi ++++++++++++++++++++ */
div.wp-pagenavi { padding:40px 0 0; text-align:center;}
div.wp-pagenavi span.pages, div.wp-pagenavi span.current, div.wp-pagenavi span.extend, div.wp-pagenavi a { border:none;}
div.wp-pagenavi a { border:none;}
.current { background:#4799C5; color:#FFF;}

/* 記事装飾 ++++++++++++++++++++ */
article.honbun { font-size:14px; line-height:160%;}
article.honbun p { margin-bottom:20px;}
article.honbun ul, div.single article.honbun ul ol { margin-bottom:40px;}
article.honbun ul li { margin:0 0 12px 24px;}
article.honbun ol li { margin:0 0 12px 24px;}
article.honbun ul li:last-child, article.honbun ol li:last-child { margin-bottom:0;}
article.honbun em { font-style:italic;}
article.honbun img { max-width:100%; height:auto; display:block; overflow:hidden;}
a.link-back { clear:both; margin:0 auto; display:block; overflow:hidden; text-align:center;}

/* PDFアイコン */
a[href $='.pdf'] {
background:url(/images/icon_pdf.png) no-repeat; background-size:21px 22px; -webkit-background-size:21px 22px; -moz-background-size:21px 22px; -o-background-size:21px 22px; padding-left: 27px; padding-top: 4px;}
a[href $='.pdf'] a { color:#0000FF;}
a[href $='.pdf'] a:hover{ color:#0000FF; text-decoration:underline;}

a.btn-mapDL { width:280px; height:40px; margin:0 auto; padding-top:0 !important; padding-left:22px !important; border:1px solid #FC0; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; display:block; overflow:hidden; background-color:#FC0; background-position:20px 8px; color:#333; text-align:center; font-size:14px; line-height:40px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
a.btn-mapDL:hover { border:1px solid #F90; background-color:#F90; color:#333;}

/* youtube埋め込み */
.youtube{
    position:relative;
    padding-bottom: 56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
    margin-bottom:40px;
}
.youtube iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}