@charset "UTF-8";
/*
Theme Name: Sakamoto Journal
Author: Chino design
Description: This is Sakamoto's original theme.
Version: 1.0
*/

/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%; width: 100%}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ max-width: 100%; height: auto; vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ outline: none; }
input, textarea
{ border-radius: 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; }
input[type="button"],input[type="submit"]
{ -webkit-appearance: none; background: none; border: none; padding: 0; cursor: pointer;}
abbr, acronym
{ border: 0;}
*
{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#header,
section,
.box_layout01,
.bnr_btn,
.voice,
.header-site,
article,
#breadcrumb
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
article:after,
#header:after,
#container:after,
section:after
.box_layout01:after,
.bnr_btn:after,
.header-site:after,
p:after,
.navbtn:after,
.alignright:after,
.textwidget:after,
.folow:after,
#breadcrumb:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

@charset "UTF-8";

html { font-size: 62.5%; }
body	{ font-size:15px; font-size:1.5rem; font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif; background:url(https://ca-news.biz/images/bg.png);}

/* リンク */
a:hover {color:#cc0000;}
/* アイコン */
.fa-folder-open, .fa-tag {color:#024386;}
/* フォント */

#menu {font-family: "kozuka-mincho-pr6n",sans-serif;}

/* マージン */
article p { padding: 10px 0 14px 0;}
.box2 p { padding-bottom: 0; }

.f70p { font-size: 70%;}

/* 見出し */
header { margin-top: 5px; padding: 0; background:url(https://ca-news.biz/images/h_bg.png) repeat-x top;}
h1,h2,h3 {font-weight: normal;font-family: "kozuka-mincho-pr6n",sans-serif;}
h1 { margin-top: 0; font-size:24px; margin-bottom: 29px;}
h2  { margin-top: 0; font-size:21px; margin-bottom: 25px;}
h3 { margin-top: 0; font-size:17px; margin-bottom: 22px;}
.prof h1, .sidemenu h1	{margin-top: 0;
    font-family: "kozuka-mincho-pr6n",sans-serif;
        text-align:center;
	margin-bottom: 10px;
	border-top: solid 2px #555555;
	border-bottom: solid 2px #555555;
	padding: 15px 0;}

.widgettitle { border-top: 2px #555 solid; border-bottom: 2px #555 solid; padding:15px; text-align: center; font-family: "kozuka-mincho-pr6n",sans-serif;}
h1.widgettitle {font-size: 18px;}

/* ########### 767px以下 ########### */
@media (max-width: 767px) {
h1.widgettitle {margin-bottom: 0;}
#text-2 .textwidget { padding:20px 10px 0 10px; }
article	{margin: 0 ;
        padding: 10px;
        border-bottom: 2px solid #666}

.folow {margin: 10px -10px 0 -10px;}

.widgettitle { background:  #036; border: none; padding:12px; text-align: center; font-family: "kozuka-mincho-pr6n",sans-serif; margin: 0 20px; color:#fff; margin: 0 -10px 25px;}
.folow {text-align:center;padding-bottom: 10px; border-bottom: solid 2px #555555; margin-bottom: 20px;}
}
 

/* サイト名 */

.site { padding: 0 ;background: url(https://ca-news.biz/images/h_site.gif) 0 15px repeat-x;}
.site h1 a	{color: #000;
	text-decoration: none;}

.site h1	{margin: 0 0 0 0;
padding-top: 50px;
    text-align: center;
	font-size: 27px;
/*	font-size: 36px;*/
	font-family: "kozuka-mincho-pr6n",sans-serif;
}

.sub {margin: 15px auto ;width: 50%; text-align: center; color: #FFFFFF; background:url(https://ca-news.biz/images/sub_bg.gif); border-radius: 20px;font-family: "kozuka-mincho-pr6n",sans-serif;padding:5px 0;}

/* ########### 599px以下 ########### */
@media (max-width: 599px) {
.site h1	{margin: 0 0 0 10px;
padding-top: 40px;
    max-width: 80%;
    text-align: left;
	font-size: 19px !important; /* 他の指定より優先させる */
	font-family: "kozuka-mincho-pr6n",sans-serif;
}
.sub {margin: 10px auto 0 auto;width: 100%; text-align: left; color: #FFFFFF; background:url(https://ca-news.biz/images/sub_bg.gif); border-radius: 0;font-family: "kozuka-mincho-pr6n",sans-serif;padding:5px 10px;}

.attachment-thumbnail {
	max-width:140px; /* 記事のサムネイル幅 */
}

}

/* メインコンテンツ */
#container{ padding:0; background: #fff;  }

/* フッター */
small, small a, small a:hover {color: #fff; }
footer {text-align: center; background:#036;	 padding: 30px 0;}

/* 記事の一覧 */
.list	{
        width: ;
	margin-left: auto;
	margin-right: auto}

.list-title	{margin-bottom: 10px}

.list-title span	{font-weight: normal;
	font-size: 20px;
	vertical-align: 5px}

.list article	{margin: 0 0 20px 0;
        padding-bottom: 20px;
        border-bottom: 2px solid #666}

.list article a	{color: #000000;
	text-decoration: none;
	display: block;
	overflow: hidden;
	padding: 0}

.list article a:hover	{background-color: #eee;
	color: #000000;
	text-decoration: none}

.list article h1	{font-size: 21px; margin-bottom: 10px; overflow:hidden;zoom:1;}

.list article p {overflow:hidden;zoom:1; clear: both;}

.list article img	{float: left; padding-right: 14px; }

.list .postinfo	{border: none;
	margin: 0 ;
	padding: 0}

/* ########### 599px以下 ########### */
@media (max-width: 599px) {

.list article img { width: 50%; height:auto; }
.list article h1	{font-size: 18px; margin-bottom: 10px;}
}

/* ########### 400px以下 ########### */
@media (max-width: 400px) {

.list article img {float: none;width: 100%; height:auto; margin: 5px auto; }
}

/* 本文中の画像 */
.aligncenter	{display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto}

.alignleft	{float: left;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 20px}

.alignright	{float: right;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 20px}

.wp-caption-text	{text-align: center;
	margin-top: 3px;
	color: #666666}

article img, .wp-caption
	{max-width: 100%;
	height: auto}
/* 記事 */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
/*  overflow: hidden; */
}
  
.video-container iframe,  
.video-container object,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.postinfo time	{font-size: smaller; }
.postinfo span {margin-left: 30px;}
.postinfo {padding-bottom: 30px;}
.postinfo time:before {
        font-size: 15px;
        font-family: FontAwesome;
	content: "\f017";}

/* 前後のページへのリンク */
.navlink	{
font-size: 12px;
	border-top: solid 1px #cccccc;
	margin-top: 50px;
	margin-bottom: 40px;
	clear: both;
	overflow: hidden}

.navlink i	{
        display:table;
        font-size: 17px;
	color: #024386;
	vertical-align: middle}

.navlink a	{width: 45%;

	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px}
.navlink-prev i {padding-right:5px;}
.navlink-next i {padding-left:5px;}

.navlink-prev a	{float: left;
	text-align: left}

.navlink-next a	{float: right;
text-align: right
	}

.navlink a:hover	{color: #024386}

.navlink a:hover i	{color: #cc0000}

/* 記事の小見出し */
 h2	{margin-top: 40px;
	padding-left: 10px;
	border-left: solid 10px #024386;
}

/* SNSのシェアボタン */
.share	{margin: 30px 0; }

.share ul	{margin: 0;
	padding: 0;
	list-style: none}

.share li a	{display: block;
	padding: 10px 5px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	text-decoration: none}

.share-tw	{background-color: #55acee}
.share-fb	{background-color: #3b5998}
.share-gp	{background-color: #dd4b39}
.share-htb	{background-color: #00a4de}
.share-pocket   {background-color: #ee4256;}

.fa-hatena:before {
    content: "B!";
    font-family: Verdana;
    font-weight: bold
}
.share li a:hover	{opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */}

.share ul:after	{content: "";
	display: block;
	clear: both}

.share li	{float: left;
	width: 50%}

article p { line-height: 1.6em; }


/* フロート */
.floatL {float: left;}


/* サイドメニュー */
/* フォロー */
.folow {text-align:center;padding-bottom: 10px; border-bottom: solid 2px #555555; margin-bottom: 20px;}
.folow .fa-rss-square {color:#ff6600;}
.folow .fa-facebook-square { color:#435e9b;}
.folow .fa-twitter-square { color:#55acee;}
.folow .fa-envelope-square { color:#ff9900;}
.folow a:hover {opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */}

/* サーチ */
.widget_search { text-align:center; margin-bottom: 20px; }
.search-submit { display:none; }
.screen-reader-text:before {font-family: FontAwesome;
	content: "\f002"; color:#fff; background:#024386; padding:8px; margin-right:5px;border-radius: 4px;}

/* 検索結果ページ */
.noresult	{border: solid 1px #aaaaaa;
        background: #eef1f3;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center}

.noresult .screen-reader-text	{display: none}

.noresult .search-field	{width: 300px;
	border: none;
	padding: 10px}
input.search-field {width: 60%;}

.noresult .search-submit	{display: none}



.col { clear: both;padding-bottom: 20px;}
.col ul {margin: 20px 0; list-style-position: inside; }
.col ul li:before {color: #555;
        font-size: 14px;
        font-family: FontAwesome;
	content: "\f105";padding-right: 5px;}

.col ul li {text-indent:-1em;
padding-left:1em;
padding-bottom: 1rem;
}

.profpho {float:left ; width: 110px; height: 165px; padding: 4px; margin: 0 10px 20px 0; border: 1px solid #ccc;}

.popular-posts p {}
	
/* プロフィール */
.prof	{margin-bottom: 30px; }
.prof {	font-size: 14px;}
.prof a { padding-top: 10px; display: block;}
.prof img {padding: 3px; border: 1px solid #eee; margin: 0 15px 15px 0;}


/* おすすめ記事メニュー */
.osusume	{margin-bottom: 30px}

.osusume ul	{margin: 0;
	padding: 0;
	list-style: none}

.osusume li a	{display: block;
	margin-bottom: 10px;
	padding: 0;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.osusume li a:hover	{background-color: #eeeeee;
	opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */}

.osusume h1	{margin-top: 0;
	margin-bottom: 10px;
	border-bottom: dotted 2px #dddddd;
	color: #666666;
	font-size: 18px}

.osusume img	{width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom}

.osusume .text	{padding: 5px 10px;
	background-color: rgba(0,0,0,0.5);
	color: #ffffff}

/* おすすめ記事メニューのテキストを重ねる設定 */
.osusume a	{position: relative}

.osusume .text	{position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}


/* 人気の記事メニュー */
.ninki ul	{margin: 0;
	padding: 0;
	list-style: none}

.ninki li a	{display: block;
	padding: 5px;
	border-bottom: dotted 1px #dddddd;
	color: #2288bb;
	font-size: 14px;}

.ninki li a:hover	{background-color: #eeeeee}

.ninki li a img	{border: none}

.ninki h1	{margin-top: 0;
font-family: "kozuka-mincho-pr6n",sans-serif;
     text-align: center;
	margin-bottom: 10px;
border-top: solid 2px #555555;
	border-bottom: solid 2px #555555;
		padding: 15px 0;
	color: #666666;
	font-size: 18px}

.ninki a:after	{content: "";
	display: block;
	clear: both}

.ninki img	{float: left;
	width: 60px}

.ninki .text	{float: none;
	width: auto;
	margin-left: 60px;
	padding-left: 15px}

.ninki span	{display: block;
	color: #666666;
	font-size: 12px}


/* コピーライト */
.copyright p	{margin: 0;
	color: #666666;
	font-size: 14px}



/* ########### 599px以下 ########### */
@media (max-width: 599px) {

article img
	{width: 100%;
	height: auto}
/* サイト名と記事のタイトル */
.site h1	{font-size: 20px}

.kiji h1	{font-size: 26px}

/* ボックスの上下の間隔 */
header	{padding-top: 4px;
	padding-bottom: 4px}

/* SNSのシェアボタン */
.share span	{display: inline-block;
	text-indent: -9999px}
}

/* ########### 767px以下 ########### */
@media (max-width: 767px) {

/* リスト */

.col ul li {text-indent:1em;
padding-left:0;
padding-bottom: 0;
}

.col { padding-bottom: 0; }
.col ul	{margin: 0;
	padding: 0;
	list-style: none;}
.col li {position: relative;}

.col li a	{display: block;
        color: #000;
	padding: 10px 30px 10px 10px;       
	font-size: 14px;
        border-bottom: 1px #ccc solid;
	text-decoration: none}
.col li:before  {
        font-family: 'FontAwesome';
        content: "\f105";
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -10px;
        color: #000;
}

.col li a:hover {background-color: #e1e1e1;
        color: #000;
}

#text-3 .textwidget {text-align: center; margin: 10px 0; }

body{ background:url(http://ca-news.biz/images/bg.png) repeat-x!important;}

/* トグルボタン */
#menubtn	{padding: 6px 12px;
	position: absolute;
        background: #fff;
        border-radius: 4px;
        border: 1px solid #ccc;
	top: 45px;
	right: 10px;
	cursor: pointer}

#menubtn:hover	{background-color: #ccc}

#menubtn:focus	{outline: none}

#menubtn i	{color: #094a8d;
	font-size: 18px}

#menubtn span	{display: inline-block;
	text-indent: -9999px}

/* ナビゲーションメニュー（縦並び） */

#gnav {display: none;}
#menu ul	{margin: 0;
	padding: 0;
        background-color: #555;
	list-style: none;}
#menu li {position: relative;}

#menu li a	{display: block;
        color: #fff;
	padding: 14px;       
	font-size: 14px;
        border-bottom: 1px #ccc solid;
        background: #555;
	text-decoration: none}
#menu li:before  {
        font-family: 'FontAwesome';
        content: "\f105";
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -10px;
        color: #fff;}

#menu li a:hover {background-color: #c2c2c2;
        color: #000;
}

#menu li ul li a{ padding-left: 28px; background: #777;}
article h1 {border: none!important;}
}

/* ########### 600px以上～767px以下 ########### */
@media (min-width: 600px) and (max-width: 767px) {
.site h1	{margin: 0 0 0 0;
padding-top: 50px;
    text-align: center;
	font-size: 30px;
	font-family: "kozuka-mincho-pr6n",sans-serif;
}
.sub {margin: 15px auto 30px auto;width: 70%; text-align: center; color: #FFFFFF; background:url(http://ca-news.biz/images/sub_bg.gif); border-radius: 20px;font-family: "kozuka-mincho-pr6n",sans-serif;padding:5px 0;}
}

/* 続きを読む */
.more	{display: inline-block;
         float: right;
	padding: 5px 15px;
	background-color: #024386;
	color: #ffffff}

.more i	{margin-left: 10px}

/* フォーム */
.mwform-tel-field input {width: 30%;}
.form { text-align: center; margin:10px 0; }
input[type=submit]{
   font-size: 19px; font-size: 1.9rem;
   border-radius: 6px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   -o-border-radius: 6px;
   -ms-border-radius: 6px;
   width: 50%;
   padding-top:10px;
   padding-bottom: 10px;
   cursor:pointer;
   color:#fff;
   background: #0066cc;
}

/* 記事リンク */

.navbtn {
        overflow:hidden;
        margin:50px 0;
        border-top:1px solid #ccc;
}
.bnr_btnR {
        float: left;
        width: 48%;
        margin: 10px 1%;
        position: relative;
        text-align: right;
	padding-right: 18px
        font-size: 12px;
}
.bnr_btnR a {
        color: #024386;
        display: block;
        padding: 0 18px 0 0;
		text-decoration: none;
}
.bnr_btnR a:hover { color:#cc0000; display: block;}
.bnr_btnR a:after {
        font-family: 'FontAwesome';
        content: "\f138";
        position: absolute;
        top: 0;
        right: 0px;
        margin-top: 3px;
        color: #024386;
}
.bnr_btnL {
        float: left;
        width: 48%;
        margin: 10px 1%;
        position: relative;
        text-align: left;
	padding-left: 18px
        font-size: 12px;
}
.bnr_btnL a {
        color: #024386;
        display: block;
        padding: 0 0 0 18px;
		text-decoration: none;
}
.bnr_btnL a:hover { color:#cc0000; display: block;}
.bnr_btnL a:after {
        font-family: 'FontAwesome';
        content: "\f137";
        position: absolute;
        top: 0;
        left: 0px;
        margin-top: 3px;
        color: #024386;
}

/* テーブル */
.table_basic01 {
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
        margin-bottom: 20px;
}
	.table_basic01 th,
	.table_basic01 td {
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 10px 15px;
	}
	.table_basic01 th {
          text-align: center;
		background-color: #f3f3f3;
         font-weight: bold;
	}
	.table_basic01 td {
	}
@media screen and (max-width:767px){
.table_basic01 {
	width: 100%;
}
	.table_basic01,
	.table_basic01 thead,
	.table_basic01 tbody,
	.table_basic01 tr,
	.table_basic01 th,
	.table_basic01 td {
		width: 100%;
		display: block;
	}
	.table_basic01 th,
	.table_basic01 td {
		border-top: none;
		border-left: none;
	}
	.table_basic01 th {
	}
	.table_basic01 td {
	}
}

/* 問い合わせボタン */
.btn_contact li {
        width: 50%;
        margin: 10px auto;
        position: relative;
        border-radius :6px;
        text-align: right;
		padding-right: 2rem;
        font-size: 19px; font-size: 1.9rem;
		        background: #0066cc;
		border-radius :6px;
}
@media (max-width: 599px) {
.btn_contact li {
        width: 100%;
        margin: 10px auto;
        position: relative;
        border-radius :6px;
        text-align: right;
		padding-right: 2rem;
        font-size: 19px; font-size: 1.9rem;
		        background: #0066cc;
		border-radius :6px;
}
}
.btn_contact li a {
        display: block;
        padding: 22px;
        color: #fff;
		text-decoration: none;
}
.btn_contact li a:hover {opacity: 0.2;			display: block;}
.btn_contact li:after {
        font-family: 'FontAwesome';
        content: "\f105";
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -12px;
        color: #fff;
}
/* リスト */

.list_dl01 {
	margin: 20px 0;
}
	.list_dl01 dt {
		float: left;
		width: 3em;
		clear: both;
		font-weight: bold;
                margin-bottom: 10px;
	}
	.list_dl01 dd {
		border-left: 1px solid #ccc;
		padding-left: 10px;
                margin-bottom: 10px;
		overflow: hidden;
	}
@media screen and (max-width:767px){
.list_dl01 {
}
	.list_dl01 dt {
		float: none;
		width: auto;
	}
	.list_dl01 dd {
		border-left: none;
		padding-left: 0;
	}
}

.list_dl02 {
	margin: 20px 0;
	border-top: 1px solid #ccc;
}
	.list_dl02 dt {
		float: left;
		width: 13em;
		clear: both;
		padding: 15px 0;
		font-weight: bold;
	}
	.list_dl02 dd {
		padding: 15px 0 15px 10em;
		border-bottom: 1px solid #ccc;
	}
@media screen and (max-width:767px){
.list_dl02 {
}
	.list_dl02 dt {
		float: none;
		width: auto;
		padding-bottom: 0;
	}
	.list_dl02 dd {
		padding: 0 0 15px 0;
	}
}

/* 関連記事メニュー */

.kanren	{margin: 20px 0;
	padding: 20px;
	background-color: #eee}

.kanren ul	{margin: 0;
	padding: 0;
	list-style: none}

.kanren li a	{display: block;
	padding: 5px;
}

.kanren li a:hover	{text-decoration: underline}

.kanren ul:after	{content: "";
	display: block;
	clear: both}

.kanren li	{float: left;
	width: 25%}

.kanren img	{max-width: 100%;
        margin-bottom: 5px;
	height: auto;
	border: none}

/* ########### 599px以下 ########### */
@media (max-width: 599px) {

/* 関連記事メニュー */
.kanren	{padding: 10px}

.kanren li	{width: 50%}

.kanren li:nth-child(3)	{clear:both}
}


/* ########### 768px以上 ########### */
@media (min-width: 768px) {

#container{ padding: 50px 20px; margin-left: auto;
	margin-right: auto}

/* トグルボタン */
#menubtn	{display: none}

/* ナビゲーション */

#menu{
  list-style-type: none;
  
  height: 45px;
  margin: 40px auto 0 auto;
  padding: 0;
  background:url(https://ca-news.biz/images/gnav_bg.png);
font-weight: normal;font-family: "kozuka-mincho-pr6n",sans-serif;
}
#menu li{
  position: relative;
  width: 20% ;
  float: left;
  margin: 0 0px;
  padding: 0 ;
  text-align: center;
}
#menu li a{
  display: block;
  margin: 0;
  padding: 10px 0;
  color: #000;
  font-size: 17px;
  text-decoration: none;
}
#menu li:hover > a{
  background: #3c6998;
  color: #ffffff;
}
#menu > li:hover > a{

}
#menu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
#menu li ul li{
  overflow: hidden;
  width: 180%;
  height: 0;
  color: #fff;
}
#menu li ul li a{
  padding: 13px 15px;
  background: #a3b0bd;
  text-align: left;
  font-size: 15px;
  font-weight: normal;
}
#menu li:hover ul li{
  overflow: hidden;
  height: 40px;
  border-bottom: 1px solid #eee;
}
#menu li:hover ul li:last-child{ border: none;}

/* メインとサイドを横に並べる設定 */
#container:after	{content: "";
	display: block;
	clear: both}

.contents	{float: left;
	width: 70%}

.side	{float: left;
	width: 30%}

/* contentsとsideの左右の間隔 */
.contents	{
        padding-right: 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	}
}

/* ########### 1040px以上 ########### */
@media (min-width: 1040px) {

/* 全体の横幅を固定 */
header
	{width: 1100px;
	 padding: 0 50px;
	margin-left: auto;
	margin-right: auto}
footer {width: 1100px;
	margin-left: auto;
	margin-right: auto}
.box1 {float: left; width: 230px; margin:0 0; padding: 0 0; }
.box1 img {width: 200px; height:auto; margin: 0 5%;}
.box2 { width: 400px; float: left; margin:0; padding: 0 0; }
#container{ width: 1100px; padding: 50px; margin-left: auto;
	margin-right: auto}
}
/* 記事のテンプレート */
.dotkakoi {border: 1px dashed #555; padding: 15px; line-height:2em;}
.dotkakoiao  {border: 2px dashed #024386; padding: 15px;}
.dotkakoiki  {border: 2px dashed #ff9900; padding: 15px;}
.dotkakoihai  {border: 2px dashed #ccc; padding: 15px;}

/* パンくず */
#breadcrumb {width: 100%; overflow: hidden; }
#breadcrumb div {float: left;  margin-bottom: 30px;} 
/* ########### 767px以下 ########### */
@media (max-width: 767px) {
#breadcrumb {padding: 0 10px; }
}

/* アクセス */

.map {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 50px;
}
 
.map iframe,
.mapr object,
.map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.pager{
	text-align:center;
        margin: 20px 0;
}
a.page-numbers,
.pager .current{
	background:#e2e2e2;
	border-radius:5px;
	padding:4px 8px;
	margin:0 2px;
}
.pager .current{
	background:#024386;
	color:#fff;
}