@charset "UTF-8";
/* CSS Document */


body#iframe{
		background-color: #ffffff;
}

#iframe .wrap {
	width:720px;
	margin: 0 auto;
	margin-top: 40px;
}

#iframe .area{
    background: url(../img/bg/bgst_gr03.gif);
    background-position: left top;
    background-repeat: repeat;
		padding: 3px 0;
		text-align: center;
		margin-bottom: 40px;
}
#iframe .area span {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.2em;
}


#iframe .section{
	margin-bottom: 75px;
}
#iframe .section .ttlArea{
	margin-bottom: 30px;
}

#iframe .section .ttlArea .ttl .city {
    line-height: 1.2;
    color: #363636;
    font-size: 20px;
    font-weight: normal;
    border-left: 6px solid #ac0003;
    padding-left: 10px;
		margin-top: 2px;
		margin-bottom: 30px;
}
#iframe .section .ttlArea .ttl .theme {
    color: #ac0003;
    font-size: 23px;
    font-weight: bold;
    line-height: 1.6;
}
#iframe .section .txtArea .txt {
    color: #363636;
		line-height: 23px;
}


.smp {display: none;}

@media screen and (max-width: 768px) {
.pc {display: none;}
.smp {display: block;}

img{
	width: 100%;
}

#iframe .wrap {
    width: auto;
		padding: 0 2%;
}

#iframe .section .ttlArea {
  margin-bottom: 15px;
}
#iframe .section .ttlArea .img{
	float: none;
	margin-bottom: 15px;
}
#iframe .section .ttlArea .ttl{
	float: none;
	width: auto;
}
#iframe .section .ttlArea .ttl .city {
		margin-bottom: 10px;
}

}