@charset "UTF-8";

/* cocorohto style
-------------------------------------*/
#main {	
	overflow: hidden;
	padding-bottom: 50px;
	width: 100%;
	}	
#contents{
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
	}

h1.title {
    color: #333;
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 20px;
	}
h2 {
    border-bottom: 2px solid #005aac;
    font-size: 18px;
    margin-bottom: 20px;
	}

.inpage_link{
	overflow: hidden;
	font-weight: bold;
	margin: 0 0 30px;
	}
	.inpage_link li{
		border: 1px solid #000;
		float: left;
		margin: 0 20px 15px;
	    width: 29%;
	    text-align: center;
		}
	.inpage_link li a{
		display: block;
		padding: 5px 10px;
		position: relative;
	    text-decoration: none;
		}
	.inpage_link li a:before,
	.inpage_link li a:after{
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		vertical-align: middle;
		}
	.inpage_link li a:before {
		right: 20px;
		width: 7px;
		height: 7px;
		border-top: 1px solid #4A340A;
		border-right: 1px solid #4A340A;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		}

.faq_list {
	overflow: hidden;
	border-top: 1px solid #ccc;
	margin-bottom: 40px;
	}	
	
	.faq_list dt {
		background: url("/~/Media/coco/faq/image/ico_question.png") no-repeat scroll left 15px center;
		background-size: 36px 32px;
		font-size: 18px;
	    color: #005AAC;
	    cursor: pointer;
	    padding: 25px 10px 25px 60px;
		border-bottom: 1px solid #ccc;
		line-height: 1.6;
		}
	.faq_list dt.close {border-bottom: none;}
			
	.faq_list dd {
		background: url("/~/Media/coco/faq/image/ico_answer.png") no-repeat scroll left 60px top 15px;
		background-size: 36px 32px;
		font-size: 18px;
	    display: none;
	    line-height: 1.4;
	    padding: 15px 10px 25px 110px;
		border-bottom: 1px solid #ccc;
		line-height: 1.6;
		}	
	.faq_list dd a {
		color: #005AAC;
		text-decoration: underline;
		}
	.faq_list dd span {
	color: #cc0000;
	}
	.faq_list dd .img_p {margin: 10px auto;}
.sp{
	display: none;
	}
	
	
	
/* ▼▼▼ 1000px
=====================================*/
@media screen and (max-width: 1000px) {

#contents{
	width: 100%;
	margin: 0 auto;
	padding: 20px 10px;
	}
}
	
	
/* ▼▼▼ 768px
=====================================*/
@media screen and (max-width: 768px) {
.sp{
	display:  block;
	}


h1.title {
    color: #333;
    font-size: 5vw;
    font-weight: normal;
    margin: 15px 0;
	}
h2 {font-size: 4.375vw}

.inpage_link{
	overflow: hidden;
	font-weight: bold;
	margin: 0;
	}
	.inpage_link li{
		float: left;
		display: table;
		margin: 0 0 15px;
		width: 46%;
		height: 44px;
		text-align: center;
		border: 1px solid;
		box-sizing: content-box;
		}
	.inpage_link li:nth-child(odd){
		margin-right: 4%;
		}
	.inpage_link li a{
		display: table-cell;
		vertical-align: middle;
		padding-right: 20px;
		position: relative;
	    line-height: 1;
		}
	.inpage_link li a:before,
	.inpage_link li a:after{
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		vertical-align: middle;
		}
	.inpage_link li a:before {
		right: 10px;
		width: 7px;
		height: 7px;
		border-top: 1px solid #4A340A;
		border-right: 1px solid #4A340A;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		}

.faq_list {
	overflow: hidden;
	border-top: 1px solid #ccc;
	}	
	
	.faq_list dt {
		background: url("/~/Media/coco/faq/image/ico_question.png") no-repeat scroll left top 15px;
		background-size: 21px 20px;
		font-size: 4.06vw;
	    color: #005AAC;
	    cursor: pointer;
	    padding: 15px 0 15px 30px;
		border-bottom: 1px solid #ccc;
		}
	.faq_list dt.close {border-bottom: none;}
			
	.faq_list dd {
		background: url("/~/Media/coco/faq/image/ico_answer.png") no-repeat scroll left top;
		background-size: 21px 20px;
		font-size: 4.06vw;
	    display: none;
	    line-height: 1.4;
	    padding: 0 0 15px 30px;
		border-bottom: 1px solid #ccc;
		}	

}