@charset "utf-8";

/*-------------------------------------------*/
/*	共通設定
/*-------------------------------------------*/

/* リンクカラーなど
----------------------------------*/
a:link {
	color: #003399;
	text-decoration: underline;
}

a:visited {
	color: #003399;
	text-decoration: underline;
}

a:hover {
	color: #FF3399;
	text-decoration: none;
}

a:active {
	color: #FF3399;
	text-decoration: none;
}


/* レイアウトなど
----------------------------------*/
#wrapper {
	word-wrap:break-word; /*必要に応じて単語の途中で改行*/
	overflow: hidden;
	background: #FFF;
}
#wrapper-home {
	word-wrap:break-word; /*必要に応じて単語の途中で改行*/
	overflow: hidden;
}
#wrapper {
	margin: 0 auto 30px;
	width: 960px;
}
#wrapper-home,
.inner {
	margin: 0 auto;
	width: 960px;
}

.inner {
	position: relative;
}

#header {
	width: 100%;
/*	overflow: hidden; */
	margin: 10px 0 15px;
	padding-bottom: 10px;
	clear: both;
	font-size: 1.4rem;
	line-height: 1.75;
	overflow: hidden;
	background: url(../images/line_main.png) 0px bottom repeat-x;
}

#content {
	float: left;
	width: 715px;
	overflow: hidden;
	padding: 0 0 30px 5px;
	font-size: 1.4rem;
	line-height: 1.8;
}

#content1 {
	overflow: hidden;
	padding: 0 5px 30px;
	font-size: 1.4rem;
	line-height: 1.8;
}

#sidebar {
	float: right;
	width: 200px;
	overflow: hidden;
	padding: 0 5px 30px 0;
	font-size: 1.4rem;
	line-height: 1.75;
}

#footer {
	width: 100%;
	overflow: hidden;
	clear: both;
	font-size: 1.4rem;
	line-height: 1.5;
	background: url(../images/line_main.png) 0px top repeat-x;
	padding-top: 30px;
	padding-bottom: 15px;
}





/*-------------------------------------------*/
/*	header
/*-------------------------------------------*/

/* ロゴ (サイトタイトル)
----------------------------------*/
#header #site-title {}
#header #site-title a {
	width: 100%;
	min-height: 95px;
	display:block;
	background: url(../images/logo.png) 0 bottom no-repeat;
	background-size: contain;
	text-indent: -9999px;
}





/*-------------------------------------------*/
/*	セカンドタイトル設定
/*-------------------------------------------*/
/*
#photo_home {
	margin: 20px 0px 40px;
	clear: both;
	background: #E7ECF5;
}
#photo_home img {
	max-width: 100%;
	height: auto;
}
*/

#photo_second {
	width: 960px;
	margin: 0px auto;
	font-size: 1.6rem;
	line-height: 1.75;
	clear: both;
	background: #2795F2;
}
#photo_second h1 {
	padding: 17px 10px 12px;
	color: #FFF;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}





/*-------------------------------------------*/
/* パンくず
/*-------------------------------------------*/
ul.breadcrumb {
	width: 960px;
	margin: 0px auto;
	display: block;
	padding: 10px;
	background: #FFF;
	font-size: 120%;
}
ul.breadcrumb li {
	display: inline;
}





/*-------------------------------------------*/
/*	記事設定
/*-------------------------------------------*/
section {
	margin-bottom: 30px;
	overflow: hidden;
}


/* 記事BOX
----------------------------------*/
.post_box {
	overflow: hidden;
}

/* 見出し */
.post_box > h2 {
	clear: both;
	font-size: 120%;
	font-weight:bold;
	margin: 15px 0;
	padding: 5px 10px 3px;
	border-color: #AAA;
	border-width: 1px 1px 2px;
	border-style: solid;
	background: #FFFFBF;
}
.post_box > h2 span {
	border-left: 5px solid #F5C601;
	padding-left: 10px;
}
.post_box > h2.h2home {
	padding: 0;
	border: none;
	background: #48A141;
}

.post_box > h3,
.post_box .float_left h3,
.post_box .float_right h3,
.post_box .box_half_left h3,
.post_box .box_half_right h3,
.post_box .over_flow h3 {
	clear: both;
	font-size: 120%;
	font-weight:bold;
	color: #FFF;
	margin: 15px 0;
	padding: 5px 9px 3px 9px;
	background: #48A141;
}
.post_box > h4,
.post_box .float_left h4,
.post_box .float_right h4,
.post_box .box_half_left h4,
.post_box .box_half_right h4,
.post_box .over_flow h4 {
	clear: both;
	font-size: 120%;
	font-weight:bold;
	margin: 15px 0;
	padding: 3px 0 1px 10px;
	border-left: 5px solid #009933;
	border-bottom: 1px solid #AAA;
}
.post_box > h5,
.post_box .float_left h5,
.post_box .float_right h5,
.post_box .box_half_left h5,
.post_box .box_half_right h5,
.post_box .over_flow h5 {
	clear: both;
	font-size: 120%;
	font-weight:bold;
	margin: 15px 0;
	padding: 5px 0 3px 0;
}
.post_box > h5 span,
.post_box .float_left h5 span,
.post_box .float_right h5 span,
.post_box .box_half_left h5 span,
.post_box .box_half_right h5 span,
.post_box .over_flow h5 span {
	padding-left: 15px;
	background-image: url(../images/h5_bg_image.png);
	background-position: 0% 48%;
	background-repeat: no-repeat;
}
.post_box > h6,
.post_box .float_left h6,
.post_box .float_right h6,
.post_box .box_half_left h6,
.post_box .box_half_right h6,
.post_box .over_flow h6 {
	clear: both;
	font-size: 120%;
	font-weight:bold;
	color: #48A141;
	margin: 15px 0;
}

.post_box p {
	padding-bottom: 2em;
}

.post_box strong {
	font-weight: bold;
}


/* リスト */
.post_box ul,
.post_box ol {}
.post_box ul li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 2em;
}
.post_box ul li img {
	vertical-align: middle !important;
}
.post_box ul li.list_ci {
	list-style-position: outside;
	list-style-type: circle;
	margin-left: 2em;
}
.post_box ul li.list_sq {
	list-style-position: outside;
	list-style-type: square;
	margin-left: 2em;
}
.post_box ul li.list_img {
	list-style-position: outside;
	margin-left: 2em;
	list-style-image: url(../images/list03.png);
}
.post_box ul li.list_img_home {
	list-style-position: outside;
	margin-left: 2em;
	list-style-image: url(../images/list_kidslink.png);
}
.post_box ul li.list_img_home a {
	color: #FFF;
}
.post_box ul li.list_img_home a:hover {
	color: #FF3399;
	text-decoration: none;
}
.post_box ul li.list_img_home a:active {
	color: #FF3399;
	text-decoration: none;
}

.post_box ol li {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 2em;
}
.post_box ol li.list_roman {
	list-style-position: outside;
	list-style-type: upper-roman;
	margin-left: 2em;
}
.post_box ol li.list_roman_lo {
	list-style-position: outside;
	list-style-type: lower-roman;
	margin-left: 2em;
}
.post_box ol li.list_alph {
	list-style-position: outside;
	list-style-type: upper-alpha;
	margin-left: 2em;
}
.post_box ol li.list_alph_lo {
	list-style-position: outside;
	list-style-type: lower-alpha;
	margin-left: 2em;
}
.post_box ol.list_maru_num {
	position: relative;
}
.post_box ol.list_maru_num > li {
	list-style: none;
	list-style-position: outside;
	margin-left: 0.75em;
	padding-left:1.25em;
}
.post_box ol.list_maru_num > li span {
	position: absolute;
	left: 0.75em;
	margin: 0;
}


.post_box blockquote {
	clear: both;
	padding: 10px;
	margin: 15px;
	border-left: 5px solid #AAAAAA;
}
.post_box blockquote p{
	padding: 5px 0;
}


/* 定義リスト */
.post_box dl {}
.post_box dt {}
.post_box dt.left {
	float: left;
}
.post_box dd {}


/* 上付、下付 */
.post_box sup,
.post_box sub {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
.post_box sup {
	top: -0.5em;
}
.post_box sub {
	bottom: -0.25em;
}


/* 画像 */
.post_box img{
	max-width: 100%;
	height: auto;
}


/* テーブル */
.post_box table {
	empty-cells: show;
	clear: both;
}
.post_box caption {
	display: none;
}
.post_box table th {
	padding: 5px;
	background-color: #F4F4F4;
	border: 1px solid #AAA;
}
.post_box table .nowraps {
	white-space: nowrap;
}
.post_box table td {
	padding: 5px;
	vertical-align: top;
	border: 1px solid #AAA;
}


/* 日付等 */
.post_box p.postinfo {
	font-size: 85%;
	padding: 0px;
	margin-bottom: 30px;
}
.post_box p.postinfo span.cal {
	padding-left: 25px;
	background: url(../images/image_calender.png) left 50% no-repeat;
}
.post_box p.postinfo span.cat {
	padding-left: 25px;
	background: url(../images/image_cat.png) left 50% no-repeat;
}


/* 要素を横並び
----------------------------------*/
ul.tbl_cel {
	display: table;
	table-layout: fixed;
	width: 100%;
}
ul.tbl_cel li {
	margin: 0 0 15px 0;
	padding: 0;
	display: table-cell;
	list-style-type: none;
}

/* 自動横並び
----------------------------------*/
ul.tbl_cel_free {
	display: table;
	table-layout: fixed;
	width: 100%;
}
ul.tbl_cel_free li {
	margin-bottom: 15px;
	display: table-cell;
	list-style-type: none;
	vertical-align: top;
}



/* リンク関係
----------------------------------*/
.left_link a {
	clear: both;
	background: url(../images/list03.png) 0 50% no-repeat;
	padding-left: 15px;
}


/* more
----------------------------------*/
.more_link {
	display: block;
	margin-top:10px; 
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 90%;
}
.more_link a {
	text-align: center;
	display: inline-block;
	text-decoration: none;
	padding: 3px 5px 0px;
	color: #333;
	border: 1px solid #DDD;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.more_link a:hover {
	color: #fff;
	background: #FF7272;
}


/* リンクボタン
----------------------------------*/
a.btn_link {
	display: inline-block;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 15px;
	position: relative;
	padding: 10px 10px 8px;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	border :none;
	background-color: #666666;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
a.btn_link:hover {
	background-color: #FF7272;
	color: #FFF;
}


/* staff
----------------------------------*/
p.staff {
	line-height: 1.5;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 120%;
}


/* ソーシャルボタン
----------------------------------*/
.sns-box {
	width: 100%;
	margin: 15px 0px;
	clear: both;
}
.sns-box ul {
	list-style: none;
}
.sns-box ul li {
	list-style: none;
	float: left;
	padding: 0;
	margin: auto 5px;
	max-width: none !important; /* for Facebook Like button */
}


/* おこじょ説明 contents版
----------------------------------*/
ul.okojyo-setsumei,
ul.okojyo-setsumei-right {
	width: 100%;
	display: table;
}
ul.okojyo-setsumei li,
ul.okojyo-setsumei-right li {
	display: table-cell;
	list-style: none;
}
ul.okojyo-setsumei > li.okojyo-setsumei-img {
	width: 65px;
	height: 50px;
	background: url(../images/okojin_setsumei.png) 0 0 no-repeat;
	text-indent: -9999px;
}
ul.okojyo-setsumei > li.okojyo-setsumei-txt {
	padding: 5px;
	font-weight: bold;
	background: #EEE;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

ul.okojyo-setsumei-right > li.okojyo-setsumei-img {
	width: 65px;
	height: 50px;
	background: url(../images/okojin_setsumei_right.png) 0 0 no-repeat;
	text-indent: -9999px;
}
ul.okojyo-setsumei-right > li.okojyo-setsumei-txt {
	padding: 5px;
	font-weight: bold;
	background: #EEE;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}


.waku_oko_illust {
	width: 664px;
	margin: 0px auto 15px;
	padding: 10px;
	background: #E1EAF1;
}
.waku_oko_illust ul {
	overflow: hidden;
}
.waku_oko_illust ul li {
	max-width:100%;
	margin-left: 0;
	list-style: none;
	float: left;
	padding: 2px;
}

/* flash対策
----------------------------------*/
.fl-syasou {
	position: relative;
	padding-bottom: 75%;
	padding-top: 0;
	height: 100%;
}
.fl-syasou iframe,
.fl-syasou object,
.fl-syasou embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
}


/* クイズ
----------------------------------------------------*/
.faq_dl {
	background: #E1EAF1;
	padding: 15px;
}
.faq_dl dt {
	width: 8em;
	padding-top: 15px;
	padding-left: 25px;
	position: relative;
	float: left;
}
.faq_dl dt:before {
	content: url(../quiz/images/faq_img_q.png);
	position: absolute;
	top: 17px;
	left: 0;
}
.faq_dl dd {
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 8em;
	border-bottom: 1px solid #FFF;
}


dl.qttl {
	background: #48A141;
	padding: 5px 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size:16px;
}

dl.qttl dt {
	float: left;
}

dl.qttl dd {
	padding-left: 4em;
}

/*-------------------------------------------*/
/*	サイドバー設定
/*-------------------------------------------*/
#sidebar h3 {
	font-size: 120%;
	font-weight:bold;
	margin: 0 0 15px;
	padding: 5px 0 3px;
	border-top: 1px solid #CCC;
	border-bottom: 3px solid #6BAB5F;
}
#sidebar .textwidget {
	margin:0;
	padding:10px;
	background:#FFFFFF;
}
#sidebar .textwidget p {
	padding-bottom: 1.5em;
}


/* マルチメニュー、メイン・ユーザメニュー設定
----------------------------------*/
/* mulitimenu指定 */
#sidebar .multimenu {
	margin-top: 15px;
}
#sidebar .multimenu > ul {
	background: #EEE;
	padding: 10px;	
}
#sidebar .multimenu ul li {
	list-style-position: outside;
	list-style-image: url(../images/list03.png);
	margin-left: 1.5em;
}
#sidebar .multimenu ul li a {}
#sidebar .multimenu ul li a:hover {}
#sidebar .multimenu ul li ul {}
#sidebar .multimenu ul li ul li {
	list-style-position: outside;
	margin-left: 1.5em;
	list-style-image: url(../images/list_normal.png);
}
#sidebar .multimenu ul li ul li a {}
#sidebar .multimenu ul li ul li ul li a {}


/* おこじょ説明
----------------------------------*/
.okojyo-nav {
	font-size: 90%;
	height: auto;
}
.okojyo-nav > .okojyo-box {
	padding: 10px;
	position: relative;
	background: #FFF;
	border: 1px solid #AAA;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.okojyo-nav > .okojyo-box:after, .okojyo-nav > .okojyo-box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	/*pointer-events: none;*/
}

.okojyo-nav > .okojyo-box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #FFFFFF;
	border-width: 10px;
	margin-left: -10px;
}
.okojyo-nav > .okojyo-box:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #666;
	border-width: 11px;
	margin-left: -11px;
}
.okojyo-nav > .okojyo-bottom {
	margin: 15px auto 0px;
	width: 97px;
	height: 100px;
	background: url(../images/okojin_setsumei_megane.png) 0 0 no-repeat;
}




/*-------------------------------------------*/
/*	footer設定
/*-------------------------------------------*/

/* ページトップ移動ボタン
----------------------------------*/
#footer #page-top_outline {}
#footer #page-top {
	position: fixed;
    bottom: 30px;
    right: 20px;
    font-size: 77%;
}
#footer #page-top a {
	width: 45px;
	height: 45px;
	display: block;
	background: url(../images/footer_pagetop.png) no-repeat 0 0;
	text-indent: -9999px;
}
#footer #page-top a:hover {
	background: url(../images/footer_pagetop.png) no-repeat 0 -45px;
}


/* フッターメニュー
----------------------------------*/
#footer .footer_menu {
	overflow: hidden;
}
#footer .footer_menu ul {
	margin-top: 15px;
	margin-bottom: 15px;
}
#footer .footer_menu ul li {
	font-size: 90%;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0 5% 0 0;
}
#footer .footer_menu ul li a {
	background: url(../images/list03.png) no-repeat 0 48%;
	padding-left: 15px;
}
#footer .footer_menu ul li a:hover {
	color: #FF7272;
}

#footer .footer-address {
	overflow: hidden;
}
#footer .footer-col3 {
}


/* Company ＆ Address
----------------------------------*/
#footer .company {
	padding: 0 0 5px;
	font-weight: bold;
}
#footer .address {
	padding: 0;
	font-size: 85%;
}


/* CopyRight
----------------------------------*/
#footer .copyright {
	padding: 0;
	font-size: 80%;
/*	color: #FFF;
	text-align: center;*/
}





/*-------------------------------------------*/
/*	共通設定
/*-------------------------------------------*/
.common_waku {
	overflow: hidden;
}


/* 画像
----------------------------------*/
.aligncenter,
img.aligncenter { clear: both; display: block; margin: 5px auto; }
.alignright,
img.alignright { margin: 5px 0px 15px 15px; float:right; }
.alignleft,
img.alignleft { margin: 5px 15px 15px 0px; float:left; }

.gallery-caption,
.wp-caption {
	text-align: center;
}
.wp-caption img {
}
.wp-caption p.wp-caption-text {
	color: #666;
	font-size: 90%;
	margin: 5px;
	padding-bottom: 0;
}
.wp-smiley {
	margin: 0;
}


/* ギャラリー
----------------------------------*/
.gallery {
	clear: both;
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 15px;
}
.gallery-item {
	width: 29%;
	float: left;
	margin: 10px 2% 0px 2%;
	text-align: center;
	margin-bottom: 10px;
}
.gallery img {
	max-width: 100%;
	height: auto;
	border: solid 1px #BBBBBB;
	padding: 5px;
}
.gallery a:hover img {}
.gallery dl { margin-bottom: 20px; }
.gallery dd	{
	margin: 0;
	color: #666;
	font-size: 80%;
}
.gallery br+br	{display: none}
.attachment img { /* single attachment images should be centered */
	display: block; margin: 0 auto;
}


/* その他
----------------------------------*/
li.bypostauthor {}

.screen-reader-text,
.meta-nav {}



/* グローバルナビゲーション（slicknav用）
----------------------------------*/
.slicknav_menu {
	display:none;
}




/*-------------------------------------------*/
/*	フルサイズ設定
/*-------------------------------------------*/
@media only screen and (min-width: 961px){

 /* グローバルナビゲーション
 ----------------------------------*/
 nav#g-navi {
	margin-bottom: 30px;
	overflow: hidden;
 }

 nav#g-navi ul {
	margin: 0;
	width: 100%;
 }
 nav#g-navi ul li {
	float: left;
 }
 nav#g-navi ul li a {
	text-indent: -9999px;
	display: block;
	height: 50px;
 }
 nav#g-navi ul li#nav01 a {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 160px;
 }
 nav#g-navi ul li#nav01 a:hover {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: 0px -100px;
 }
 nav#g-navi ul li#nav02 a {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -160px 0px;
	width: 160px;
 }
 nav#g-navi ul li#nav02 a:hover {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -160px -100px;
 }
 nav#g-navi ul li#nav03 a {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -320px 0px;
	width: 160px;
 }
 nav#g-navi ul li#nav03 a:hover {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -320px -100px;
 }
 nav#g-navi ul li#nav04 a {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -480px 0px;
	width: 160px;
 }
 nav#g-navi ul li#nav04 a:hover {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -480px -100px;
 }
 nav#g-navi ul li#nav05 a {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -640px 0px;
	width: 160px;
 }
 nav#g-navi ul li#nav05 a:hover {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -640px -100px;
 }
 nav#g-navi ul li#nav06 a {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -800px 0px;
	width: 160px;
 }
 nav#g-navi ul li#nav06 a:hover {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -800px -100px;
 }
 nav#g-navi ul li#nav07 a {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	width: 160px;
 }
 nav#g-navi ul li#nav07 a:hover {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: 0px -150px;
 }
 nav#g-navi ul li#nav08 a {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -160px -50px;
	width: 160px;
 }
 nav#g-navi ul li#nav08 a:hover {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -160px -150px;
 }
 nav#g-navi ul li#nav09 a {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -320px -50px;
	width: 160px;
 }
 nav#g-navi ul li#nav09 a:hover {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -320px -150px;
 }
 nav#g-navi ul li#nav10 a {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -480px -50px;
	width: 160px;
 }
 nav#g-navi ul li#nav10 a:hover {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -480px -150px;
 }
 nav#g-navi ul li#nav11 a {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -640px -50px;
	width: 160px;
 }
 nav#g-navi ul li#nav11 a:hover {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -640px -150px;
 }
 nav#g-navi ul li#nav12 a {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -800px -50px;
	width: 160px;
 }
 nav#g-navi ul li#nav12 a:hover {
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -800px -150px;
 }
 

}


/*-------------------------------------------*/
/*	751px ～ 960pxから 1カラム表示設定
/*-------------------------------------------*/
@media only screen and (max-width: 960px){

 #wrapper,
 #wrapper-home,
 .inner {
	 width: 96%;
 }
 

 #content,
 #sidebar {
	 clear: both;
	 width: 100%;
	 float: none;
	 margin: 0 auto;
	 padding: 15px 5px 10px;
 }


 /* ロゴ (サイトタイトル)
 ----------------------------------*/
 #header #site-title a {
	background: url(../images/logo-small.png) 50% bottom no-repeat;
	background-size: contain;
 }


 /* 写真
 ----------------------------------*/
 /*
 #photo_home {
	 background: #FFF;
 }
 */

 #photo_second {
	width: 96%;
 }



 /* パンくず
 ----------------------------------*/
 ul.breadcrumb {
	width: 96%;
 }
 
 
 /* おこじょ説明
 ----------------------------------*/
 .okojyo-nav {
	 max-width: 300px;
 }
 
 
  /* グローバルナビゲーション
 ----------------------------------*/
 nav#g-navi {
	margin: 0;
	padding: 0;
	border-bottom: none;
 }
 
 .js #menu {
	 display:none;
 }
 .js .slicknav_menu {
	 display:block;
 }

}


/*-------------------------------------------*/
/*	641px ～ 750pxから 1カラム表示設定
/*-------------------------------------------*/
@media only screen and (max-width: 750px){

 /*
 #wrapper {
	 width: 90%;
 }
 */


 /* テーブル（横に長い場合 overflow-x と inline-block） */
 .post_box table.tbl_v2 {
	 display: block;
	 position: relative;
	 width: 100%;
 }
 .post_box table.tbl_v2 thead {
	 display: block;
	 float: left;
	 overflow-x: auto;
 }
 .post_box table.tbl_v2 tbody {
	 display: block;
	 width: auto;
	 position: relative;
	 overflow-x: auto;
	 white-space: nowrap; 
 }
 .post_box table.tbl_v2 tbody tr {
	 display: inline-block;
	 margin: 0 -3px;
	 border-right: 1px solid #BBB;
 }
 .post_box table.tbl_v2 th {
	 display: block;
	 border-bottom: 0;
 }
 .post_box table.tbl_v2 td {
	 display: block;
	 border-left: 0;
	 border-right: 0;
	 border-bottom: 0;
 }
 .post_box table.tbl_v2 th:last-child,
 .post_box table.tbl_v2 td:last-child {
	 border-bottom: 1px solid #BBB;
 }



 /* 要素を横並び
 ----------------------------------*/
 ul.tbl_cel,
 ul.tbl_cel_free {}
 ul.tbl_cel li img,
 ul.tbl_cel_free li img {
	 width: 96%;
	 margin: 0px auto;
 }
 
 
 /* おこじょ説明 contents版
 ----------------------------------*/
 .waku_oko_illust {
	width: 100%;
 }


 /*-------------------------------------------*/
 /*	footer設定
 /*-------------------------------------------*/

 /* Company ＆ Address
 ----------------------------------*/
 #footer .company,
 #footer .address,
 #footer .copyright {
	 width: 96%;
	 margin: 0px auto;
 }

}


/*-------------------------------------------*/
/*  640px以下から 1カラム表示用
/*-------------------------------------------*/
@media only screen and (max-width: 640px){

 #header {
	 overflow: hidden;
 }


/* .contact {
	 float: none;
	 clear: both;
	 text-align: center;
 }
 .contact p.tel {
	 font-size: 180%;
 }
 */

 #content,
 #sidebar {
	 clear: both;
	 width: 98%;
	 float: none;
	 margin: 0 auto;
	 padding: 15px 0 10px;
 }


 /*-------------------------------------------*/
 /*	記事設定
 /*-------------------------------------------*/
 section {
	margin-bottom: 30px;
 }


 /* 定義リスト */
 .post_box dt.left {
	float: none;
 }
 .post_box dd {
	 margin-bottom: 1em;
 }


 /* 要素を横並び
 ----------------------------------*/
 ul.tbl_cel,
 ul.tbl_cel_free {
	 margin: 0 0 30px;
	display: block;
 	width: 100%;
 }
 ul.tbl_cel li {
	padding: 0;
	display: block;
 }
 ul.tbl_cel_free li {
	display: block;
 }
 ul.tbl_cel li img,
 ul.tbl_cel_free li img {
	 width: auto;
	 margin: 0 auto;
 }
 
 
 /* クイズ
 ----------------------------------------------------*/
 .faq_dl {}
 .faq_dl dt {
	width: auto;
	float: none;
 }
 .faq_dl dt:before {}
 .faq_dl dd {
	padding-left: 0em;
 }

 dl.qttl {}
 dl.qttl dt {
	width:auto;
	float:none;
 }
 dl.qttl dd {
	padding-left:0em;
 }

 /* フォーム
 ------------------------------------------------------------*/
 input[type="text"], textarea{
	width: 100%;
 }



 /*-------------------------------------------*/
 /*	共通設定
 /*-------------------------------------------*/
 .alignright,
 img.alignright {
	 max-width:96%;
	 margin: 5px 2%;
	 display: block;
	 float: none;
 }
 .alignleft,
 img.alignleft {
	 max-width:96%;
	 margin: 5px 2%;
	 display: block;
	 float: none;
 }

 /* ギャラリー */
 .gallery {}
 .gallery-item {
	 width: 96%;
	float: none;
	margin: 0px;
 }
 .gallery img {
	 max-width: 96%;
 }
 .gallery a:hover img {}
 .gallery dd {}
 .gallery br+br	{display: none}

}



/*-------------------------------------------*/
/*  299px以下から 1カラム表示用
/*-------------------------------------------*/
@media only screen and (max-width: 299px){

 /* 現在の雨量水位
 ----------------------------------*/
 .suii-info .home-pr-bottom > div.map-area {
	background: url(../images/map_suii.png) 0px 0px no-repeat;
	padding-top: 88.46%;
	background-size: contain;
 }

}