@charset "utf-8";

/* --------------------------------------------------------------
Author :有限会社 北海サトウリキ商事
Author URL :https://www.sapporo-kawa.com/
-------------------------------------------------------------- */

/* ページフェードイン設定
============================================================== */

#wrapper{
	animation:fadeIn 3s ease 0s 1 normal;
	-webkit-animation:fadeIn 3s ease 0s 1 normal;
}

/* #container
============================================================== */

#wrapper #container{
	margin:0 auto;
	width:100%;
	min-width:1200px;
}

#wrapper #container .img001{
	margin:0 auto;
	width:100%;
	height:500px;
	background-image:url("https://gigaplus.makeshop.jp/sapporokawa/shared/img/report/bag2018_image001.jpg");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:2000px 500px;
}

/* section
============================================================== */

#wrapper #container section{
	margin:80px auto 0;
	text-align:center;
	font-size:0;
}

#wrapper #container section p{
	margin:0 auto;
	font-size:14px;
	line-height:130%;
}

#wrapper #container section ul{
	margin:50px auto;
	width:930px;
}

#wrapper #container section ul li{
	margin:0 30px;
	text-align:left;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

#wrapper #container section h1{
	margin:0 auto 30px;
	width:700px;
	text-align:center;
	font-size:26px;
}

#wrapper #container section h2{
	margin:20px auto 40px;
	font-size:21px;
}

#wrapper #container section p.catch{
	width:800px;
	text-align:left;
}

#wrapper #container section .logo{
	margin:30px auto 10px !important;
	width:auto !important;
}

/* section.summary
============================================================== */

#wrapper #container section.summary{
	margin:100px auto 20px;
}


/* section.bg
============================================================== */

#wrapper #container section.bg{
	padding:70px 0;
	background-color:#e4f6ff;
}

/* section.content
============================================================== */

#wrapper #container section.content ul{
	margin:60px auto;
	width:1100px;
}

#wrapper #container section.content ul li{
	margin:0 30px;
	width:200px;
	vertical-align:top;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

#wrapper #container section.content ul li img{
	margin:0 auto 30px;
	width:200px;
}

#wrapper #container section .linkbox{
	width:230px;
	margin-top:70px;
	text-align:center;
	padding:5px 0 8px;
}

/* section.maintenance
============================================================== */

#wrapper #container section.maintenance{
	width:1000px;
}

#wrapper #container section .txt{
	margin:30px 0 150px;
	text-align:left;
}



/*----------------------------------------------------
	ページ幅768px以下（スマートフォン）設定
----------------------------------------------------*/

@media only screen and (max-width:768px){

/* #container
============================================================== */

#wrapper #container{
	min-width:100%;
}

/* section
============================================================== */

#wrapper #container section{
	margin:40px auto 0;
	width:100%
}

#wrapper #container .img001{
	margin:0 auto 40px;
	height:350px;
	background-image:url("https://gigaplus.makeshop.jp/sapporokawa/cabinet/shared/img/report/bag2018_image001-sp.jpg");
	background-size:1000px 350px;
}

#wrapper #container section ul{
	margin:30px auto;
	width:100%;
}

#wrapper #container section ul li{
	margin:0 2% 0;
	width:28%;
}

#wrapper #container section ul li img{
	margin:0 auto;
	width:100%;
}

#wrapper #container section h2{
	margin:20px auto 30px;
	font-size:18px;
}

#wrapper #container section p.catch{
	width:96%;
}

#wrapper #container section.content ul{
	margin:40px auto 0;
	width:100%;
}

#wrapper #container section.content ul li{
	margin:0 2% 0;
	width:46%;
}

#wrapper #container section.content ul li img{
	margin:0 auto 20px;
	width:100%;
}

#wrapper #container section .logo{
	margin:0 auto 10px !important;
}

#wrapper #container section.content ul li p{
	margin:0 auto 20px;
}

#wrapper #container section .linkbox{
	width:70%;
	margin:20px auto;
	padding:5px 0 8px;
}

#wrapper #container section.maintenance{
	width:100%;
}

#wrapper #container section.maintenance img{
	margin:0 auto 20px;
	width:100%;
}

#wrapper #container section .txt{
	margin:0 2% 60px;
	width:96%;
}

#wrapper #container section .txt p{
	margin:0 0 20px;
}


/* section.bg
============================================================== */

#wrapper #container section.bg{
	padding:40px 0;
}

/* section.summary
============================================================== */

#wrapper #container section h1{
	width:96%;
	font-size:20px;
}

#wrapper #container section.summary{
	margin:40px auto -20px;
}

#wrapper #container section.summary p{
	width:96%
}


}