@charset "utf-8";

body { line-height: 1; color: #000; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ul { list-style: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }


hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

html,body{
    width: 100%;
   -webkit-text-size-adjust: 100%;
}
body {
	*font-size:small;
	*font:	x-small;
	line-height:1.6;
	text-align: left;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color: #333333;
    -moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
}
#main_contents_inner img{
	vertical-align: bottom;
}
#main_contents_inner img {
   width: 100%;
   height: auto;
  	margin: 0;
  	padding: 0;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
 }
#hoken_210215_7day img{ max-width:100%;}

#contents_outer{width: 100%; padding:0 !important;}
#main_contents {width:100% !important;}
#main_contents_inner{width: 100%; margin: 0 auto;}
/*********************************************
RESETここまで
*********************************************/




#hoken_210215_7day > section{ width:100%; max-width:750px; margin:auto;}
#hoken_210215_7day #mv{}
#hoken_210215_7day #mv img{ width:auto;}
#hoken_210215_7day #mv .bnr{ width:94%; margin:3% auto 0; text-align:center;}
#hoken_210215_7day #mv .mv_text{ width:94%; margin:1em auto 0;}



#hoken_210215_7day #sec1{}
#hoken_210215_7day #sec1 h3{ width:100%; margin:0 auto 0; text-align:center;}
#hoken_210215_7day #sec1 .dogcat_wrap{}
#hoken_210215_7day #sec1 .dogcat_wrap p{ width:90%; margin:4% auto 0; text-align:center;}

#hoken_210215_7day #sec1 .dogcat_wrap .dog{ background:#eefbff; padding:10% 0; position:relative; margin:10% auto 0;}
#hoken_210215_7day #sec1 .dogcat_wrap .dog::after{ content:""; position:absolute; top:0; left:0; right:0; margin:auto; width:1px; height:1px;  border-right: 70px solid transparent;border-top: 30px solid #FFF;border-left: 70px solid transparent; }
#hoken_210215_7day #sec1 .dogcat_wrap .cat{ background:#ffeeee; padding:10% 0; position:relative;}
#hoken_210215_7day #sec1 .dogcat_wrap .cat::after{ content:""; position:absolute; top:0; left:0; right:0; margin:auto; width:1px; height:1px;  border-right: 70px solid transparent;border-top: 30px solid #eefbff;border-left: 70px solid transparent; }

#hoken_210215_7day #sec1 .text{ width:94%; margin:1em auto; }




#hoken_210215_7day #sec2 h4{ border-bottom:0.1em solid #ff5500;border-left:0.4em solid #ff5500; width:94%; margin:3em auto 0.5em; padding:0.1em 0 0.1em 0.5em; box-sizing:border-box; font-size:150%;}
#hoken_210215_7day #sec2 .text{ width:94%; margin:auto;}

#hoken_210215_7day #sec2 .image_wrap{ background:#f3f3f3; box-sizing:border-box; padding:8% 3% 12%; text-align:center; margin:6% auto 0;}
#hoken_210215_7day #sec2 .image_wrap p{ margin-top:4%;}




@media all and (min-width: 751px) {
	
	
#hoken_210215_7day{ max-width:none; margin:auto;}
#hoken_210215_7day #mv{ max-width:none; margin:auto;}
#hoken_210215_7day #mv h2{/*background:url(../images/210215/day7_mv_bg.jpg) repeat-x center top; background-size:auto 100%; */margin:auto; text-align:center;}
#hoken_210215_7day #mv h2 img{ width:auto;}
#hoken_210215_7day #mv .bnr{ width:94%; max-width:1000px; margin:1.5em auto 0; text-align:center;}
#hoken_210215_7day #mv .mv_text{ margin:1.5em auto; max-width:920px;width:90%; font-size:16px;}



#hoken_210215_7day #sec1{ max-width:none; margin:auto;}
#hoken_210215_7day #sec1 h3{ width:90%; }
#hoken_210215_7day #sec1 .dogcat_wrap .dog,
#hoken_210215_7day #sec1 .dogcat_wrap .cat{width:100%; text-align:center;}
#hoken_210215_7day #sec1 .dogcat_wrap .dog .wrap,
#hoken_210215_7day #sec1 .dogcat_wrap .cat .wrap{ max-width:1060px; margin:auto;width:100%; text-align:center;}

#hoken_210215_7day #sec1 .dogcat_wrap .dog p,
#hoken_210215_7day #sec1 .dogcat_wrap .cat p{ display:inline-block; width:47%; max-width:511px; vertical-align:top; margin-top:20px;}
#hoken_210215_7day #sec1 .dogcat_wrap .cont1,
#hoken_210215_7day #sec1 .dogcat_wrap .cont3{ margin-right:1.5%;}

#hoken_210215_7day #sec1 .dogcat_wrap .dog{ background:#eefbff; padding:65px 0; position:relative; margin:50px auto 0;}
#hoken_210215_7day #sec1 .dogcat_wrap .cat{ background:#ffeeee; padding:65px 0; position:relative; margin:auto;}

#hoken_210215_7day #sec1 .dogcat_wrap .dog::after{ content:""; border-right: 100px solid transparent;border-top: 40px solid #FFF;border-left: 100px solid transparent; }
#hoken_210215_7day #sec1 .dogcat_wrap .cat::after{ content:"";  border-right: 100px solid transparent;border-top: 40px solid #eefbff;border-left: 100px solid transparent; }

#hoken_210215_7day #sec1 .text{ margin:1.5em auto; max-width:920px;width:90%;  font-size:16px;}

	

#hoken_210215_7day #sec2{ max-width:none; margin:auto;}
#hoken_210215_7day #sec2 h4{  width:94%; max-width:960px; margin:3em auto 0.8em; font-size:26px;}
#hoken_210215_7day #sec2 .text{ width:94%;max-width:960px;  margin:auto; font-size:16px;}
#hoken_210215_7day .kome{ font-size:0.9em; padding-left:1em; text-indent:-1em; display:inline-block;}

#hoken_210215_7day #sec2 .image_wrap{ padding:60px 20px 60px; text-align:center; margin:20px auto 0;}
#hoken_210215_7day #sec2 .image_wrap h5{ width:90%; margin:auto; max-width:954px;}
#hoken_210215_7day #sec2 .image_wrap p{ margin-top:40px; display:inline-block; width:33.3%; vertical-align:top;}
#hoken_210215_7day #sec2 .image_wrap p.cont1{ max-width:356px;width:33.3%;}
#hoken_210215_7day #sec2 .image_wrap p.cont2{ max-width:327px;width:30.6%;}
#hoken_210215_7day #sec2 .image_wrap p.cont3{ max-width:377px;width:35.3%;}
}



