@charset "utf-8";

.sp{ display:none;}

/* ==============================================================================================
　スマートフォン用　画面の横幅が680pxまで
============================================================================================== */
@media screen and (max-width:680px){

.sp{ display:block;}

body{
	font-size:1.1rem;
	line-height: 1.8;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


img, object {max-width: 100% !important;height: auto;}



/* 幅 */
.inner
,	.newstop
,	.topBanner
,	#pickarea .pickarea_col
,	#article-main
,	.line-imgbox .img-box
,	#article-menu
,	#slide #slide-inner
{
	width:100%;
	margin:0 !important;
}

#slide{
	width:100vw;
	overflow:hidden;
}

/* フレキシブルボックス 縦表示 */
#top
,	#newsarea .inner
,	#pickarea
,	footer .inner
,	.newstop ul{
	flex-direction:column;
}

main .inner{ padding-left:0.5em!important; padding-right:0.5em!important;}

/* ヘッダー
**************************************************************/
#top h1{ display:block; width:75%; padding-left:0.5rem;}
.headside{ display:none;}
#sp-search {
	display:block;
	width:auto;
	margin:30px 0 0 0;
}

/* フッター
**************************************************************/
.flogo{margin-right:0 !important;}
.fnav ul{ margin:1.5em 0.5em 1em!important;}
.fnav li{margin-bottom:0 !important; margin-right:0 !important; width:49%; font-size:0.85em;}

/*グローバルナビ
**************************************************************/
.logo{ width:auto; margin:0 0 1rem;}
.subnav{ display:none;}
.navbtn{
	display:inline-block;
	width:48%;
}
.navbtn a{
	display:block;
	background:#1177BB;
	color:#fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.nav-btn-l {
	display:block;
	padding:5px 0;
	border-bottom:solid 1px #CCC;
}

.drawer-nav .sp{text-align:center;margin-top:10px;}
.drawer-nav .sp p{ margin:0 0 1rem;}

.drawer-hamburger strong{
	position:absolute;
	bottom:1px;
	left:50%;
	transform:translateX(-50%);
	-webkit- transform:translateX(-50%);

	color:#fff;
	width:2rem;
	font-weight:normal;
}

/* ホーム
**************************************************************/
main #slide #slide-inner{ padding-left:0!important; padding-right:0!important;}
#slide-inner #slide-message{
	position:absolute;
	top:10px;
	right:0;
}

#slide{ padding-top:0;}

#newsarea .inner{ padding:1em;}
.topBanner{ margin-top:1em !important;}
.topBanner li{ display:inline-block; vertical-align: top; width:49%;}
.newstop{
	padding:25px 10px;
}

/* 新着情報 */
#news dt{
	float:none;
}
#news dd{
	border-bottom:dashed 1px #ccc;
	padding-left:0;
}

#article-main{ float:none; padding-bottom:2em;}

/* 下層ページ
**************************************************************/
#second{
	padding-bottom:10px;
}

.line-imgbox {
	display: block;
	margin: 1em 0 0 0;
}
.line-imgbox .img-box,.line-imgbox .txt-box {
	display:block;
	padding:0;
}
.line-imgbox .img-box {
	width:auto;
}
.line-imgbox .img-box img {
	width:auto;
}
.line-imgbox .txt-box {
	padding: 0;
}

.border-table {
	width:100%;
	overflow-x:auto;
}
.border-table table th,.border-table table td {
	white-space:nowrap;
}

.left-box {
	float:none;
	width:auto;
	text-align:center;
	margin:10px 0;
}
.left-box img {
	width:auto;
}

ul.step-box li {
	display: block;
	float: none;
	width: auto;
	padding: 10px;
	margin: 0 0 20px 0;
}
ul.step-box li .arrow-next {
	top:auto;
	right:auto;
	bottom: -25px;
	left: 48%;
}
ul.step-box li .arrow-next img {
	transform:rotate(90deg);
}

a.get-reader img {
	float:none;
	width:auto;
}
a.get-reader p {
	display: block;
	float: none;
	width: auto;
	margin: 10px 0 0 0;
}

ul.right-tab li,ul.left-tab li {
	float:none;
	margin:0;
}
ul.right-tab li a,ul.left-tab li a {
	display: block;
	border-bottom:solid 1px #FFF;
}
.half-box,.tri-box,.tri-box-wide {
	float:none;
	width:auto;
}
.tri-box,.tri-box-wide {
	margin:0 0 10px 0;
}
.tri-box img {
	width:auto;
	height:auto;
}

ul#mizuki-dayori li {
	float:none;
	margin: 0 0 20px 0;
}
ul#mizuki-dayori a {
	width:auto;
	padding:10px 0;
}

/* ここまで ****************************************************************/
}