@charset "utf-8";

body {
font-family: sans-serif;
background-color: #fff0f5;
font-size: 14px;
line-height: 1.7;
color:#252525;
}

.container {
	margin: 0 auto;
	max-width: 900px;
	background-color: #fff;	
}

/* ヘッダー・フッター */

header {
padding: 20px;
background-color: #faf0e6;
background-image: url("../head-bg.jpg");
}


footer {
	align:center;
	padding: 20px 16px 10px 16px;
	background: #87ceeb;
}


/* 2カラム用レイアウト */

.parent {
	display: flex;
	flex-flow: column;
}

main {
	padding: 20px 30px;
}

.side {
	padding:20px;
	background-color: #b0e0e6;
}


@media only screen and (min-width: 768px) {
.parent {
	flex-flow: row;
}
main {
	flex: 1 1 auto;
	order: 2;
}
.side {
flex: 0 0 190px;
order: 1;
}
}


/* footerコピーライト */

.copyright {
	margin: 0;
	text-align: center;
	color: #fff;
}

/* 画像サイズauto */

img{
max-width:100%;
height:auto;
}

/* 画像の回り込み */
.migi{
margin:0 0 25px 25px;
float:right;
}

.hidari{
margin: 0 25px 25px 0;
float: left;
}

@media only screen and (max-width:767px){
img.migi, img.hidari{
display:block;margin:5px auto;
}
.migi,.hidari{
float:none;
}
}
h1 {
color:#ff1493;
font-size: 35px;
}

h2 {
margin-top: 20px;
padding-bottom: 5px;
border-bottom: 2px solid #38a1db;
color:#38a1db;
}

h3 {
padding: 2px;
background-color: darkturquoise;
border-radius: 10px;
color:#fff;
text-align: center;
}
.aoiro{
color:#38a1db;
}
ul{
padding-left: 0px;
}
li{
border-bottom: dashed 1px darkturquoise;
line-height: 2.5;
list-style-position: inside;
list-style-type: none;
padding:0 10px;
color: #20b2aa;
font-weight: bold;
}
/* そのたCSS */