@charset "UTF-8";

@font-face {
  font-family: rounded;
  src: url(../css/font/rounded-x-mplus-2c-medium.ttf);
}


body{
	margin:0;
	padding:0;
	font-family: rounded;
	font-size:14px;
}
.container{
	max-width:960px;
}
.wid{
	max-width:980px;
	margin-right:auto;
	margin-left:auto;
	padding-right:10px;
	padding-left:10px;
}
img{
	max-width:100%;
}
header{
	margin:0;
	padding:7.5px 0;
	height:80px;
}
header h1{
	margin:0;
	padding:0;
}
.header_logo{
	height:65px;
}
.pagetop{
	position:fixed;
	bottom:50px;
	right:50px;
}
.pankuzu{
	font-size:12px;
	margin:16px 0 30px;
	padding;0;
}
.pankuzu a{
	color:#969696;
	text-decoration: none;
}

.wid650{
	max-width:650px;
	margin-left:auto;
	margin-right:auto;
}

.wid500{
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
}
#headerRight {
	display: -webkit-flex;
	display: flex;
}
#headerRight .snsIcon {
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px dashed #92c8c3;
}


/*メイン　サイド*/
.main{
	max-width:740px;
	float:left;
}
.side{
	width:200px;
	float:right;
	color:#969696;
}

.side a{
	color:#000000;
}

img{
	max-width:100% !important;
}

/*font-size*/
.t10{ font-size:10px; }
.t11{ font-size:11px; }
.t12{ font-size:12px; }
.t13{ font-size:13px; }
.t14{ font-size:14px; }
.t15{ font-size:15px; }
.t16{ font-size:16px; }
.t17{ font-size:17px; }
.t18{ font-size:18px; }
.t19{ font-size:19px; }
.t20{ font-size:20px; }
.t21{ font-size:21px; }
.t22{ font-size:22px; }
.t23{ font-size:23px; }
.t24{ font-size:24px; }
.t25{ font-size:25px; }
.t26{ font-size:26px; }
.t27{ font-size:27px; }
.t28{ font-size:28px; }
.t29{ font-size:29px; }
.t30{ font-size:30px; }
.t31{ font-size:31px; }
.t32{ font-size:32px; }
.t33{ font-size:33px; }
.t34{ font-size:34px; }
.t35{ font-size:35px; }
.t36{ font-size:36px; }
.t37{ font-size:37px; }
.t38{ font-size:38px; }
.t39{ font-size:39px; }
.t40{ font-size:40px; }
.t41{ font-size:41px; }
.t42{ font-size:42px; }

/*line-height*/
.lh10{ line-height:1.0em; }
.lh12{ line-height:1.2em; }
.lh14{ line-height:1.4em; }
.lh16{ line-height:1.6em; }
.lh18{ line-height:1.8em; }
.lh20{ line-height:2.0em; }
.lh22{ line-height:2.2em; }
.lh24{ line-height:2.4em; }



.topics{}
.topics dl{
	display:block;
	margin:0;
	padding:22px 0;
	border-bottom:1px solid #969696;
}
.topics dl:after{
	content:" ";
	display:block;
	clear:both;
}
.topics dl dt{
	display:inline-block;
	width:199px;
}
.topics dl dd{
	display:inline-block;
	width:440px;
}



.balloon1 {
	position: relative;
	display: inline-block;
	margin: 0 0 30px;
	padding: 15px;
	width: 100%;
	color: #FFFFFF;
	font-size:18px;
	text-align:center;
	background: #92c8c3;
	vertical-align: middle;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 20px solid #92c8c3;
}

.balloon1 p {
  margin: 0;
  padding: 0;
}





@media screen and (max-width: 767px){
	header{
		margin:0;
		padding:5px 0;
		height:60px;
		background-color:#92c8c3;
	}
	.header_logo{
		height:50px;
	}
	.wid,
	.wid500,
	.wid650,
	.main,
	.side
	{
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}
	.foot_telbar{
		margin-top:40px;
	}
	.foot_telbar_top{
		margin: 0;
	}
	.side{
		margin-top:40px;
	}
}