@sharset "shift_JIS";

*{
	padding: 0px;
	margin: 0px;
}

/*
---PC、モバイルの切り替え（レスポンシブ）朝カフェ交流会---------*/
/*---画像 切り替---*/
.pc { display: block !important; }
.sp { display: none !important; }

@media only screen and (max-width: 480px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

/*
------------box---------------*/
.box {
	display: flex;
	flex-direction: column;
}

.box1 {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.box2 {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

/*
----------基本 container-----------*/

.container {
	text-align:center;/*画面を中央*/
	margin-left:auto;margin-right:auto;/*画面を中央*/
	text-align:left;/*画面を中央*/
	margin: auot;
	width: 100%;
	max-width: 1600px;
	height: autol;
	border: 1px solid #fff;

	text-align: justify;
	text-justify: inter-ideograph;
	box-sizing: border-box;/*両サイドに余白*/
	overflow:hidden;/* sp画面の横ぶれを防ぐ */
}

/*
-----------line--------------*/

.line {
	width: 100%;
	max-width: 1600px;
	height: 20px;
	border: 1px solid #008000;
	background: #008000;
}

/*
----------基本 header-------------*/
.header {
	width: 100%;
	max-width: 1600px;
	height: auto;
	border-top: 5px solid #008000;
	margin-bottom: 10px;
}
/*
-----------title---------------*/

.title {
	margin: auto;
	width: 100%;
	max-width: 990px;
	height: 20px;
	border: 2px solid #008000;
	background: #cccccc;
	font-weight: bold;
	padding: 4px 0 3px 10px;
	margin-top: 30px;
	margin-bottom: 20px;
}

.title1 {
	margin: auto;
	width: 280px;
	height: 40px;
	border: 1px solid #fff;
	margin-top: 30px;
}

.title2 {
	margin: auto;
	width: 100%;
	max-width: 990px;
	height: 20px;
	border-bottom: 2px solid #008000;
	border-left: 10px solid #008000;
	font-weight: bold;
	padding: 5px 0 3px 10px;
}

h1 {
	color: #008000;
}
/*
---------基本 menu------------------*/
.flex-box {
	margin: auto;
	width: 100%;
	max-width: 1600px;
	height: auto;
	border: 1px solid #b00000;
}

.slide {
	text-align: center;
	color: #b00000;
}

/*
---------menu----------------*/
.menu {
	margin: auto;
	width: 100%;
	max-width: 711px;
	height: 90px;
	border: 1px solid #fff;

	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

ul {
	margin-top: 10px;
	width: auto;
	width: 711px;
	border: 1px solid #fff;
	height: 100%;
	list-style-type: none;
}

li {
	margin: auto;
	float: left;
	width: 100%
	max-width: 90px;
	height: 58px;
	border: 1px solid #fff;
}

a {
	width: 100%
	max-width: 150px;
}

/*
----------img----------------*/
.img {
	width:150px;
	height: auto;
//	border: 1px solid #fff;
}

/*
-----------contents-----------*/
.contents {
	margin: auot;
	width: 100%;
	max-width: 1600px;
	height: auto;
//	border: 1px solid #fff;
	background: #fff;
}

.contents1 {
	margin: auot;
	width: 100%;
	max-width: 1000px;
	height: autol;
//	border: 1px solid #fff;
	background; #fff;
}

p {
	padding: 10px;
}
/*
---------item----------------*/
.item {
	margin: auot;
	width: 100%;
	max-width: 1000px;
	height: autol;
//	border: 1px solid #fff;
}

.item-a {
	margin: auot;
	width: 100%;
	max-width: 1000px;
	height: autol;
//	border-bottom: 1px solid #c0c0c0;
}

.item1 {
	margin: auot;
	width: 100%;
	max-width: 500px;
	height: autol;
//	border: 1px solid #fff;
}

.item2 {
	margin: auot;
	width: 100%;
	max-width: 450px;
	height: autol;
//	border: 1px solid #fff;
}

.item3 {
	margin: auot;
	margin: 15px;
	width: 100%;
	max-width: 300px;
	height: auto;
//	border: 1px solid #fff;
	font-size: 14px;
}

.item3-a {
	margin: auot;
	margin: 15px;
	width: 100%;
	max-width: 350px;
	height: auto;
//	border: 1px solid #fff;
}

.item4 {
	margin: auot;
	margin-top: 10px
	width: 100%;
	max-width: 650px;
	height: autol;
//	border: 1px solid #fff;
}

/*
-----------footer-------------*/

.footer {
	width: 100%;
	max-width: 1600px;
	height: auto;
	border: 1px solid #008000;
	background: linear-gradient(#fff, #008000, #fff);
}

.copyright {
	text-align: center;
	color: #fff;
	padding: 50px;
}