@charset "Shift_JIS";
/* CSS Document */

/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
body{
  font-size : 14px;
  background-image : none;
	margin : 0px;
}
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
	#head_pc{
		display : none;
	}
#container{
width:100%;
	margin : 0 auto;
background-color : #ffffff;
}

	#menu_pc{
		display : none;
	}
	.space_m{
		height : 10px;
	}
	.space_l{
		height : 30px;
	}
	.main_in{
		width : 92%;
		padding : 7px;
		margin : 0 auto;
	}
	.voice_box{
		width : 92%;
		background-color : #29a6e0;
		margin : 0 auto;
		padding-bottom : 7px;
	}
	.voice_in{
		width : 90%;
		margin : 0 auto;
		background-color : #ffffff;
		padding : 15px;
	}
	.syoukai_box{
		width : 92%;
		margin : 0 auto;
		background-color : #e1fbf8;
		border : solid 2px #6cb3dd;
		padding-bottom : 20px;
	}
	.syoukai_in{
		width : 90%;
		margin : 0 auto;
		padding : 15px;
	}
	.syoukai_box_in{
		width : 90%;
		margin : 0 auto;
		background-color : #ffffff;
		padding : 15px;
	}
	.profile_note{
	background-image: url("../image/line.gif");
line-height : 36px;
margin: 0px;
}
	.naiyou_box{
		width : 92%;
		margin : 0 auto;
		background-color : #fff7d2;
		border : solid 2px #ff9934;
		padding-bottom : 20px;
	}
	.naiyou_box_in{
		width : 82%;
		margin : 0 auto;
		padding : 15px;
		background-color : #fefcf0;
		border : dotted 2px 
	}
	.kakaku1_box{
		width : 96%;
		background-color : #bbd3f3;
		margin : 0 auto;
		border : 2px solid #1a559e;
	}
	.tokuten_box{
		width : 92%;
		background-color : #fbfcec;
		margin : 0 auto;
		border : 2px solid #f2b44d;
	}
	.tokuten_in{
		width : 92%;
		margin : 0 auto;
		padding : 10px;
	}
	.henkin_box{
		width : 92%;
		margin : 0 auto;
		background-color : #ffffff;
		border : 4px solid #ea4a32;
	}
	.henkin_in{
		width : 92%;
		margin : 0 auto;
		padding : 10px;
	}
	.henkin_naiyou {
		width : 94%;
		margin : 0 auto;
		margin-bottom : 20px;
		margin-top : 15px;
    background: #ffffff;
		border : solid 1px #0e5ac0;
}
.henkin_naiyou .box-title {
    font-size: 1.2em;
    background: #0e5ac0;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.henkin_naiyou p {
    padding: 10px;
    margin: 0;
}
	.set_box{
		width : 92%;
		margin : 0 auto;
		border : 2px solid #3186b2;
		padding : 7px;
		
	}
	.siyou_box{
		width : 95%;
		background-color : #f4f4f4;
		padding : 10px;
		margin : 0 auto;
	}
	.siyou_text{
		padding : 15px;
	}
	.siyou_left{
		padding : 15px;
	}
	.siyou_right{
		padding : 15px;
	}
	.box_blue{
		width : 93%;
		margin : 0 auto;
		background-color : #D0ECFC;
		padding : 10px;
	}
	.check ul {
	padding-left: 7px;
	/* 右にインデントされてる部分を無効化する。 */
}
.check li {
	list-style: none;
	background: url(../image/onpu.png)  0% 4px no-repeat;
	padding: 7px 0px 3px 38px;
	/* 文字が真ん中に位置するように padding で上下の間隔を調整する。*/
	/* 38pxの部分に「画像File」の横幅に隙間分のpxを足した数を入れる */
}
.q{
  background-image : url(../image/q.jpg);
  background-repeat : no-repeat;
  background-position : left center;
  font-size : 15px;
  line-height : 30px;
  padding-left : 35px;
  color : #0a6898;
  padding-top : 5px;
	margin-bottom : 10px;
}

.a{
  background-image : url(../image/a.jpg);
  background-repeat : no-repeat;
  background-position : left top;
  padding-left : 35px;
  padding-top : 2px;
}
.faq_box{
	width : 88%;
    padding: 7px;
    background: #ffffff;
    border: 4px #ebba80 solid;
    box-shadow: 0 4px 6px 0 #ddd;
    -moz-box-shadow: 0 4px 6px 0 #ddd;
    -webkit-box-shadow: 0 4px 6px 0 #ddd;
	margin-left : auto;
	margin-right : auto;
}
#footer{
  font-size : 13px;
  line-height : 32px;
  color : white;
  background-color : #ef007b;
  text-align : center;
  width : 100%;
  height : auto;
  margin-right : auto;
  margin-left : auto;
}
	
	#footer a{
		font-size : 15px;
		text-decoration : none;
		color : #ffffff;
	}
	.footer_order_box{
		width : 100%;
		padding-top : 15px;
		padding-bottom : 15px;
		text-align : center;
		font-size : 18px;
		background-color : #F78CCE;
		margin-top : 20px;
	}
	.footer_link_pc{
		display : none;
	}
	.fix_menu_smartphone{
  position: fixed;
  bottom: -10px;
  left: 0px;
  z-index: 10000;
}
.fix_menu_smartphone img{
  width:100%;
}
	#top_pc{
		display : none;
	}
	#top_sp{
		width : 100%;
		height : auto;
		margin-bottom : -10px;
	}
	.space_footer{
		height : 82px;
	}
	
/* CSS Document */
label {
    background: #258dde;
    color: #fff;
	height : auto;
	padding-top : 15px;
    display: block;
    border: 0px solid #fff;
}

input[type="checkbox"].on-off{
    display: none;
}

.sp_menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}
	.sp_menu a{
		text-decoration : none;
		color : #863F24;
	}

.sp_menu li {
    padding: 5px;
	padding-left : 15px;
	background-color : #F8F3E6;
	border-bottom : 1px solid #edc69d;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 200px;
}
.tokutei_box{
		width : 92%;
		margin : 0 auto;
	}
.tokutei_box table {
		width : 100%;
    border-top: 0px solid #999;
  }
.tokutei_box table td {
    display: block;
    text-align: left;
	padding : 10px;
  }
.tokutei_box table th {
  background-color: #D4E7F5;
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }