/**********
 style-top.css
**********/


/*==========================================
 ƒ�ƒCƒ“ƒRƒ“ƒeƒ“ƒc
===========================================*/


/**********
 mainContents
**********/
/** heatTop **/
#topImg{
	height:100%;
	width:100%;
	min-height:220px;
	background:url(../img_top/topimg.jpg) 80% 50% no-repeat;
	background-size:cover;
	margin-bottom:30px;
}

#topImg video{
	display:none;
}


/** topContents **/
#topContents{}
#topInfo{
	padding-bottom:25px;
}

#topBlog{} 

.iframe-content {
   position: relative;
   height: 0;
   overflow: hidden;
   padding-top: 300px;/** 70.25% **/
}
.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ifrm{
  width:100%;
  height:100%;
  border:none;
  display:block;
}


/** h3 **/
h3.topH{
	border-bottom:2px solid #603813;
	padding:0 0 7px 32px;
	font-family: 'Caveat Brush', cursive;
	color:#603813;
	font-size:1.5em;
	margin-bottom:30px;
	font-weight:normal;
	line-height:1.1;
}

h3.topH span{
	display:block;
	padding-top:2px;
	font-size:0.58em;
	color:#000;
	font-family: 'Lato','Noto Sans', "ŸàƒSƒVƒbƒN Medium", "ŸàƒSƒVƒbƒN‘Ì", "Yu Gothic Medium", YuGothic, "ƒqƒ‰ƒMƒmŠpƒS ProN", "Hiragino Kaku Gothic ProN", "ƒ�ƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}

h3#topInfo_h{
	background:url(../img/h3_info.png) no-repeat 0 2px;
	margin-bottom:5px;
}

h3#topBlog_h{
	background:url(../img/h3_blog.png) no-repeat 0 4px;
	margin-bottom:5px;
}


/** topCon_list **/
.topCon_list{}
.topCon_list ul{
	width:100%;
}


.more_btn {
	position: relative;
	display: block;
	padding: .6em 4em;
	background:url(../img/btnBg.jpg);
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	margin:20px auto 0 auto;
  color:#fff;
  text-decoration:none;
}

.more_btn:after {
	position: absolute;
	top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  content: '';
  border: 2px dashed #fff;
  border-radius: .4em 2em .5em 3em/3em .5em 2em .5em;
}

a.more_btn{
  color:#fff;
  text-decoration:none;
 }

/** **/
.topCon_list ul li{
	padding-bottom:6px;
	margin-bottom:6px;
	border-bottom:1px dotted #999;
	font-size:0.95em;
}

.topCon_list ul li:after{ 
    content: " "; 
    clear: both; 
    height: 0; 
    display: block; 
    visibility: hidden; 
}

.topCon_list ul li:last-child{
	margin-bottom:0;
}

.topCon_list ul li a{
	color:#000;
	text-decoration:none;
}

.topCon_list ul li a:hover,
.topCon_list ul li a:active{
	color:#f89800;
}

.topCon_list ul li p.date{
	display:block;
}
.topCon_list ul li p.dTxt{
	display:block;
}
/** **/


/* PC�E‘åŒ^ƒ^ƒuƒŒƒbƒg�F769px�`1050px */
@media only screen and (min-width: 769px) and (max-width: 1050px) {

/*==========================================
 ƒ�ƒCƒ“ƒRƒ“ƒeƒ“ƒc
===========================================*/

/** topImg **/
#topImg{
	background:none;
	min-height:355px;
	background-size:cover;
}

#topImg .videoWrap{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 58.55%;
}
#topImg .videoWrap video{
	display:block;
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
}


/**********
 mainContents
**********/
/** topContents **/
#topContents{
	-webkit-display: flex;
	display:flex;
}
#topInfo{
	padding-bottom:0;
	-webkit-flex: 1;
	flex: 1;
	margin:0 15px 0 0;
}

#topBlog{
	padding-bottom:0;
	-webkit-flex: 1;
	flex: 1;
	margin:0 0 0 15px;
}

.ifrm-container{
  width:auto;
  height:auto;
}


/** h3 **/
h3.topH span{
	display:inline-block;
	padding:0 0 0 10px;
}


/** topCon_list **/
/** **/
.topCon_list ul li p.date{
	display:inline-block;
	padding-right:10px;
}
.topCon_list ul li p.dTxt{
	display:inline-block;
}
/** **/


}

/* PCŒü‚¯�F1051pxˆÈ�ã */
@media only screen and (min-width:1051px) and (max-width: 3000px) {

/**********
 mainContents
**********/

/** heatTop **/
#topImg{
	background:none;
	min-height:355px;
	background-size:auto;
}

#topImg .videoWrap{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 58.55%;
}

#topImg .videoWrap video{
	display:block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/** topContents **/
#topContents{
	-webkit-display: flex;
	display:flex;
}
#topInfo{
	padding-bottom:0;
	-webkit-flex: 1;
	flex: 1;
	margin:0 15px 0 0;
}
#topBlog{
	padding-bottom:0;
	-webkit-flex: 1;
	flex: 1;
	margin:0 0 0 15px;
}

.ifrm-container{
  width:auto;
  height:auto;
}


/** h3 **/
h3.topH span{
	display:inline-block;
	padding:0 0 0 10px;
}


/** topCon_list **/
/** **/
.topCon_list ul li p.date{
	display:inline-block;
	padding-right:10px;
}
.topCon_list ul li p.dTxt{
	display:inline-block;
}
/** **/


}


@media print{

/**********
 mainContents
**********/

/** heatTop **/
#topImg{
	background:none;
	min-height:355px;
	background-size:auto;
}

#topImg .videoWrap{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 58.55%;
}

#topImg .videoWrap video{
	display:block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/** topContents **/
#topContents{
	-webkit-display: flex;
	display:flex;
}
#topInfo{
	padding-bottom:0;
	-webkit-flex: 1;
	flex: 1;
	margin:0 15px 0 0;
}
#topBlog{
	padding-bottom:0;
	-webkit-flex: 1;
	flex: 1;
	margin:0 0 0 15px;
}

.ifrm-container{
  width:auto;
  height:auto;
}


/** h3 **/
h3.topH span{
	display:inline-block;
	padding:0 0 0 10px;
}


/** topCon_list **/
/** **/
.topCon_list ul li p.date{
	display:inline-block;
	padding-right:10px;
}
.topCon_list ul li p.dTxt{
	display:inline-block;
}
/** **/


}