/*----------------------------------------------------
  defult color
----------------------------------------------------*/
body {
  line-height: 1.5;
}

@font-face{ 
font-family: 'ipaexm'; /* 自由な名前をつけることができます */
src: url('ipaexm.ttf') format('truetype'); /* iOS, Android用 */	
}

p {
	line-height: 1.8em;
	font-weight: lighter;
}

img.imgFull{width:100%;}
.imgFull img{width:100%;}

#container a{	text-decoration: none;}
#container h4, #container strong{	font-weight: bold;}

span.red{
	color: #fb0000;
}

.pb30{
	padding-bottom: 30px;
}
/*----------------------------------------------------
  #content
----------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE Mac */
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End Hack */

#container {
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  min-width: 100%;
  width: 100%;
  font-size: 12px;
  color: #000;
	background: #fff;
	background-size: 100% auto;
}
.content {
  margin: 0px 15px;
  padding: 15px;
  background-color: #dfeefa;
}
.main h1{
	width: 100%;
}
.main h1 img{
	width: 100%;
}
.cont_ttl-bar img{
	width: 100%;
  margin-bottom: 40px;
}
.cont_ttl{
    background: url("../img/icon.png") no-repeat #333;
    background-position: bottom 22px left 10px;
    background-size: 20px 20px;
    color: #fff;
    font-weight: bold;
    line-height: 1.4em;
    font-size: 17px;
    position: relative;
    padding: 20px 0 20px 40px;
}
.box_skyp{
	background: url("../img/skyp_bg.jpg")no-repeat;
  background-size: cover;
  padding: 15px !important;
  margin: 20px;
}
.box_skyp .cont_ttl-bar{
	margin: 0px 0px 20px;
}
.box_skyp .cont_ttl-bar img{
  margin: 0 auto;
  display: block;
}
/*===.box[s]===*/
.box{
	position:relative;
	padding: 0px;
	margin: 0px 10px 40px;
	background: url(../img/con_bg.gif) top center repeat #fff;
  background-size: 20px 20px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.box_wrap{background-color: rgba(255,255,255,0.6);}
.box_thumb{
	margin: 0px auto 20px;
	display: block;
	width: 100%;
	padding: 0;
}
.box_thumb img{
	width: 100%;
}
.box_thumb-copy{
	margin-top: 5px;
    text-indent: 15px;
	display: block;
}
.box_thumb-left{
	float: left;
	width: 30%;
	margin: 0 0 0.7em 0;
}
.box_ttl{
	position:relative;
	margin: 0.5em 0 0.5em -15px;
	padding: 0.2em;
	width: 99%;
	background: #257dc1;
	text-align: center;
	/*font-size: 190%;*/
}
.dl_detail{
	margin: 20px 0px;
}
.dl_detail-ttl{
	background-color: #ffffff;
	color: #000000;
  padding: 5px 15px;
	font-weight: bold;
}
.dl_detail-txt dt{
	background: #333333;
  padding: 5px 15px;
	display: block;
	margin-top: 20px;
}
.dl_detail-txt dd{
  padding: 10px 15px 0px;
}

.box_btn {
	padding: 0 15px 20px;

}
.box_btn a{
  position: relative;
  display: block;
  padding: 10px 0px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  color: #009fe8;
  border: #009fe8 2px solid;
  background: #fff;
}
.box_btn a:after{
  content: " ";
  background: url("../img/link1.png")no-repeat right;
  background-size: 10px;
  position: absolute;
  top: 15px;
  right: 12px;
  width: 6px;
  height:10px;
}
.box_btn a:hover{
	background: rgba(255, 255, 255, 0.2);
}
.box_skyp{	text-align:center;}
.box_skyp-tel{	margin-bottom: 10px;}

/*===culmn1[s]===*/
.culmn1{
	width:100%;
	margin: 0 auto;
	padding-top:20px;
}

.culmn1 .box{
	width:100%;
	margin-bottom: 1em;
	padding: 5px;
}

.culmn1 .box .ttl{
	clear: both;
	margin: 0;
	font-weight:bold;
}

/*===culmn1[e]===*/

/*---culmn2[s]---*/


.culmn2{
	padding-left:1%;
	color: #fff;
}
.culmn2 .box{
	float:left;
	width: 48%;
	margin:0 1% 1em ;
	/*background-color: #000;*/
}

.culmn2 .box h4{
	text-align:center;
	padding-top:0.75em;
	padding-bottom:0.5em;
}
/*---culmn2[e]---*/

/*---content[s]---*/
.cont_header{	margin-bottom: 2em;}
.cont_header .ttl_present{	margin-bottom: 2em;}
.cont_header .ttl_present img{width: 100%;}

.cont_box-ttl{
	margin-bottom: 1em;
	padding: 0.5em;
	text-align: center;
	line-height: 1.4em;
	font-weight: bold;
	}
	.ttl_cont{		color: #6d6d6d;	border: 1px solid #6d6d6d;}
		.ttl_cont-check{	color: #c00;		border: 1px solid #c00;}
	.ttl_prize{
		/*font-size: 1.5em;*/
		color: #b32082;
		border: 1px solid #b32082;
	}

.cont_detail{
	margin-top: 2em;
	width: 100%;
}
.cont_detail .cont_detail-thumb{
	margin: 0 auto 1em;
	text-align: center;
	}
	.cont_detail .cont_detail-thumb img{
		width: 80%;
		margin: 0 auto;
	}
.cont_detail .cont_detail-ttl{
	font-weight: bold;
}
.cont_detail .cont_detail-ttl h3{
	font-weight: bold;
	color: #00a0e9;
	}
.cont_detail .cont_detail-ttl p{
	margin: 0.5em 0;
}
.cont_detail .cont_detail-check{
	width: 100%;
	margin-top: 2em;
	clear: both;
	border: 1px solid #c00;
	}
	
.cont_detail .detail_check-ttl{
	width: 9%;
	padding: 1em 0 1em 1em;
	background: url(../img/bg_ttl_check.gif) left top repeat;
	color: #cc0000;
	font-weight: bold;
	border-bottom: 1px solid #c00;
	}
.cont_detail .detail_check-cont{
	padding: 1em;
	}
	.cont_detail .detail_check-cont h3{
	line-height: 1.5em;
	}

.cont_caution{
	margin: 2em 0;
	padding: 1em;
	background-color: #e6e6e6;
	line-height: 1.5em;
	}	
.cont_caution .list-caution li:before{
	content: "※";
	}
	/*20160831[s]*/
	.cont_caution h3{
		/*font-size: 1em;*/
		background-color: #999;
	}
	
	.cont-howto{
	padding:1%;
	background-color: #f39800;
	text-align: center;
	color: #fff;
	}
	.cont-howto p{
	color: #fff;
	}


/*---content[e]---*/


.foot_info {
  width: 100%;
  padding: 20px;
  background: #fff;
}
.foot_info .info_midashi--ch1  {
	width: 100%;
	margin: 0;
	background: #fff;
	color: #f0027f;
}
.foot_info .info_midashi--ch2  {
	width: 100%;
	margin: 0;
	background: #fff;
	color: #00a0c6;
}
.foot_info .info_midashi {
  width: 100%;
  margin: 0;
  color: #f0027f;
}
.foot_info p {
  margin: 10px auto 0;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}

/*---decoration---*/
h3{ font-weight: bold;}

.f-left {	float: left;}
.f-right {	float: right;}
.fz-l{	font-size: 2em;}
.fz-ml{	font-size: 1.5em;}
.fz-ms{	font-size: 1.3em;}
.fz-s{	font-size: 0.8em;}
.fc-red{	color: #c00;}
.fc-blue{	color: #00a0e9;}
.ta-center{	text-align: center;}

hr{
	width: 100%;
	border: none;
}

.txt_base{
	clear:both;
	margin: 1em 0 0;
	padding: 0.5em;
	width: 100%;
	text-align: center;
	font-weight: bold;
	}
.txt_base-ongoing{	background-color: #f3ac00; color: #fff;}
.txt_base-end{	background-color: #e6e6e6;}

.a_blue{
	color: #00a0e9 !important;
	text-decoration: underline;
	}
	.a_blue:hover{
	color: #025ccb !important;
	}
	
a img{	width: 100%;}

.icon_badge{
	padding: 0.5em;
	background-color: #c00;
	color: #fff;
	border-radius: 0.5em;
	vertical-align: middle;
}

.date{
	margin: 20px 15px 15px;
	padding: 10px;
	font-size: 14px;
  font-weight: bold;
  background: #eee;
}

.cap_tex{
	margin: 0px 15px 20px;
	font-size: 14px;
  display: inline-block;
}

.free_box{
  border-top: 1px solid #ccc;
  padding: 20px 0 0 0;
  margin: 0px 15px 20px;
}

.free_txt{
  font-size: 14px;
}
.sky_frame {
    background-image: url(./../img/sp_sky_back.jpg);
    background-size: contain;
    width: 100%;
    margin: 0 0 40px;
    padding: 15px 10px;
    border: 1px #cccccc solid;
}
.sky_frame a{
    text-decoration: none;
}

.sky_ttl{
    padding: 0 0 15px;
}

.sky_text {
    font-size: 11px;
    line-height: 14px;
    padding: 5px 0;
    text-align: right;
    background: #ffffff;
}

.sky_text2 {
    font-size: 11px;
    line-height: 14px;
    padding: 5px 0;
    text-align: right;
}

.sky_ttl_frame{
    padding-bottom: 10px;
}

.sky_web_frame {
    background: #ffffff;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    margin-bottom: 15px;
}

.sky_button {
    text-align: center;
}

.sky_button_ttl {
    display: block;
    background: #ffcc01;
    margin: 0 auto 10px;
}

.sky_button_image {
    display: block;
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
    margin-left:auto;
    margin-right:auto;
    width: 92.5%;
}

.sky_toiawase{
    width: 100%;
    display: block;
}
.column1{
	margin-top: -14px;
}