﻿@charset "utf-8";
/*--------------------------------------------------
	基本設定
--------------------------------------------------*/
body {
	font-size: 14px;
	color: #333;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
	line-height:140%;
	margin: 0px;
	text-align:left;
	border-top:#87C12D 3px solid;
}
@media print {
  body {
    width: 1200px;
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform-origin: 0 0;
  }
}
h1,h2,h3,ul,ol,li,dl,dt,dd{
	padding: 0px;
	margin: 0px;
	line-height:100%;
}

img {
	border: none;
	vertical-align: top;
}
hr{
	display: none;
}
form {
	padding:0px;
	margin:0px;
}
ul{
	list-style: none;
}
.clear{
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
.anchor{
	font-size:0px;
	line-height:0px;
	display:block;
	overflow:hidden;
	height:0px;
}
div:after,section:after,address:after {  
    content:"";
    display:table;
    clear:both;
}
.clfx {  
    content:"";
    display:table;
    clear:both;
}
/*--------------------------------------------------
	リンク設定
--------------------------------------------------*/
a{
	color:#36C;
	text-decoration:underline;
}
a:hover {
	color:#903;
	text-decoration:none;
}
[href^="tel"] {
    text-decoration: none;
    color: #333;
    cursor: default;
    pointer-events: none;
}
@media screen and (max-width: 768px) {
    [href^="tel"] {
        pointer-events: auto;
    }
}
/*--------------------------------------------------
	ヘッダー設定
--------------------------------------------------*/
#page_top {
  margin: 0;
  padding: 0;
}

header{
	width:1000px;
	height:135px;
	margin: 0px auto 0 auto;
}
.logo{
	float:left;
	width:231px;
	margin:30px 0 0 0;
}
.header-right{
	width:497px;
	float:right;
	margin:30px 0 0 0;
}
@media print{
header{
	height:0;
}
.logo{
	display:none;
}
.header-right{
	display:none;
}
}
.header-tel{
	float:left;
	width:311px;
	margin:0px 0 0 0;
}
.header-news{
	float:left;
	width:130px;
	margin:0 0 0 56px;
}
.header-news img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.header-news:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}
.header-time{
	float:left;
	width:311px;
	margin:3px 0 0 0;
}
.header-btn{
	background-color:#F0F0F0;
	float:right;
	width:1000px;
	margin:30px 0px 0 0px;
}
.header-btn li{
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/header-btn-bk.png) center left no-repeat;
	float:left;
	width:130px;
	margin:0 0 0 20px;
	padding:0 0 0 13px;
	font-weight:bold;
}

.header-btn li a{
	color:#333;
	text-decoration:none;
}
.header-btn li a:hover{
	color:#F93;
	text-decoration:underline;
}
#fixedBox{
	border-bottom:#87C12D 2px solid;
	width:100%;
	height:56px;
	margin:0;
	background-color:#FFF;
}
.global{
	width:1000px;
	margin:0px auto 0px auto;
}
@media print{
#fixedBox,.global{
	display:none;
}
}

#gnav-container {
position:relative;
}

#gnav {
border-bottom:solid 1px #CCCCCC;
position:relative;
z-index:100;
zoom:1;
}

#gnav .item {
float:left;
}

#gnav .item2 {
float:left;
}

ul#topnav {
	margin: 0; padding: 0;
	list-style: none;
	position: relative;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
}
ul#topnav li a {
	display: block;
}
ul#topnav li img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
ul#topnav li:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}

ul#topnav li span{
	float: right;
	width:100%;
	padding: 0px 0 0 0;
	position: absolute;
	left: 0;
	top:30px;
	display: inline;
	border-left:1px dotted #999;
	border-right:1px dotted #999;
	background-color:#F0F0F0;
	color: #333;
	z-index:9999;
}
ul#topnav li span.navspan1{
	left:488px;
	width:205px;
	height:160px;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.navchild1{
	float:left;
	font-size:14px;
	margin:0px 0px 0px 0px;
	width:181px;
	padding:15px 0 10px 20px;
	font-weight:bold;
	border-bottom:1px dotted #999;
	border-top:1px dotted #999;
}
.navchild2{
	float:left;
	font-size:14px;
	width:181px;
	margin:0px 0px 0px 0px;
	padding:15px 0 10px 20px;
	font-weight:bold;
	border-bottom:1px dotted #999;
}
.navchild1 a,.navchild2 a{
	color:#333;
	text-decoration:none;
}
.navchild1 a:hover,.navchild2 a:hover{
	color:#F93;
	text-decoration:underline;
}
.navmago{
	margin:20px 0 0 0;
}
@media screen and (max-width:767px){
	body{
		background:none;
	}
	header{
		width:100%;
		height:auto;
		margin:0;
		position:fixed;
		top:0;
		left:0;
	}
	.no-links{
		pointer-events: none;
		cursor: default;
		text-decoration:none;
	}	
	.samary,.global,.globalareatop,.header-left,.header-btn,.logo,.header-right{
		display:none;
	}
	.sma-head{
		border-top:solid 3px #AFD147;
		border-bottom:1px solid #CCC;
		position:fixed;
		top:0;
		left:0;
		z-index:1000;
		background-color:#FFF;
	}
	.sma-logo{
		position:relative;
		width:70%;
		float:left;
		margin:4px 0 0 0;
	}
	.sma-tel{
		position:relative;
		width:70%;
		float:left;
		margin:0px 0 0px 0;
	}
	.sma-menu{
		position:relative;
		width:15%;
		float:right;
		margin:4px 0 0 0;
	}
	.sma-space{
		width:100%;
		margin:0;
	}
	.sma-space img{
		width:100%;
		height:auto;
	}
	.tel{
		display:none;
	}
	#gNav {
	    width: 100%;
	    position: absolute;
	    top: -3000px;
		left:0;
	    z-index: 9999;
	    transition: top 1s;
	    -webkit-transition: top 1s;
	    -moz-transition: top 1s;
	    text-align: center;
	    background:#FFF;
	}
	#gNav:target {
 	   top: 10px;
	}
	#gNav li{
		padding:10px 0 10px 10%;
		border-bottom:1px solid #069;
		color:#C33;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		background-color:#ECE5C8;
	}
	#gNav li a{
		color:#333;
		text-decoration:none;
		display:block;
	}
	#gNav li.sma-menu-cate{
		font-size:16px;
		padding:10px 0 10px 10%;
		border-bottom:1px solid #069;
		color:#333;
		text-align:left;
		background-color:#0D244F;
	}
	#gNav li.sma-menu-cate a{
		color:#FFF;
		text-decoration:none;
		display:block;
	}
	#fademenu {
	    position: absolute;
	    top: 0;
		width:100%;
		background-color:#000000;
		opacity:0.5;
		visibility:hidden;
		z-index:99;
	}
	.nav-close {
		padding:10px 0 10px 0;
	    background:#111;
	}
	.nav-close a{
		color:#FFF;
		text-decoration:none;
		font-size:16px;
		font-weight:bold;
		display:block;
	}
	.sma-foot-menu{
		margin:-10px 0 0 2%;
		width:96%;
	}
	.sma-foot-menu img{
		margin:0 0 0 0;
		width:100%;
	}
	.no-br{
		display:none;
	}
	.sma-yohaku{
		width:100%;
		height:auto;
	}
	.goods-detail-image{
		display:none;
	}
	.mainImageInit ul{
		z-index: -1;
	}
	#fixedBox{
		display:none;
	}
	.accordion2 .inner2 {
		display:block;
	}
	.accordion2 p{
		width:90%;
		cursor: pointer; 
		padding: 20px 0 20px 10%;
		background-color:#F0F0F0;
		border-bottom:1px solid #CCC;
		color:#333;
		font-weight:bold;
		font-size:16px;
		line-height:100%;
		margin:0;
	}
	.accordion2 .inner2 li{
		width:85%;
		float:left;
		padding: 20px 0 20px 15%;
		background-color:#F0F0F0;
		border-right:1px solid #CCC;
		border-bottom:1px solid #CCC;
		font-size:16px;
		color:#333;
		font-weight:bold;
	}
	.accordion2 .inner2 li a{
		text-decoration:none;
		color:#333;
	}
	.accordion2 .inner3 li{
		width:90%;
		float:left;
		padding: 20px 0 20px 10%;
		float:left;
		background-color:#FFF;
		border-right:1px solid #CCC;
		border-bottom:1px solid #CCC;
		font-size:16px;
		font-weight:bold;
		color:#333;
		text-align:left;
	}
	.accordion2 .inner3-tri2{
		float:left;
		margin:0 3% 0 0;
  		width: 0;
  		height: 0;
  		border-left: 7px solid #F93;
  		border-top: 7px solid transparent;
  		border-bottom: 7px solid transparent;
	}
	.accordion2 .inner2 .inner3-tri,.accordion2 .inner3 .inner3-tri,.accordion2 .inner3-tri{
		float:left;
		margin:0 3% 0 0;
  		width: 0;
  		height: 0;
  		border-left: 7px solid #F93;
  		border-top: 7px solid transparent;
  		border-bottom: 7px solid transparent;
	}
	.accordion2 .inner3 li a{
		display: block;
		text-decoration:none;
		color:#333;
	}
	.menutitle{
		float:left;
		margin:13px 0 0 0;
		font-size:12px;
		color:#111;
	}
	.pc-br{
		display:none;
	}
	
}

@media screen and (min-width:768px){
	.sma-head,.sma-space,#gNav,#gNavbtn,.sma-yohaku,#fademenu,.sma-foot-menu,.mb-br,.mainimage-mb,#mainImages{
		display:none;
	}
	a.mb-tel{
	pointer-events: none;
	text-decoration:none;
	color:#333;
	}
}
@media print{
	.sma-head,.sma-space{
		display:none;
	}
}
/*--------------------------------------------------
	編集可能領域設定
--------------------------------------------------*/
.movie {
	margin:	0px auto;
	width:	1280px;
	height:	720px;
}

#mainimage-area{
	width:100%;
	height:400px;
	margin:0;
	background-color:#F0F0F0;
}
.mainimage{
	width:1200px;
	height:400px;
	margin:0 auto;
}

.fadein {
	position:relative;
	height:400px;
	width:1200px;
}
.fadein img {
	position:absolute; left:0; top:0;
}
#contenter{
	width:1000px;
	margin: 0px auto 0px auto;
}
/*　パンクズ　*/
#TopicPath {
  position:relative;
  height:6px;
  margin:10px 0 0 0;
}
#TopicPath ol {
  padding: 10px 0;
  text-align: left;
  list-style: none;
  font-size: 12px;
  float:left;
}
#TopicPath ol li {
  display: inline;
  color: #555;
}
#TopicPath ol li a { color: #333; }
#TopicPath ol li.home a { color: #555; }

#TopicPath .innerPath {
  width: 1000px;
  margin: 0 auto;
}
#contenter #contents{
	width:1000px;
	float:left;
	text-align:left;
	margin:0 0 0 0;
}

@media screen and (max-width:700px){
	.movie {
		margin:	0px auto;
		width:	100%;
		height:	auto;
	}
	#mainimage-area{
		width:100%;
		height:auto;
		margin:0;
	}
	.mainimage{
		width:100%;
		height:auto;
		margin:0;
	}
	.mainimage img{
		width:100%;
		height:auto;
	}
	.fadein {
		width:100%;
		height:auto;
	}
	.fadein img {
		width:100%;
		height:auto;
	}
	.fadein {
		width:100%;
		height:auto;
	}
	.fadein img {
		width:100%;
		height:auto;
	}
	.mainimage-mb img{
		width:100%;
		height:auto;
	}
	.mainimage-award{
		display:none;
	}
	.mainimage-area-sma{
		margin:0px 0 0 0;
	}
	#mainimage-sma{
		margin: 0px auto 0 auto;
	}
	#contenter{
		width:100%;
		margin: 0px 0 0px 0;
	}
	#TopicPath{
		display:none;
	}
	#contenter #contents{
		width:100%;
		text-align:left;
		margin:0px 0 0 0;
	}
}
@media screen and (min-width:768px){
	#mainimage-area-sma,.mb-btn-area,.top-text-mb,.mainimage-mb,.mainimage-mb{
		display:none;
	}
}

/*-------------------------------------------------------------
#Social
-------------------------------------------------------------*/
#Social{
	width:56px;
	position:fixed;
	bottom:40px;
	right:10px;
}
#Social img{
	width:56px;
	height:auto;
	float:left;
	margin:20px 0 0 0;
    clear:both;
}

@media screen and (max-width:767px){
	#Social{
		width:10%;
		position:fixed;
		bottom:30px;
		right:3%;
	}
	#Social img{
		width:100%;
		height:auto;
		opacity: 0.7;
	}
}
/*--------------------------------------------------
	フッター
--------------------------------------------------*/
footer{
	float:left;
	width:100%;
	margin: 50px 0px 0px 0px;
	height:614px;
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/footer_bk.png) bottom left repeat-x;
	border-top:#87C12D 2px solid;
}
#footer{
	width:1000px;
	margin: 0px auto 0px auto;
	padding:0px 0 0 0;
	text-align:left;
}
#footer .footerlink{
	float:left;
	width:1000px;
	height:172px;
	margin:45px 0 0px 0px;
	border-bottom:1px dotted #999;
}
#footer .footerlink-con{
	float:left;
	margin:0px 0 5px 448px;
}

#footer .footerlink1{
	float:left;
	width:234px;
	margin:0px 0 0 12px;
}

#footer .footerlink2{
	float:left;
	width:202px;
	margin:0px 0 0 0px;
}

#footer .footerlink3{
	float:left;
	width:208px;
	margin:0px 0 0 0px;
}
#footer .footerlink4{
	float:left;
	width:212px;
	margin:0px 0 0 0px;
}
#footer .footerlink5{
	float:left;
	width:120px;
	margin:0px 0 0 0px;
}

#footer .footerlink-text00{
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/footerlink-bk00.png) no-repeat left center;
	color:#333;
	font-size:14px;
	padding: 0px 0px 0px 17px;
	margin:20px 0 0 0px;
}
#footer .footerlink-text00 a{
	color:#333;
	text-decoration:none;
}
#footer .footerlink-text00 a:hover{
	color:#F93;
	text-decoration:underline;
}

#footer .footerlink-text01{
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/footerlink-bk01.png) no-repeat left center;
	color:#333;
	font-size:14px;
	padding: 0px 0px 0px 17px;
	margin:20px 0 10px 0px;
}
#footer .footerlink-text01 a{
	color:#333;
	text-decoration:none;
}
#footer .footerlink-text01 a:hover{
	color:#F93;
	text-decoration:underline;
}

#footer .footerlink-text02{
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/footerlink-bk02.png) no-repeat left center;
	font-size:13px;
	text-align:left;
	line-height:130%;
	color:#333;
	padding: 0px 0px 0px 12px;
	margin:8px 0 0 12px;
}
#footer .footerlink-text02 a{
	color:#333;
	text-decoration:none;
}
#footer .footerlink-text02 a:hover{
	color:#F93;
	text-decoration:underline;
}
#footer .footerlink-text03{
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/footerlink-bk03.png) no-repeat left top;
	font-size:13px;
	text-align:left;
	line-height:130%;
	font-weight:bold;
	color:#333;
	padding: 0px 0px 0px 15px;
	margin:8px 0 0 9px;
}
#footer .footerlink-text03 a{
	color:#333;
	text-decoration:none;
}
#footer .footerlink-text03 a:hover{
	color:#F93;
	text-decoration:underline;
}

#footer .footer-logo{
	float:left;
	width:446px;
	margin:47px 0 0px 0px;
	font-weight:bold;
}
#footer .footer-logo img{
	float:left;
	margin:0px 0 0 0;
}
#footer .footer-card{
	float:left;
	width:252px;
	margin:0px 0 0px 25px;
}
#footer .footer-card img{
	float:left;
	margin:0px 0 0 0;
}
#footer .footer-ka{
	float:left;
	margin:15px 0 0 0;
	font-size:13px;
}
#footer .footer-yoyaku{
	float:left;
	margin:15px 0 0 26px;
	font-size:11px;
	color:#600;
}
#footer address{
	float:left;
	font-size:14px;
	line-height:160%;
	font-style:normal;
	margin:6px 0 0px 0px;
}
#footer address a{
	color:#333;
	text-decoration:none;
}
#footer address a:hover{
	color:#F93;
	text-decoration:underline;
}
#footer .footer-jikanhyo{
	float:left;
	margin:20px 0 0 0;
}
#footer .footer-logo ul{
	float:left;
	margin:19px 0 0px 0px;
}
#footer .footer-logo li{
	float:left;
	margin:6px 0 0px 0px;
}
#footer .footer-map{
	float:left;
	width:508px;
	margin:42px 0 0px 40px;
}
#footer .footer-map-eki{
	float:left;
	width:424px;
	margin:0px 0 0px 0px;
}
#footer .footer-map-iframe{
	float:left;
	width:508px;
	height:230px;
	margin:10px 0 0px 0px;
	padding:1px;
	border:1px solid #CCC;
}
.footer-bottom{
	float:left;
	margin:48px 0px 0 349px;
	width:302px;
}
.footer-bottom img{
	float:left;
	margin: 0px 0px 0px 0px;
}
@media screen and (max-width:767px){
	#footer .footerlink,#footer .footer-soryo ,#footer .footer-logo-pc,#footer .footer-logo-pc-fuk,#footer .footer-fukuokaphoto,#footer .footer-line{
		display:none;
	}
	footer{
		background:none;
		width:100%;
		height:auto;
		margin: 20px 0px 0px 0px;
	}
	#sma-footer{
		margin:20px 0 0 15%;
		width:70%;
	}
	#sma-footer img{
		margin:20px 0 0 0;
		width:100%;
		height:auto;
	}
	#footer{
		background:none;
		width:100%;
		margin: 0;
		padding:0;
	}
	#footer .footer-logo{
		border:none;
		float:none;
		width:94%;
		margin:10px 0 0px 3%;
	}
	#footer .footer-logo img{
		width:45%;
		height:auto;
		margin:10px 0 0 0;
	}
	#footer .footer-card{
		width:70%;
		margin:0px 0 0 0;
	}
	#footer .footer-card img{
		width:100%;
		height:auto;
	}
	#footer .footer-logo ul{
		width:100%;
		margin:10px 0 0px 0;
	}
	#footer .footer-logo li{
		width:48%;
		margin:0px 1% 0px 1%;
	}
	#footer .footer-logo li img{
		width:100%;
		height:auto;
	}
	#footer .footer-ka{
		margin:10px 0 0 0;
		width:100%;
		font-size:14px;
	}
	#footer .footer-yoyaku{
		width:100%;
		margin:10px 0 0 0;
		font-size:14px;
	}
	#footer address{
		font-size:14px;
		font-style:normal;
		width:99%;
		margin:10px 0 0px 1%;
	}
	#footer .footer-jikanhyo{
		width:98%;
		margin:10px 0 0 1%;
	}
	#footer .footer-jikanhyo img{
		width:100%;
		height:auto;
	}
	#footer .footer-map{
		width:100%;
		margin:10px 0 0px 0;
	}
	#footer .footer-map-eki{
		width:98%;
		margin:10px 0 0px 1%;
	}
	#footer .footer-map-eki img{
		width:100%;
		height:auto;
	}
	#footer .footer-map-iframe{
		width:97%;
		margin:10px 0 0px 1%;
		padding:1px;
		border:1px solid #CCC;
	}
	#footer .footer-map-iframe iframe{
		width:100%;
	}
	#footer .footer-bottom{
		width:100%;
		margin:10px 0px 0px 0px;
		padding:10px 0 10px 0;
		background-color:#87C12D;
	}
	#footer .footer-copyright-mb{
		display:block;
		width:70%;
		margin:0 0 0 15%;
	}
	#footer .footer-copyright-mb img{
		width:100%;
		height:auto;
	}
	#footer .footer-copyright-pc{
		display:none;
	}
}
@media screen and (min-width:768px){
	#sma-footer,#footer .footer-logo-sma,#footer .footer-copyright-mb{
		display:none;
	}
	#footer .footer-copyright-pc{
		display:block;
	}
}
/*--------------------------------------------------
	トップページ
--------------------------------------------------*/
.top-clfx {  
    content:"";
    display:table;
    clear:both;
}
.top-area1{
	width:1000px;
	margin:64px auto 0 auto;
}
.top-area1-unit{
	float:left;
	width:300px;
	margin:0 50px 0 0;
}
.top-area1-unit h2{
	float:left;
	width:300px;
	margin:0 0 0 0;
}
.top-area1-photo{
	float:left;
	width:300px;
	margin:0 0 0 0;
}
.top-area1-unit p{
	float:left;
	color:#333;
	font-size:14px;
	margin:20px 0px 0 0;
}
.top-area1-more{
	float:right;
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/top-con-tri.png) no-repeat left center;
	color:#333;
	font-size:14px;
	padding: 3px 0px 0px 16px;
	margin:20px 10px 0 0;
}
.top-area1-more a{
	color:#C33;
	text-decoration:none;
}
.top-area1-more a:hover{
	color:#F93;
	text-decoration:underline;
}
.top-area1-right{
	margin-right:0;
}
.top-area2{
	background-color:#E9E9E9;
	width:100%;
	margin:50px 0 30px 0;
}
.top-area2-con{
	width:1000px;
	margin:0px auto 0 auto;
}
.top-area2-left{
	float:left;
	width:264px;
	margin:56px 0 0px 0;
}
.top-area2 h2{
	float:left;
	margin:0 0 0 0;
}
.top-area2-photo{
	float:left;
	margin:37px 0 0 0;
}
.top-area2-right{
	float:left;
	width:664px;
	margin:40px 0 0 72px;
}
.top-area2-unit{
	float:left;
	width:670px;
	margin:16px 0 0 0;
	padding:0 0 22px 0;
	border-bottom:1px dotted #999;
}
.top-area2-unit-last{
	margin-bottom:40px;
}
.top-area2-unit h3{
	float:left;
	width:600px;
	height:21px;
	font-size:16px;
	margin:0 0 0 0;
	padding:10px 0 0 44px;
}
.top-area2-h3-3{
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/top-area2-title2-3.png) no-repeat left center;
}
.top-area2-unit p{
	clear:both;
	float:left;
	width:600px;
	color:#333;
	font-size:14px;
	margin:10px 0px 0 44px;
}
.top-area2-more{
	float:right;
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/top-con-tri2.png) no-repeat left center;
	color:#333;
	font-size:14px;
	padding: 3px 20px 0px 16px;
	margin:6px 10px 0 0;
}
.top-area2-more a{
	color:#C33;
	text-decoration:none;
}
.top-area2-more a:hover{
	color:#F93;
	text-decoration:underline;
}
.top-area3{
	width:100%;
	margin:20px 0 30px 0;
}
.top-area3-con{
	width:800px;
	margin:0px auto 0 auto;
}
.top-area3-left{
	float:left;
	width:800px;
	margin:0px 0 0 0;
}
.top-area3-h2-1{
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/top-area3-title-1.png) no-repeat left center;
	float:left;
	width:120px;
	height:47px;
	margin:0 0 0 0;
	padding:25px 0 0px 60px;
	font-size:21px;
	font-weight:bold;
}

.top-area3-more{
	float:left;
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/top-con-tri.png) no-repeat left center;
	color:#333;
	font-size:14px;
	padding: 3px 0px 0px 16px;
	margin:35px 0px 0 0;
}
.top-area3-more a{
	color:#C33;
	text-decoration:none;
}
.top-area3-more a:hover{
	color:#F93;
	text-decoration:underline;
}
.top-area3-line{
	float:left;
	width:800px;
	height:1px;
	border-top:1px dotted #999;
}
.top-area3-news{
	float:left;
	width:800px;
	height:250px;
	margin:20px 0 0 0px;
	overflow-y:scroll;
	overflow-x:hidden;
}
.top-area3-news dt{
	float:left;
	width:110px;
	margin:20px 0 0 0px;
	line-height:140%;
	color:#C33;
}
.top-area3-news dd{
	float:left;
	width:670px;
	margin:20px 0 0 0px;
	line-height:140%;
}
.top-area3-news dd a{
	color:#333;
	text-decoration:underline;
}
.top-area3-news dd a:hover{
	color:#F93;
	text-decoration:none;
}

.top-area3-news-line{
	float:left;
	width:100%;
	margin:10px 0 0 0px;
	border-top:1px dotted #999;
}
.top-area3-right{
	float:right;
	width:800px;
	margin:0px 0 0 0;
}
.top-area3-h2-2{
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/top-area3-title-2.png) no-repeat left center;
	float:left;
	height:47px;
	margin:0 0 0 0;
	padding:25px 0 0px 45px;
	font-size:21px;
	font-weight:bold;
}
.top-area3-photo{
	float:right;
	width:200px;
	margin:37px 40px 0 0;
}

.top-area3-qjin{
	float:left;
	width:530px;
	color:#333;
	font-size:14px;
	margin:47px 0px 0 20px;
}
.top-area3-more-2{
	float:left;
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/top-con-tri.png) no-repeat left center;
	color:#333;
	font-size:14px;
	padding: 3px 0px 0px 16px;
	margin:35px 0px 0 40px;
}
.top-area3-more-2 a{
	color:#C33;
	text-decoration:none;
}
.top-area3-more-2 a:hover{
	color:#F93;
	text-decoration:underline;
}

@media screen and (max-width:767px){
	.top-clfx {  
    	clear:none;
	}
	.top-area1{
		width:100%;
		margin:20px 0 0 0;
	}
	.top-area1-unit{
		width:98%;
		height:auto;
		margin:10px 0px 0 1%;
		padding:0 0 0px 0;
	}
	.top-area1-unit h2{
		width:100%;
	}
	.top-area1-unit h2 img{
		width:80%;
		height:auto;
		margin:0 0 0 10%;
	}
	.top-area1-photo{
		width:100%;
		margin:0 0 10px 0;
	}
	.top-area1-photo img{
		width:100%;
		height:auto;
	}
	.top-area1-unit p{
		margin:0px 0px 0 0;
	}
	.top-area1-more{
		float:right;
		margin:0px 3% 0 0;
	}
	.top-area1-right{
		margin-right:0;
	}
	.top-area2{
		width:100%;
		margin:20px 0 0 0;
	}
	.top-area2-con{
		width:100%;
		margin:0px 0 0 0;
	}
	.top-area2-left{
		width:100%;
		margin:0 0 0 0;
	}
	.top-area2 h2{
		width:40%;
		margin:20px 0 0 30%;
	}
	.top-area2 h2 img{
		width:100%;
		height:auto;
	}
	.top-area2-photo{
		width:80%;
		margin:20px 0 0 10%;
	}
	.top-area2-photo img{
		width:100%;
		height:auto;
	}
	.top-area2 h3{
		width:83%;
		height:21px;
		font-size:16px;
		margin:0 0 0 3%;
		padding:10px 0 0 10%;
	}
	.top-area2-unit p{
		width:94%;
		margin:10px 0px 0 3%;
	}
	.top-area2-more{
		padding: 3px 0px 0px 3%;
		margin:6px 0 0 5%;
	}
	.top-area2-left ul{
		font-size:13px;
		margin:0px 0 0 0;
	}
	.top-area2-left li{
		width:97%;
		margin:20px 0 0 3%;
	}
	li.top-area2-li-link{
		width:93%;
		padding: 0px 0px 0px 5%;
	}
	.top-area2-right{
		width:94%;
		margin:0px 0 0px 3%;
	}
	.top-area2-h3-1{
		width:100%;
		margin:20px 0 0 0px;
	}
	.top-area2-right-2{
		width:100%;
		margin:10px 0 10px 0px;
	}
	.top-area2-right-2 img{
		width:100%;
		height:auto;
	}
	.top-area2-unit{
		width:98%;
		margin:10px 0px 0 1%;
		padding:0 0 10px 0;
	}
	.top-area3{
		width:100%;
		margin:30px 0 10px 0;
	}
	.top-area3-con{
		width:100%;
		margin:0 0 0 0;
	}
	.top-area3-left{
		width:100%;
		margin:0 0 0 0;
	}
	.top-area3-h2-1{
		width:auto;
		height:47px;
		margin:0 0 0 3%;
		padding:25px 0 0px 60px;
	}

	.top-area3-more{
		float:right;
		padding: 3px 0px 0px 16px;
		margin:35px 3% 0 0;
	}
	.top-area3-line{
		width:100%;
	}
	.top-area3-news{
		width:100%;
		height:200px;
		margin:10px 0 0 0px;
	}
	.top-area3-news dt{
		width:94%;
		margin:5px 0 0 3%;
	}
	.top-area3-news dd{
		width:94%;
		margin:0px 0 5px 3%;
	}
	.top-area3-news-line{
		width:100%;
		margin:0px 0 0 0px;
	}
	.top-area3-right{
		width:100%;
		margin:10px 0 0 0;
	}
	.top-area3-h2-2{
		height:47px;
		margin:0 0 0 3%;
		padding:25px 0 0px 45px;
	}
	.top-area3-photo{
		float:left;
		width:60%;
		margin:20px 0 0 20%;
	}
	.top-area3-photo img{
		width:100%;
		height:auto;
	}

	.top-area3-qjin{
		width:94%;
		margin:10px 0px 0 3%;
	}
	.top-area3-more-2{
		float:right;
		padding: 3px 0px 0px 16px;
		margin:10px 3% 0 0;
	}
}

/*--------------------------------------------------
	個別エリア
--------------------------------------------------*/
.page-banner{
	float:left;
	margin:5px 0 0 0px;
}
.page-section{
	float:left;
	width:1000px;
	margin:10px 0 50px 0;
}
.page-section h1{
	float:left;
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/title-bk01.png) no-repeat left center;
	width:960px;
	border-bottom:2px dotted #999;
	font-size:18px;
	padding:15px 0px 10px 40px;
	margin:0px 0 0 0px;
}
.page-section h2{
	float:left;
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/title-tri01.png) no-repeat left center;
	width:940px;
	border-bottom:1px solid #CCC;
	font-size:16px;
	margin:30px 0 0 20px;
	padding:10px 0 5px 16px;
}
.page-section h3{
	float:left;
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/title-tri03.png) no-repeat left center;
	width:920px;
	font-size:16px;
	margin:20px 0 0 40px;
	padding:5px 0 0 25px;
}
.page-section li{
	float:left;
	width:870px;
	font-weight:16px;
	line-height:140%;
	margin:10px 0 0 70px;
}
.page-section p{
	float:left;
	width:940px;
	margin:20px 0 0 30px;
}
.page-section img{
	float:right;
	margin:0px 20px 0 30px;
}
.page-link{
	float:left;
	width:940px;
	margin:20px 0 0 0px;
}
.page-link li{
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/listmark-bk04.png) left center no-repeat;
	width:auto;
	float:left;
	margin:0 20px 6px 20px;
	padding:0 0 0 12px;
	font-size:16px;
	font-weight:bold;
}
.page-link li a{
	color:#333;
	text-decoration:underline;
}
.page-link li a:hover{
	color:#F93;
	text-decoration:none;
}

@media screen and (max-width:767px){
	.page-banner{
		width:100%;
		margin:0px 0 0 0px;
	}
	.page-banner img{
		width:100%;
		height:auto;
	}
	.page-section{
		width:98%;
		margin:0px 0 20px 1%;
	}
	.page-section h1{
		width:91%;
		font-size:16px;
		padding:13px 0px 9px 8%;
		margin:0px 0 0 1%;
	}
	.page-section h2{
		width:94%;
		font-size:16px;
		margin:20px 0 0 1%;
		padding:10px 0 5px 4%;
	}
	.page-section h3{
		width:92%;
		margin:20px 0 0 1%;
		padding:5px 0 0 6%;
	}
	.page-section li{
		width:96%;
		margin:10px 0 0 3%;
	}
	.page-section p{
		width:94%;
		margin:10px 0 0 3%;
	}
	.page-section img{
		float:left;
		width:100%;
		height:auto;
		margin:10px 0 10px 0;
	}
	.page-link{
		width:100%;
		margin:10px 0 10px 0;
	}
	.page-link li{
		width:92%;
		margin:10px 0 0 3%;
		padding:0 0 0 4%;
	}
}
/*--------------------------------------------------
	当院のご案内
--------------------------------------------------*/
.clinic-area{
	float:left;
	width:960px;
	margin:30px 0 0 40px;
}
.clinic-area dt{
	float:left;
	width:200px;
	font-size:14px;
	color:#333;
	font-weight:bold;
	line-height:140%;
	margin:0px 0 20px 0px;
	padding:0 0 3px 6px;
	border-bottom:1px solid #CCC;
}
.clinic-area dd{
	float:left;
	width:680px;
	font-size:14px;
	color:#333;
	line-height:140%;
	margin:0px 0 20px 20px;
	padding:0 0 3px 6px;
	border-bottom:1px solid #CCC;
}
.clinic-area dd img{
	clear:both;
	float:left;
	margin:10px 0 0px 0px;
}
.clinic-area dt.clinic-area-last,.clinic-area dd.clinic-area-last{
	border-bottom:none;
}
.clinic-area p{
	float:left;
	width:910px;
	margin:0px 0 0px 0px;
}
.clinic-area p img{
	float:left;
	margin:0px 30px 0px 0px;
}
.clinic-name{
	float:right;
	text-align:right;
	margin:30px 0 0 0;
	line-height:180%;
	font-weight:bold;
}
.shisetsu-area{
	float:left;
	width:960px;
	margin:20px 0 0 20px;
}
.shisetsu-unit{
	float:left;
	width:280px;
	margin:10px 15px 0px 15px;
	text-align:center;
	line-height:250%;
}
.shisetsu-unit img{
	float:left;
	width:280px;
	height:auto;
	margin:0 20px 0 0;
}
.shisetsu-name{
	float:left;
	font-weight:bold;
	font-size:16px;
}
@media screen and (max-width:767px){
.clinic-area{
	width:100%;
	margin:10px 0 0 0;
}
.clinic-area dt{
	width:98%;
	margin:20px 0 0px 0;
	padding:0 0 0 1%;
	border-bottom:1px dotted #CCC;
}
.clinic-area dd{
	width:92%;
	margin:10px 0 0 3%;
	padding:0 0 0 1%;
	border:none;
}
.clinic-area dd img{
	float:left;
	margin:10px 0 0px 0px;
}
.clinic-area p{
	width:94%;
	margin:10px 0 0px 3%;
}
.clinic-area p img{
	width:50%;
	height:auto;
	margin:0px 5% 0px 0;
}
.clinic-name{
	margin:20px 0 0 0;
}
.shisetsu-area{
	width:100%;
	margin:10px 0 0 0;
}
.shisetsu-unit{
	width:92%;
	margin:10px 0 0px 3%;
	text-align:center;
	line-height:250%;
}
.shisetsu-unit img{
	clear:both;
	width:100%;
	height:auto;
	float:left;
	margin:0 0 0 0;
}
}
/*--------------------------------------------------
	治療方針
--------------------------------------------------*/
.chiryo-area{
	float:left;
	width:960px;
	margin:20px 0 0 20px;
}
.chiryo-area h2{
	float:left;
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/title-tri02.png) no-repeat left center;
	width:920px;
	border-bottom:1px solid #CCC;
	font-size:16px;
	margin:30px 0 0 20px;
	padding:10px 0 8px 45px;
}
.chiryo-area p{
	float:left;
	width:920px;
	margin:30px 0 0 40px;
}
.chiryo-area p img{
	float:right;
	margin:0px 0 0 30px;
}
.chiryo-hoshin h3{
	float:left;
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/title-tri04.png) no-repeat left center;
	width:920px;
	font-size:16px;
	margin:20px 0 0 40px;
	padding:5px 0 0 25px;
}
.chiryo-hoshin ul{
	float:left;
	list-style:disc;
	margin:0 0 20px 0;
}
.chiryo-hoshin li{
	float:left;
	width:900px;
	margin:10px 0 0 60px;
}
.chiryo-hoshin p{
	float:left;
	width:920px;
	margin:0px 0 0 40px;
}

@media screen and (max-width:767px){
.chiryo-area{
	width:100%;
	margin:10px 0 0 0px;
}
.chiryo-area h2{
	width:84%;
	margin:10px 0 0 3%;
	padding:10px 0 8px 10%;
}
.chiryo-area p{
	width:94%;
	margin:10px 0 0 3%;
}
.chiryo-area p img{
	width:35%;
	height:auto;
	margin:0px 0 0 3%;
}
.chiryo-hoshin h3{
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/title-tri04.png) no-repeat left center;
	width:90%;
	font-size:16px;
	margin:20px 0 0 1%;
	padding:5px 0 0 6%;
}
.chiryo-hoshin ul{
	margin:0 0 20px 0;
}
.chiryo-hoshin li{
	width:92%;
	margin:10px 0 0 6%;
}
.chiryo-hoshin p{
	width:94%;
	margin:10px 0 0 3%;
}

}
/*--------------------------------------------------
	初めてご来院の方へ
--------------------------------------------------*/
.hajimete-area{
	float:left;
	width:940px;
	margin:20px 0 0 40px;
}
.hajimete-area ul{
	float:left;
	width:500px;
	margin:0 0 0 0;
	list-style:disc;
}
.hajimete-area li{
	float:left;
	width:600px;
	margin:10px 0 0 20px;
}
.hajimete-pic{
	float:right;
	width:200px;
	margin:0px 50px 0 0;
}
.hajimete-pic img{
	width:100%;
	height:auto;
}
.hajimete-area  p{
	float:left;
	width:920px;
	margin:0px 0 0 0px;
}
.hajimete-area p img{
	float:left;
	margin:20px 0 0 0px;
}
.hajimete-alert{
	font-size:16px;
	color:#F33;
	font-weight:bold;
}
@media screen and (max-width:767px){
.hajimete-area{
	width:100%;
	margin:10px 0 0 0px;
}
.hajimete-area ul{
	width:100%;
	margin:0 0 0 0;
}
.hajimete-area li{
	width:92%;
	margin:10px 0 0 6%;
}
.hajimete-pic{
	float:left;
	width:60%;
	margin:10px 0px 0 20%;
}
.hajimete-area  p{
	width:94%;
	margin:0px 0 0 3%;
}
.hajimete-area p img{
	margin:10px 0 0 0px;
}
}
/*--------------------------------------------------
	アクセス
--------------------------------------------------*/
.access-area{
	float:left;
	width:960px;
	margin:20px 0 0 20px;
}
.access-area p{
	float:left;
	width:920px;
	margin:0px 0 0 20px;
}
.access-area img{
	float:left;
	width:842px;
	margin:20px 0 0 60px;
}
.access-pdf{
	float:left;
	width:960px;
	margin:10px 0 0 0;
	text-align:center;
}
.access-iframe{
	float:left;
	width:900px;
	margin:20px 0 0 20px;
}
.access-iframe iframe{
	padding:1px;
	border:1px solid #CCC;
}
@media screen and (max-width:767px){
.access-area{
	width:100%;
	margin:10px 0 0 0;
}
.access-area p{
	width:94%;
	margin:0px 0 0 3%;
}
.access-area img{
	width:100%;
	height:auto;
	margin:0px 0 0 0px;
}
.access-pdf{
	width:100%;
	margin:10px 0 0 0;
}
.access-iframe{
	width:98%;
	margin:10px 0 0 1%;
}
.access-iframe iframe{
	width:98%;
	height:300px;
}
}
/*--------------------------------------------------
	整形外科
--------------------------------------------------*/
.seikeigeka-zu{
	float:left;
	width:590px;
	margin:30px 0 0 50px;
}
@media screen and (max-width:767px){
.seikeigeka-zu{
	width:94%;
	margin:10px 0 0 3%;
}
.seikeigeka-zu img{
	width:100%;
	height:auto;
}
}
/*--------------------------------------------------
	内視鏡
--------------------------------------------------*/
h2.naishikyo-h2-i{
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/title-tri05.png) left center no-repeat;
	width:900px;
	padding:25px 0 25px 80px;
	color:#C33;
}
h2.naishikyo-h2-d{
	background:url(https://mishima-hp.com/wdp/wp-content/themes/mishima-hp-2020/img/title-tri06.png) left center no-repeat;
	width:900px;
	padding:25px 0 25px 70px;
	color:#C33;
}
h2.naishikyo-h2-p{
	border:none;
}
.naishikyo-tel{
	font-size:16px;
	font-weight:bold;
	color:#39C;
}
.naishikyo-btn{
	float:left;
	width:600px;
	margin:50px 0 0 200px;
}
.naishikyo-color{
	font-weight:bold;
	color:#600;
}
.naishikyo-ul{
	float:left;
	width:800px;
	margin:10px 0 0 50px;
}
.naishikyo-ul ul{
	float:left;
	list-style:disc;
}
.naishikyo-ul li{
	float:left;
	width:900px;
	margin:10px 0 0 0;
	color:#666;
	font-weight:bold;
}
p.naishikyo-setsubi-p{
	float:left;
	width:920px;
	margin:20px 0 0 50px;
}
p.naishikyo-setsubi-p2{
	float:left;
	width:920px;
	margin:20px 0 0 50px;
}
.naishikyo-setsubi-photo{
	float:left;
	width:800px;
	margin:30px 0 30px 70px;
}
.naishikyo-setsubi-photo2{
	float:left;
	width:400px;
	margin:30px 0 0px 70px;
}
.naishikyo-setsubi-photo3{
	float:left;
	width:200px;
	margin:30px 0 30px 70px;
}
.naishikyo-setsubi-photo4{
	float:left;
	width:400px;
	margin:30px 0 30px 30px;
}
.naishikyo-setsubi-hyo{
	float:left;
	width:930px;
	margin:20px 0 0px 30px;
}
.naishikyo-setsubi-hyo dl{
	float:left;
}
.naishikyo-setsubi-hyo dt{
	float:left;
	width:350px;
	font-weight:bold;
	line-height:140%;
	margin:0px 0 0px 0px;
	padding:10px 0 10px 6px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
.naishikyo-setsubi-hyo dd{
	float:left;
	width:550px;
	font-weight:bold;
	line-height:140%;
	margin:0px 0 0px 0px;
	padding:10px 0 10px 6px;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
}
.naishikyo-setsubi-hyo dt.naishikyo-setsubi-hyo-first,.naishikyo-setsubi-hyo dd.naishikyo-setsubi-hyo-first{
	background-color:#F0F0F0;
}
.naishikyo-setsubi-hyo dt.naishikyo-setsubi-hyo-last,.naishikyo-setsubi-hyo dd.naishikyo-setsubi-hyo-last{
	border-bottom:1px solid #CCC;
}
.naishikyo-setsubi-hyo ul{
	float:left;
	list-style:disc;
	margin:20px 0 0 20px;
}
.naishikyo-setsubi-hyo li{
	float:left;
	width:830px;
	line-height:140%;
	margin:10px 0 0px 0px;
}

@media screen and (max-width:767px){
h2.naishikyo-h2-i{
	width:79%;
	padding:25px 0 25px 20%;
}
h2.naishikyo-h2-d{
	width:79%;
	padding:25px 0 25px 20%;
}
p.naishikyo-p img{
	float:right;
	width:25%;
	height:auto;
	margin:0 3% 0 0;
}
.naishikyo-btn{
	width:94%;
	margin:10px 0 0 3%;
}
.naishikyo-btn img{
	width:100%;
	height:auto;
}
.naishikyo-ul{
	width:94%;
	margin:10px 0 0 3%;
}
.naishikyo-ul li{
	width:95%;
	margin:10px 0 0 5%;
}
p.naishikyo-setsubi-p{
	width:94%;
	margin:10px 0 0 3%;
}
p.naishikyo-setsubi-p2{
	width:94%;
	margin:10px 0 0 3%;
}
.naishikyo-setsubi-photo{
	width:90%;
	margin:10px 0 0 5%;
}
.naishikyo-setsubi-photo2{
	width:90%;
	margin:10px 0 0 5%;
}
.naishikyo-setsubi-photo3{
	width:40%;
	margin:10px 0 0 5%;
}
.naishikyo-setsubi-photo4{
	width:90%;
	margin:10px 0 0 5%;
}
.naishikyo-setsubi-photo img,.naishikyo-setsubi-photo img,.naishikyo-setsubi-photo img,.naishikyo-setsubi-photo img{
	width:100%;
	height:auto;

}
.naishikyo-setsubi-hyo{
	width:100%;
	margin:10px 0 0px 0;
}
.naishikyo-setsubi-hyo dt{
	width:95%;
	margin:0px 0 0px 1%;
	padding:10px 0 0px 3%;
	border-top:none;
	border-left:none;
	border-right:none;
}
.naishikyo-setsubi-hyo dd{
	width:95%;
	color:#39F;
	margin:0 0 0px 1%;
	padding:3px 0 10px 3%;
	border-top:none;
	border-right:none;
	border-bottom:1px solid #CCC;
}
.naishikyo-setsubi-hyo dt.naishikyo-setsubi-hyo-first,.naishikyo-setsubi-hyo dd.naishikyo-setsubi-hyo-first{
	border-bottom:none;
}
.naishikyo-setsubi-hyo dt.naishikyo-setsubi-hyo-last{
	border-bottom:none;
}
.naishikyo-setsubi-hyo ul{
	margin:10px 0 0 0;
}
.naishikyo-setsubi-hyo li{
	width:91%;
	margin:10px 0 0px 7%;
}

}

/*--------------------------------------------------
	内視鏡
--------------------------------------------------*/
.recruit-area{
	float:left;
	width:960px;
	margin:0px 0 0 10px;
}
.recruit-boshu{
	float:left;
	width:920px;
	margin:10px 0 0 40px;
	color:#C33;
	font-size:16px;
	font-weight:bold;
}
.recruit-area h2{
	border-bottom:none;
}
.recruit-area p{
	float:left;
	width:920px;
	margin:10px 0 0 40px;
}
@media screen and (max-width:767px){
.recruit-area{
	width:100%;
	margin:0px 0 0 0px;
}
.recruit-boshu{
	width:94%;
	margin:10px 0 0 3%;
}
.recruit-area p{
	width:94%;
	margin:10px 0 0 3%;
}
}
/*--------------------------------------------------
	お知らせ
--------------------------------------------------*/
.news-area{
    float:left;
    width: 720px;
    margin: 20px 0 0 0px;
}

.news-unit{
    float:left;
    width: 700px;
    margin: 0px 0 0 20px;
    padding: 0px 0 10px 0px;
    border-bottom: 1px dotted #999;
}
.news-unit h2{
    float:left;
    width: 480px;
    font-size:16px;
    font-weight:bold;
    color:#333;
    margin: 20px 0 0 10px;
    border-bottom: none;
}
.news-unit h2 a{
    color:#333;
    text-decoration: none;
}
.news-unit h2 a:hover{
    color:#F93;
    text-decoration: underline;
}
.news-unit time{
    float:left;
    width: 110px;
    margin: 27px 0 0 0px;
}
.news-cat{
    float:left;
    width: 700px;
    font-size:14px;
    margin: 0px 0 0 130px;
}
.news-cat a{
    color:#333;
    text-decoration: underline;
}
.news-cat a:hover{
    color:#F93;
    text-decoration: none;
}
.news-date{
    float:left;
    font-size:16px;
    font-weight:bold;
    color:#333;
    margin: 20px 0 0 0px;
}
.news-area p{
    float:left;
    width: 720px;
    margin: 20px 0 0 0px;
}
.news-area figure{
    float: left;
    border:1px solid #CCC;
    margin:20px 0 0 0;
}
.news-area-arc{
    float:left;
    width: 690px;
    margin: 20px 0 0 30px;
}
.news-area-arc h2{
    float:left;
    width: 690px;
    font-size:18px;
    font-weight:bold;
    color:#333;
    margin: 20px 0 0 0px;
    border-bottom: none;
}
.news-area-arc p{
    float:left;
    width: 690px;
    margin: 20px 0 0 0px;
}
.news-area-arc img{
    max-width: 690px;
    height: auto;
}
.news-sidebar{
    float:left;
    width: 220px;
    margin: 0px 0 0 50px;
}
.news-sidebar h4{
    float:left;
    width: 220px;
    font-size:16px;
    font-weight:bold;
    color:#333;
    margin: 50px 0 0 0px;
}
.news-sidebar li{
    float:left;
    width: 220px;
    font-size:14px;
    color:#333;
    margin: 10px 0 0 0px;
}
.news-sidebar li a{
    color:#333;
    text-decoration: none;
}
.news-sidebar li a:hover{
    color:#F93;
    text-decoration: underline;
}
@media screen and (max-width:767px){
.news-area{
    width: 100%;
    margin: 0px 0 0 0;
}
.news-unit{
    width: 100%;
    margin: 10px 0 0 0;
}
.news-unit h2{
    width: 94%;
    margin: 0px 0 0 3%;
}
.news-unit time{
    width: 94%;
    margin: 20px 0 0 3%;
}
.news-cat{
    width: 94%;
    margin: 20px 0 0 3%;
}
.news-date{
    width: 94%;
    margin: 0px 0 0 3%;
}
.news-area p{
    width: 94%;
    margin: 20px 0 0 3%;
}
.news-area figure{
    width: 90%;
    margin:20px 0 0 5%;
}
.news-area figure img{
    width: 100%;
    height: auto;
}
.news-area-arc{
    width: 100%;
    margin: 0px 0 0 0;
}
.news-area-arc h2{
    width: 94%;
    margin: 10px 0 0 3%;
}
.news-area-arc p{
    width: 94%;
    margin: 0px 0 0 3%;
}
.news-area-arc img{
    max-width: 100%;
    height: auto;
}
.news-sidebar{
    width: 100%;
    margin: 0px 0 0 0;
}
.news-sidebar h4{
    width: 90%;
    margin: 20px 0 0 10%;
}
.news-sidebar li{
    width: 90%;
    margin: 10px 0 0 10%;
}

}


















