@charset "UTF-8";

/**
 *
 * レスポンシブウェブデザイン用
 *
**/



/**
 * スマートフォン端末用
**/

@media only screen and (max-width: 650px) {

/* 確認用 */
	#header { display: block; }
	#navi { display: block; }
	#sub_navi { display: block; }
	#site_menu { display: none; }
	#footer { display: block; }
	#pagetop { display: none; }
	
	body {
		min-width: 100%;
		padding: 0;
		-webkit-text-size-adjust: none;
		font-size: 14px;
	}

    #wrapper {
		width: 100%;
		background: #ffffff;
		overflow: hidden;
	}



/**
 * ヘッダー
**/

	#header {
		width: 100%;
		height: 61px;
		text-align: left;
		position: relative;
	}
	
	#header .wrap {
		margin: 0;
		width: 100%;
		height: 61px;
		text-align: left;
		position: relative;
	}
	
	#header .wrap h1 {
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0;
	}
	#header .wrap h1 a img {
		width: 140px;
		height: auto;
	}
	
	#header .wrap .ad {
		display: none;
	}



/**
 * ナビゲーション
**/

	#navi {
		margin: 0 auto 10px;
		width: 100%;
		height: auto;
		background: #333333;
		overflow: hidden;
	}
	
	#navi ul {
		margin: 0 auto;
		width: 100%;
		text-align: left;
		overflow: hidden;
	}
	
	#navi ul li {
		height: 40px;
		border-bottom: #fff solid 1px;
		display: block;
		text-align: center;
		overflow: hidden;
		box-sizing: border-box;
		width: 33.33%;
	}
	
	#navi ul li:nth-child(1){
		display: none;
	}
	
	#navi ul li:nth-child(2),
	#navi ul li:nth-child(3),
	#navi ul li:nth-child(5),
	#navi ul li:nth-child(6){
		border-right: #fff solid 1px;
	}
	
	#navi ul li a {
		display: block;
	}

	#navi ul li a img{
		display: inline;
		margin-top: -7px;
		margin-left: -4px;
	}
	#navi ul li:nth-child(7) a img {
		margin-top: -2px;
		width: 135px;
		height: auto;
	}
	
	
/**
 * サブナビゲーション
**/

	#sub_navi {
		margin:0 0 15px 0;
		width: 100%;
		/*height: 52px;*/
		background: #333333;
		overflow: hidden;
	}
	
	#sub_navi ul {
		margin: 0;
		padding: 0;
		width: 100%;
		line-height: 26px;
		font-size: 125%;
		text-align: center;
		overflow: hidden;
	}
	
	#sub_navi ul li {
		width: 50%;
		float: left;
		display: inline-block;
		text-align: center;
		padding: 8px 0;
		border-left: 1px solid #4f4f4f;
		border-bottom: 1px solid #4f4f4f;
		box-sizing: border-box;
		*zoom: 1;
		height: 43px;
		overflow: hidden;
	}
	
	#sub_navi ul li:first-child {
		/*padding: 0 25px 0 75px;*/
		border-left: none;
	}
	
	#sub_navi ul li a {
		color: #CCC;
		font-size:13px;
	}


/**
 * メインイメージ
**/

	#main_image {
		margin: 0 auto 10px auto;
		text-align: center;
	}
	
	#main_image img {
		width: 100%;
		height: auto;
		display: block;
	}

	
/**
 * コンテンツ
**/

	#content {
		margin: 0 0 30px 0;
		width: 100%;
		overflow: hidden;
	}


/**
 * サイドコンテンツ(下層)
**/

	#side {
		margin: 0;
		width: auto;
		float: none;
	}
    .side_follow {
		display: none;
	}
	.side_reco {
		margin: 0 auto 15px;
	}
	#side .SP_contents_side {
	display: block;
	margin-top: 32px;
	border-top: 1px solid #999999;
	padding-top: 32px;
}

/**
 * メインコンテンツ
**/

	#main {
		margin: 0 0 15px;
		width: 100%!important;
		float: none;
	}
	
	#content #main iframe,
	#content #side iframe#iframe_ga01{
		/*display: none;*/
	}
	
	aside.ad {
		text-align: center;
	}
	
	aside.ad ins.adsbygoogle{
		width: 80%;
		margin: 0 auto;
	}
	
/* トップ */
	#content #main #top {
		margin: 0;
	}
	.top_bnr img {
		width: 100%;
		height: auto;
	}
	.ichioshi_entry {
		width: 100%;
		height: 150px;
	}
	.ichioshi_entry .wrap .item {
	    margin: 0 23px 0 0;
		padding: 0 0 10px 7px;
		width: 100%;
		font-size: 100%;
	}
	.ichioshi_entry .wrap .item .txt01 {
		margin-bottom: 10px;
		font-size: 14px;
		display: none;
	}
	.ichioshi_entry .wrap .item .txt02 {
		line-height: 120%;
		font-size: 135%;
	}	
	.ichioshi_entry .wrap .item .image img {
		width: 87px;
		height: 87px;
	}
	.home_new_entry .left {
		width: 100%;
        float: none;
		margin-bottom: 30px;
	}
	.home_new_entry .right {
		width: 100%;
        float: none;
	}
	.home_entry_list .left {
		width: 100%;
        float: none;
		margin-bottom: 30px;
	}
	.home_entry_list .item .image img{
		width: 87px;
		height: 87px;
	}
	.home_new_entry .left .item .info .desc p {
		display: none;
	}
	.home_new_entry .right .item {
		margin-bottom: 10px;
		padding: 0 7px 10px;
	}
	.home_new_entry .right .item .image img{
		width: 87px;
		height: 87px;
	}
	.home_new_entry .right .item .info .update {
    margin: 0 0 5px 0;
    line-height: 120%;
    font-size: 108%;
    color: #666666;
	}
    .home_entry_list .right {
		width: 100%;
        float: none;
	}
	.home_entry_list .more {
		padding: 0;
		margin-top: -7px;
	}
	.home_entry_list .full .item{
		width: auto;
		float: none;
	}
	.side_follow {
    	margin: 0 auto;
	}
	.side_rank {
		width: auto;
		margin: 0;
	}
	
	.side_rank .tit {
		padding: 0 0 0 45px;
		height: 33px;
		line-height: 28px;
		font-size: 125%;
		font-weight: bold;
		background: url("../images/title_back_01.jpg") no-repeat 7px 0;
		border-bottom: #FFCC00 solid 4px;
	}
	
	.side_rank .list li {
        padding: 10px 12px 10px 45px;
		background-position: 7px 12px !important;
	}
	.ninja_onebutton {
		/*display: none;*/
	}
	#side.top {
		width: auto;
	}


/**
 * フッター
**/

	#footer {
		padding: 10px 0;
		width: 100%;
		line-height: 120%;
		font-size: 125%;
		color: #ffffff;
		background: #333333;
		overflow: hidden;
	}
	
	#footer a {
		color: #ffffff;
		text-decoration: underline;
	}
	
	#footer a:hover {
		color: #ffffff;
		text-decoration: none;
	}
	
	#footer .wrap {
		margin: 0 auto;
		width: 100%;
		text-align: left;
		overflow: hidden;
	}
	
	#footer .wrap nav {
		margin-bottom: 35px;
		overflow: hidden;
	}
	
	#footer .wrap nav ul {
		overflow: hidden;
	}
	
	#footer .wrap nav li {
		padding: 0;
		float: none;
		display: block;
	}

    #footer .wrap nav li a {
		text-decoration: none;
		display: block;
		border-bottom: #8a8b8b solid 1px;
		height: 35px;
		line-height: 35px;
		font-size: 12px;
		text-align: center;
		color: #8a8b8b;
	}
	
	#footer #copyright {
		color: #8a8b8b;
		margin: 0 4%;
		font-size: 12px;
	}
	
	.copyright_wrap {
		overflow: hidden;
		color: #8a8b8b;
		margin: 0 4% 20px;
	}
	.copyright_wrap .copyright_box {
		float: none;
		padding: 6px 6px 6px 0 ;
	}
	
	.copyright_wrap .copyright_box .fl div {
		padding-right: 10px;
	}
	.copyright_wrap .copyright_box .fr {
		float: none;
        width: 100%;
	}
	.copyright_wrap .copyright_box .fr.fr02 {
        width: 100%;
	}

/**
 * ニュース記事一覧 listC
**/
	.keyword_search_form {
		padding: 10px;
	}
	
	.keyword_search_form .tit {
		text-indent: -9999px;
		padding: 0 0 0 7%;
		line-height: 41px;
		font-size: 100%;
		font-weight: bold;
		background: url("../images/search_icon_01.png") no-repeat 0 center;
		background-size: 25px;
		float: left;
		display: inline;
	}
	.keyword_search_form .text {
		width: 60%;
		height: 37px;
		line-height: 37px;
	}
	.keyword_search_form .fl {
		width: 25%;
		height: 41px;
		float: right;
	}

	.paging {
		width: 80%;
		overflow: hidden;
		margin: 0 auto;
	}

/**
 * 画像ページ listI
**/

	#image_slider {
		width: 100%;
		margin-bottom: 45px;
		position: relative;
	}
	
	#image_slider #stage {
		margin-left: 0px;
		width: 100%;
		line-height: 120%;
		font-size: 125%;
		color: #666666;
	}
	
	#image_slider #stage .item {
		width: 100%;
	}
	
	#image_slider #stage .item img {
		height: auto;
		margin: 0 auto;
		max-width: 100%;
	}
	
	#image_slider #stage .item p {
		padding-top: 10px;
	}
	
	#image_slider .prev {
		margin-top: -17px;
		position: absolute;
		top: 50%;
		left: 0;
	}
	
	#image_slider .next {
		margin-top: -17px;
		position: absolute;
		top: 50%;
		right: 0;
	}
	
	#image_slider_navi {
		margin: 0 auto 30px;
		width: 100%;
		overflow: hidden;
	}
	
	#image_slider_navi .prev {
		float: left;
		width: 30%;
		margin: 0 5% 0 0 ;
	}
	#image_slider_navi .prev img{
		width: 100%;
		height:auto;
	}
	#image_slider_navi .next {
		float: left;
		width: 30%;
	}
	#image_slider_navi .next img{
		width: 100%;
		height:auto;
	}
	
	#image_slider_navi .return {
		float: left;
		width: 30%;
		margin: 0 5% 0 0 ;
	}
	
	#image_slider_navi .return img{
		width: 100%;
		height:auto;
	}
	
	#image_slider_list {
		margin: 0;
		overflow: hidden;
	}
	
	#image_slider_list .tit {
		margin: 0 0 10px 0;
		line-height: 120%;
		font-size: 125%;
		font-weight: bold;
		float: left;
		display: inline;
	}
	
	#image_slider_list .note {
		margin: 0 0 15px 0;
		line-height: 120%;
		font-size: 108%;
		color: #666666;
		float: left;
		display: inline;
	}
	
	#image_slider_list .list {
		overflow: hidden;
	}
	
	#image_slider_list .list li {
		margin: 0 2% 5px 0;
		float: left;
		display: inline;
		box-sizing: border-box;
		border: #ccc solid 1px;
		width: 32%;
	}
	
	#image_slider_list .list li:nth-child(3n) {
		margin-right: 0px;
	}
	
	#image_slider_list .list li:nth-child(4n) {
	    margin-right: 2%;
	}
	
	#image_slider_list .list li img {
		/*display: block;*/
	}
	
	#image_slider_list .list li .text {
		display: none;
	}
	
	/*画像中央よせ*/
	#image_slider_list .list li a.sizefix{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		width: 136px;
		height: 136px;
		overflow: hidden;
	}
	
	#image_slider_list .list li a.sizefix img{
		max-width: 100%;
		max-height: 136px;
		margin: 0 auto;
		display: inline-block;
	}
	
	.link_area {
		padding: 10px 10px 0 ;
		border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
		overflow: hidden;
	}
	
	.link_area .tit {
		margin: 0 0 8px 0;
		line-height: 120%;
		font-size: 125%;
		font-weight: bold;
	}
	
	.link_area .link {
		margin: 0 0 -1px 0;
		padding: 10px 0;
		width: 100%;
		line-height: 140%;
		font-size: 108%;
		color: #666666;
		border-bottom: 1px solid #eee;
		overflow: hidden;
	}
	
	.link_area .link dt {
		padding: 2px 0;
		width: 75px;
		float: left;
	}
	
	.link_area .link dd {
		overflow: hidden;
	}
	
	.link_area .link dd a {
		color: #006699;
		text-decoration: underline;
	}
	
	.link_area .link dd a:hover {
		color: #006699;
		text-decoration: none;
	}
	
	.link_area .link dd .list {
		overflow: hidden;
	}
	
	.link_area .link dd .list li {
		margin: 0;
	}
	
	.link_area .link dd .list li.tag {
		padding-left: 21px;
		background: url("../images/icon_tag.gif") no-repeat 0 0;
	}
	
	.link_area .link dd .list li.page {
		margin-bottom: 5px;
		padding-left: 15px;
		background: url("../images/icon_03.gif") no-repeat 0 4px;
		float: none;
		display: block;
	}
	
	.other_entry {
		margin: 0 0 0 11px;
		overflow: hidden;
	}
	
	.other_entry .tit {
		margin: 0 0 8px 0;
		line-height: 120%;
		font-size: 125%;
		font-weight: bold;
	}
	
	.other_entry .wrap {
		overflow: hidden;
	}
	
	.other_entry .wrap .item {
		margin: 0 35px 15px 0;
		width: 136px;
		line-height: 140%;
		font-size: 108%;
		float: left;
		display: inline;
	}
	
	.other_entry .wrap .item:nth-of-type(4n) {
		margin: 0 0 15px 0;
	}
	
	.other_entry .wrap .item:nth-of-type(4n+1) {
		clear: both;
	}
	
	.other_entry .wrap .item .image {
		margin: 0 0 5px 0;
	}
	
	.other_entry .wrap .item a {
		color: #006699;
		text-decoration: underline;
	}
	
	.other_entry .wrap .item a:hover {
		text-decoration: none;
	}

/**
 * 記事詳細 listP
**/
    .entry_title {
		font-size: 180%;
	}
	.entry_title.br {
		display: none;
	}
	.entry_title.no-br {
		display: block;
	}

	.article_bnr .item {
		margin-left: 2%;
		padding: 5px 0;
		width: 96%;
		float: none;
		display: block;
	}

	.article {
		margin: 0;
	}

	.article .main_visual {
		margin-left: 0;
	}

	.article .desc {
		margin: 0 1%;
		line-height: 170%;
		font-size: 15px;
		overflow: hidden;
	}

	.article .desc h2 {
		margin-bottom: 10px;
		line-height: 150%;
		font-size: 14px;
	}
	
	.article .desc h3 {
		margin: 20px 0 10px ;
		line-height: 150%;
		font-size: 14px;
	}
	
	.article .desc h4 {
		margin-bottom: 10px;
		line-height: 150%;
		font-size: 13px;
	}

	.article .desc .image_box01 {
		margin-bottom: 15px;
		width: 100%;
		display: block;
	}
	
	.article .desc .image_box01 .box {
		margin-bottom: 20px;
		line-height: 120%;
		font-size: 10px;
		display: block;
		width: 100%;
	}
	.article .desc .image_box01 .box.box320 {
		width: 100%;
	}

	.article .desc .image_box01 .box img {
		margin-bottom: 5px;
		width: 100%;
		height: auto;
		display: block;
	}

	.article .desc .image_box02 {
		margin-bottom: 15px;
		width: 100%;
	}
	
	.article .desc .image_box02 .wrap {
		width: 100%;
		display: block;
	}
	
	.article .desc .image_box02 .box {
		display: block;
	}

	.article .desc .image_box03 {
		margin-bottom: 15px;
		width: 100%;
	}
	
	.article .desc .image_box03 .wrap {
		padding-bottom: 0;
		width: 100%;
		display: block;
	}
	
	.article .desc .image_box03 .box {
		padding-bottom: 10px;
		display: block;
	}
	
	.article .desc .image_box03 .box img {
		width: 100%;
		height: auto;
		display: block;
	}

	#content #main .article .desc .youtube iframe {
		margin: 0 auto;
		width: 95%;
		height: 250px;
		display: block;
	}

	.article .desc .section01 div.fl {
		margin-right: 0;
		width: 100%;
		float: none !important;
	}
	
	.article .desc .section01 div.fr {
		margin-left: 0;
		width: 100%;
		float: none !important;
	}

	.article .desc .section01 .text {
		width: 100%;
		float: none;
	}
/*
	.article .desc .section01 .text2 {
		width: 50%;
		float: left;
	}
*/

	div.listp {
	}
	div.listp ul.social_btn_blog {
		margin: 0 auto;
		list-style: none;
		font-size: 0px;	
		display: inline-block;
	}
	#content #main ul.social_btn_blog iframe {
		display: block;
	}
	
	.category4_SP_none,
	.kanren_SP_none {
		display: none;
	}		
	
		
/**
 * 会社概要
**/
	#map_company {
		display: none;
	}

/* facebook モジュール内のいいねの数　20170307 */
	#pluginFB {
		display: none;
	}
	
}