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

/* [U[ ڍ׃y[W */

body{
	color: #4d0b02 !important;
	margin:0 !important;
	font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,sans-serif;
}
a{
	color: #aa8668 !important;
	text-decoration:none;
	opacity:1;
}
a:hover{
	opacity:0.5;
}
a:visited{
	color: #aa8668 !important;
	opacity:0.5;
}
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}
@media screen and (max-width: 767px) {
body{
	line-height:180%;
}
}
/* 家キャン作品紹介 */
#iecam DIV.logo{
	width:90%;
	text-align:right;
	margin:2% auto;
}
#iecam DIV.title{
	width:90%;
	margin:2% auto;
	font-size:130%;
	text-align:center;
}
#iecam DIV.title IMG{
	vertical-align:middle;
	margin:0 10px;
}
#iecam DIV.title SPAN{
	margin-top:10px;
	line-height: 190%;
}
#iecam DIV.title_sub{
	max-width: 1100px;
	margin:0 auto;
	padding:1%;
	background:#e4c7a0;
	font-size:130%;
	font-weight:600;
	text-align:center;
}
#iecam DIV.title_sub2024{
	max-width: 1100px;
	margin:10px auto 40px;
	padding:1%;
	background:#a97d7d;
	color: white;
	font-size:130%;
	font-weight:600;
	text-align:center;
}
#iecam DIV.title_sub2024 SPAN{
    top: 10px;
    left: 10px;
    padding: 0.5rem 1rem;
	margin-right: 20px;
    background-color: #B1221A;
	border-radius: 8px;
    vertical-align: middle;
    color: #fff;
    font-size: small;
}

#iecam DIV.main{
	max-width: 1100px;
    margin: 3% auto;
    padding: 0 !important;
	margin: 1% auto;
	text-align: left;
	line-height:180%;
}
#iecam DIV.main P.comment{
	font-size:110%;
	color:#6a3906;
	font-weight:bold;
	letter-spacing:0.08em;
}

#iecam DIV.main P.comment2024{
	border-bottom: solid 5px #ede5e5;
	position: relative;
	font-size:130%;
	color:#333333;
	font-weight:bold;
	letter-spacing:0.08em;
	margin-top:20px;
	margin-bottom:10px;
}

#iecam DIV.main P.comment2024:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 5px #a97d7d;
  bottom: -5px;
  width: 15%;
}

#iecam DIV.main P.commentsub2024{
	font-size:110%;
	color:#333333;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px;
	border-bottom: solid 1px #c4a381;
}

#iecam DIV.stfcomment2024{
	width:95%;
    background: -webkit-repeating-linear-gradient(-45deg, #ecdcdc, #ecdcdc 3px,#e9d7d7 3px, #e9d7d7 7px);
    background: repeating-linear-gradient(-45deg, #ecdcdc, #ecdcdc 3px,#e9d7d7 3px, #e9d7d7 7px);
	border-radius: 8px;
    margin:0 auto;
	padding:20px;
	box-sizing: border-box;
}

#iecam DIV P.stftitle2024{
	font-family:  'Courgette';
	color:#a97d7d;
	font-size:150%;
	text-align: center;
}

#iecam DIV.main span.bd2024{
	font-weight:bold
}
#iecam DIV.main STRONG{
	background-color:#ffe985;
	font-weight:normal;
}

#iecam Span.tags{
	background-color:#bfdfff;
	font-weight:normal;
}
#iecam DIV.main figure{
	width:100%;
	margin:1% auto;
	text-align:center;
}
#iecam DIV.main figcaption{
	font-size:90%;
	color:#666;
	letter-spacing:0.08em;
	clear:none;
	margin-bottom:5%;
}
@media screen and (max-width: 767px) {
#iecam DIV{
	width:95%;
}
#iecam DIV.title_sub{
	width:95%;
	font-size:120%;
	font-weight:normal;
}
#iecam DIV.title_sub2024{
	width:95%;
	font-size:120%;
	font-weight:bold;
}
#iecam DIV.title_sub2024 SPAN{
	width:95%;
	font-size:90%;
	font-weight:normal;
}
#iecam DIV.main P.comment2024{
	width:95%;
	font-size:110%;
}
#iecam img{
	width:95%;
}
	#iecam DIV.stfcomment2024{
	width:95%;	
	}
}

#iecam #linkCont{
	width:95%;
	margin:3% auto;
	padding:3%;
	border-top: 1px solid #ccc;
	clear:both;
}
#iecam #linkCont P.back{
	float:left;
}
#iecam #linkCont P.next{
	float:right;
}
#iecam DIV.mh13{
	position: relative;
	width: 960px;
	height: 182px;
	background: url(../2015_iecam/img/common/3dmh13_bc.jpg) no-repeat 0 0;
	margin:3% auto;
}
#iecam DIV.mh13_sp{
	display:none;
}
#iecam DIV.mh13_cam{
	display:none;
}
#iecam DIV.mh13 P.detail{
	text-align: center;
	padding-top: 12%;
}
@media screen and (max-width: 767px) {
#iecam DIV.mh13{
	display:none;
}
#iecam DIV.mh13_sp{
	display:block;
}
#iecam DIV.mh13_sp img{
	width:95%;
	margin-top:3%;
}
}

/* ブログ紹介 */
#iecam #cate,#blog #cate{
	width:90%;
	overflow: hidden;
	margin: 0 auto;
}
#iecam #cate_c{
	color: #fff;
	font-weight: bold;
	text-align:center;
	float: right;
	margin:2% auto 1%;
	font-size: 120%;
}
#blog #cate_b{
	color: #fff;
	font-weight: bold;
	text-align:center;
	float: right;
	margin:2% auto 1%;
	font-size: 120%;
}
#iecam #cate_c span{
	background: #614c3b;
	padding: 8px 20px;
	border-radius: 30px;
}
#blog #cate_b span{
	background: #3b6152;
	padding: 8px 20px;
	border-radius: 30px;
}
#blog DIV.logo{
	width:90%;
	text-align:right;
	margin:2% auto;
}
#blog DIV.title{
	width:90%;
	margin:2% auto;
	font-size:130%;
	text-align:center;
}
#blog DIV.title IMG{
	vertical-align:middle;
	margin:0 10px;
}
#blog DIV.title SPAN{
	margin-top:10px;
	line-height: 190%;
}
#blog DIV.title_sub{
	width:90%;
	margin:0 auto;
	padding:1%;
	background:#b6dec1;
	font-size:130%;
	font-weight:600;
	text-align:center;
}
#blog DIV.title_sub_b{
	width:90%;
	margin:0 auto;
	padding:1%;
	background:#b6dec1;
	font-size:130%;
	font-weight:600;
	text-align:center;
	color: #070D0B;
}
#blog DIV.main{
	width:90%;
	margin: 1% auto;
	text-align: left;
	line-height:180%;
}
#blog DIV.main P.comment{
	font-size:110%;
	color:#6a3906;
	font-weight:bold;
	letter-spacing:0.08em;
}
#blog DIV.main STRONG{
	background-color:#ffe985;
	font-weight:normal;
}
#blog Span.tags{
	background-color:#bfdfff;
	font-weight:normal;
}
#blog DIV.main figure{
	width:100%;
	margin:1% auto;
	text-align:center;
}
#blog DIV.main figcaption{
	font-size:90%;
	color:#666;
	letter-spacing:0.08em;
	clear:none;
	margin-bottom:5%;
}
@media screen and (max-width: 767px) {
#iecam #cate_c{
	width:100%;
	margin:10% auto 5%;
}
#blog DIV.title_sub{
	width:95%;
	font-size:120%;
	font-weight:normal;
}
#blog img{
	width:100%;
}
#blog .logo img{
	width:70%;
	margin:auto 15%;
}
}
#blog #linkCont{
	width:95%;
	margin:3% auto;
	padding:3%;
	border-top: 1px solid #ccc;
	clear:both;
}
#blog #linkCont P.back{
	float:left;
}
#blog #linkCont P.next{
	float:right;
}
#blog DIV.mh13{
	position: relative;
	width: 960px;
	height: 182px;
	background: url(../2015_iecam/img/common/3dmh13_bc.jpg) no-repeat 0 0;
	margin:3% auto;
}
#blog DIV.mh13_sp{
	display:none;
}
#blog DIV.mh13_cam{
	display:none;
}
#blog DIV.mh13 P.detail{
	text-align: center;
	padding-top: 12%;
}
@media screen and (max-width: 767px) {
#blog DIV.mh13{
	display:none;
}
#blog DIV.mh13_sp{
	display:block;
}
#blog DIV.mh13_sp img{
	width:95%;
	margin-top:3%;
}
}