@charset 'UTF-8';

/* -----------------------------
	section
------------------------------*/


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

}
/* -----------------------------
	section content
------------------------------*/

/* -----------------------------
	imgBox01
------------------------------*/
#content .colArea {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#content .colArea:after {
content:"";
display: block;
width:30%;
}

#content .imgBox01 {
margin-bottom: 40px;
width: 200px;
}

#content .imgBox01 a {
display: block;
color: #525252;
}

#content .imgBox01 a:hover {
text-decoration: none;
}

#content .imgBox01 .img {
margin-bottom: 20px;
}

#content .imgBox01 .txt h2 {
margin-bottom: 10px;
font-size: 20px;
line-height: 1.3;
}

#content .imgBox01 .txt p {
margin-bottom: 20px;
font-size: 13px;
line-height: 1.6;
}

#content .imgBox01 .info {
padding: 5px;
background-color: #eee;
}

#content .imgBox01 .info ul {
display: flex;
justify-content: space-between;
font-size: 12px;
}

#content .imgBox01 .info ul:after {
content: "";
clear: both;
display: none;
}

@media screen and (max-width: 640px) {
#content .colArea {
overflow: hidden;
display: block;
}

#content .imgBox01 {
margin: 0 10px 30px 0;
width: calc(50% - 5px);;
float: left;
}

#content .imgBox01:nth-child(odd) {
clear: both;
}

#content .imgBox01:nth-child(even) {
margin-right: 0;	
}

#content .imgBox01 .txt h2 {
font-size: 20px;
}

#content .imgBox01 .txt p {
font-size: 14px;
}

#content .imgBox01 .img {
text-align: center;
}

#content .imgBox01 .img img {
width: 100%;
height: auto;
}
}

/* -----------------------------
	imgBox02
------------------------------*/
#content .single #main .imgBox02 {
margin-bottom: 40px;
display: flex;
justify-content: space-between;
}

#content .single #main .imgBox02 .ad03 {
width: 200px;
height: 200px;
}

@media screen and (max-width: 640px) {
#content .single #main .imgBox02 {
margin-bottom: 20px;
display: block;
}

#content .single #main .imgBox02 img {
width: 100%;
height: auto;
}

#content .single #main .imgBox02 .ad03 {
margin: 10px 0;
width: 200px;
height: 200px;
}
}

/* -----------------------------
	btn
------------------------------*/
#content .btn {

}

#content .btn li {
margin: 0!important;
list-style-type: none!important;
}

#content .btn li a {
display: block;
padding: 10px 0 12px;
text-align: center;
}

#content .btn li a:hover {
text-decoration: none;
}

#content .btn.btn01 li a {
background-color: #613a00;
font-size: 13px;
color: #ffffff;
line-height: 1;
}

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

}

/* -----------------------------
	linkList
------------------------------*/
#content .linkList {
margin-bottom: 20px;
padding: 28px 10px 5px;
border: 1px solid #f90;
position: relative;
}

#content .linkList:before {
content: "Link";
display: block;
padding: 4px 15px;
position: absolute;
top: 0;
left: 0;
background-color: #f90;
font-size: 13px;
color: #ffffff;
}

.linkList li {
margin: 0 0 4px 15px;
list-style-type: disc;
font-size: 14px;
}

/* -----------------------------
	snsArea
------------------------------*/
.snsArea {
display: flex;
justify-content: space-between;
margin: auto;
width: 640px;
}

.snsArea .boxCol02 {
width: 300px;
}

@media screen and (max-width: 640px) {
.snsArea {
display: block;
margin: 0 auto;
width: 300px;
}

.snsArea .boxCol02 {
margin-bottom: 10px;
}
}

/* -----------------------------
	snsBtn
------------------------------*/
.snsBtn {
display: flex;
flex-wrap: wrap;
}

.col .snsBtn {
margin: 40px 0;
}

.snsBtn li {
list-style-type: none!important;
}

.col .snsBtn li {
margin-right: 10px;
}