@charset "UTF-8";
/*------------------------------------
 CSS Information
 
  Site URL: /biz/sanitation/konnichiwa/index.html
  File name: index.css(/excludes/biz/css/sanitation/konnichiwa/index.css)
  Summary: お役立ちニュースレター ～こんにちは　ダスキンです～ インデックスページ用
  Created: 2017-03-22
  Last update: 
  Author: DDuet Iwai
 
  Order of description
------------------------------------*/
/* ===================================================================
    Common
=================================================================== */
.mR0{
	margin-right:0px !important;
}

/* box-shadow */

.shadow{
box-shadow:rgba(0, 0, 0, 0.65098) 1px 1px 6px -1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.65098) 1px 1px 6px -1px;
-moz-box-shadow:rgba(0, 0, 0, 0.65098) 1px 1px 6px -1px;

/*box-shadow:none\9;/*IE8*/
}
/* ===================================================================
    Mainconter
=================================================================== */
.maincontainer_in {
	background-color: #F8F8F8;
	padding-bottom: 60px;
}

@media only screen and (max-device-width:767px) {
.maincontainer_in {
	padding-bottom: 0;
	margin-bottom: 30px;
}
}

/* ===================================================================
    MainVisual,summary
=================================================================== */
.title{
}
.summary {
	font-size: 18px;
	background: #FFF;
	height: 88px;
	width: 600px;
	margin: 30px auto;
	text-align: center;
	line-height: 88px;
}
@media only screen and (max-device-width:767px) {
	.title{
		width: 96%;
    margin: 0 auto;
}

.summary {
	width: 80%;
    padding: 5%;
    line-height: 1.5em;
    height: auto;
    margin: 15px auto;}
}


/* ===================================================================
index.html（ベースCSS）
=================================================================== */
#konnichiwa_index{
	width:980px;
	padding-top:20px;
}
#konnichiwa_index .index_list01{
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
}
#konnichiwa_index .index_list01 ul{
	overflow: hidden;
}
#konnichiwa_index .index_list01 li{
		float: left;
		display: inline-block;
		width: 384px;
		margin-right: 25px;
		margin-bottom: 20px;
		background: rgba(244, 251, 9, 0.82);
		border-radius: 10px;
}
#konnichiwa_index .index_list01 li img {
    width: 380px;
    height: auto;
    border: 3px #dce0e1 solid;
    border-radius: 10px;
}
#konnichiwa_index .index_list01 li:hover img {
	opacity: .5;
}


@media only screen and (max-width:767px) {
#konnichiwa_index{
	width: auto;
	margin: 0 auto;
}
#konnichiwa_index .index_list01{
	width:90%;
}
#konnichiwa_index .index_list01 ul{
	overflow: hidden;
	text-align:center;
}

#konnichiwa_index .index_list01 li{
	float: none;
	margin-right: 0px;
	margin-bottom: 20px;
	width: auto;
	height: auto;
	background:none;
}
#konnichiwa_index .index_list01 li.end{
	margin-right: 0px;
}
#konnichiwa_index .index_list01 li img{
	width: 98%;
	height: auto;
	box-shadow:none;
}
#konnichiwa_index .index_list01 li:hover img {
	opacity: 1;
}
.point_bottom {
    margin: 0 auto;
    width: 96%;
    padding-top: 0px;
}
}