@charset "UTF-8";
/* CSS Document */
/* 共通CSS）グローバルナビゲーション部 */
@import url("navi.css");
/* 共通CSS）全体レイアウト */
@import url("layout.css");

/*container*/
div#container{
	max-width:1040px;
	margin:0px auto;
        padding-top: 7px;
        background-color: #FFFFFF;
	clear:both;
	position:relative;
}
@media (min-width: 992px) and (max-width: 1116.98px) {
    div#container{
        width:100%;
        margin: 0;
        max-width: none;
    }
    div#container .row {
        justify-content: center;
    }
}
@media (max-width: 991.98px) {
    div#container{
        width:100%;
    }
}
div#container_bg{
	max-width:1040px;
	min-height:600px;
	background:url(../images/container_bg.jpg) repeat-y;
        background-size: 100% auto;
}

div#container_top{
	max-width:920px;
	min-height:260px;
	padding:15px 85px;
	background:url(../images/container_bg_top.jpg) no-repeat center top;
        background-size: contain;
}

div#container_top h2{
	max-width:770px;
	height:72px;
        font-weight: bold;
}
div#container_top h2{
	color: #1d9c3a;
	font-size: 50px;
	text-shadow:2px 2px 2px white; 
}
@media (max-width: 991.98px) {
    div#container_top h2 img {
        max-width: 80%;
    }
}
div#container_top div#contents{
	margin-top: 60px;
        min-height: 190px;
}

div#container_bottom{
	max-width:1040px;
	height:10px;
	background:url(../images/container_bg_bottom.jpg) no-repeat;
        background-size: cover;
}
@media (min-width: 992px) and (max-width: 1116.98px) {
    div#container_bg,
    div#container_top,
    div#container_top h2,
    div#container_top h3,
    div#container_bottom {
        max-width: none;
    }
}
h3{
	max-width:770px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:24px;
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#666;
        font-weight: bold;
}
@media (max-width: 991.98px) {
    div#container_top {
        padding-left: 10px;
        padding-right: 10px;
    }
    div#container_bg,
    div#container_top,
    div#container_bottom {
        max-width: none;
        background: none;
    }
}
h3 em.h3_number{
	font-size:48px;
	font-family:"Century Gothic", "Times New Roman";
	padding-left:10px;
	padding-right:20px;
	color:#696;
}

h3 strong{
	font-size:30px;
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#696;
	font-weight:bold;
}

h3.h3_title{
	max-width:854px;
	margin:20px auto;
	padding:2px 7px;
	border-bottom:dotted #696 1px;
	border-left:solid #696 10px;
	font-size:20px;
	color:#696;
	line-height:1.5em;
}
h4{
	font-size:16px;
	color:#696;
	padding:10px 10px;
}

div#container_top div#contents p{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:13px;
	line-height:1.2em;
	margin:5px 10px;
	text-indent:5px;
	color:#666;
        word-break: break-all;
}

div#container_top div#contents img.imgmargin10{
	margin:5px auto;
}

div#container_top div#contents p.annotation{
	text-align:right;
}

div#rules{
	height:300px;
	max-width:750px;
	overflow:auto;
	padding:4px;
	margin:10px auto;
	border:solid #999 1px;
	background-color:#FFC;
}
dl#confirmation{
	max-width:720px;
	padding:9px;
	margin:10px auto;
	border:inset #396 3px;
}
#confirmation dt{
	font-size:16px;
	color:#396;
}
#confirmation dd{
	font-size:12px;
	color:#666;
	margin-left:10px;
}
#order_btn{
	width:200px;
	height:50px;
	text-align:center;
	margin:20px auto;
}
#order_btn a{
	width:200px;
	height:0px;
	background:url(../images/order_btn.gif) no-repeat;
	padding-top:50px;
	overflow:hidden;
	text-decoration:none;
	display:block;
}
#order_btn a:hover{
	background:url(../images/order_btn_hover.gif) no-repeat;
}

/*privacy page*/

dl#privacy_dl{
	max-width:720px;
	padding:9px;
	margin:10px auto;
	border:inset #CCF 3px;
}

#privacy_dl dt{
	font-size:14px;
	color:#69F;
}
#privacy_dl dd{
	font-size:11px;
	color:#666;
	margin-left:10px;
}

/*evchange page*/
table#exchange_t{
	width:680px;
	border-collapse:collapse;
	font-size:13px;
	margin:10px auto;
	border:solid #999 2px;
}
@media (max-width: 991.98px) {
    table#exchange_t{
        width: 100%;
    }
}
table#exchange_t thead th{
	background-color:#696;
	color:#FFF;
	padding:3px;
	border-bottom:dotted #FFF 1px;
	border-left:solid #FFF 1px;
}

table#exchange_t tbody th{
	width:150px;
	color:#696;
	padding:7px;
	border-bottom:dotted #999 1px;
	border-left:dotted #999 1px;
}
@media (max-width: 575.98px) {
    table#exchange_t tbody th{
        width:80px;
    }
}
table#exchange_t tbody td{
	color:#333;
	padding:7px;
	line-height:1.4em;
	border-bottom:dotted #999 1px;
	border-left:dotted #999 1px;
}

/*price page*/
#price .table-responsive {
        margin:20px auto;
        max-width:732px;
}
#price .table-responsive .table {
        margin-bottom: 0px;
}
table#price_t{
	max-width:730px;
	font-size:11px;
	border-collapse:collapse;
	border:solid #999 2px;
}
table#price_t td{
	border-bottom:dotted #999 1px;
	border-left:solid #999 1px;
	padding:2px;
}
strong.camp-p{
	font-size:18px;
	color:#F00;
}
span.line{
	text-decoration:line-through;
}
table#price_t td.td150, table#price_t th.td150{
	width:146px;
	text-align:center;
}

table#price_t td.td60, table#price_t th.td60{
	width:56px;
	text-align:center;
}

table#price_t td.td153, table#price_t th.td153{
	width:149px;
}

table#price_t th{
	background-color:#696;
	color:#FFF;
	border-bottom:dotted #FFF 1px;
	border-left:solid #FFF 1px;
	padding:2px;
}
table#price_t thead th{
	height:104px;
}
table#price_t thead th img.thimg{
	margin:0;
}
table#price_t th.th60{
	width:56px;
}
table.table730{
	max-width:730px;
	font-size:11px;
	border-collapse:collapse;
	margin:20px auto;
	border:solid #999 2px;
}
table.table730 td{
	border-bottom:dotted #999 1px;
	border-left:dotted #999 1px;
	padding:2px;
}
table.table730 td.td200{
	width:200px;
	text-align:center;
	color:#696;
	font-weight:bold;
}
table.table730 td.td70{
	width:70px;
	text-align:center;
}
table.table730 td.col-green{
	color:#696;
}

div.img730{
	max-width:730px;
	margin:10px auto;
}

table.table730 th{
	color:#696;
	font-weight:bold;
	border-bottom:dotted #999 1px;
	border-left:dotted #999 1px;
}

@media (max-width: 767.98px) {
    #price table.table730 th,
    #price table.table730 td {
        display: block;
        width: 100% !important;
        border-left: none;
        padding: 2px 0px;
    }
    #price table.table730 td:last-child {
        border-bottom: solid 1px #999;
        padding: 5px;
        width: calc(100% - 10px) !important;
    }
    #price table.table730 tr {
        border-bottom: solid 1px #999;
    }
}

#price table#price_t td,
#price table#price_t th,
#price table#price_c td,
#price table#price_c th {
    vertical-align: middle;
}
@media (max-width: 991.98px) {
    #price table#price_t td.td60,
    #price table#price_t th.td60 {
        min-width: 50px;
    }
    #price table#price_t td.size,
    #price table#price_t th.size {
        min-width: 100px;
    }
    #price table#price_t td.td150, table#price_t th.td150{
        vertical-align: middle;
    }
    #price table#price_t th.td150 {
        min-width: 146px;
    }
    
    #price table#price_c td.td60,
    #price table#price_c th.td60 {
        min-width: 50px;
    }
    #price table#price_c td.size,
    #price table#price_c th.size {
        min-width: 100px;
    }
    #price table#price_c td.td150, table#price_t th.td150{
        vertical-align: middle;
    }
    #price table#price_c th.td150 {
        min-width: 146px;
    }
}
/*faq page*/
div#container_top div#contents ul.faq_q{
	color:#663;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:5px 15px;
	line-height:1.4em;
        text-decoration: underline;
}
div#container_top div#contents ul.faq_q li{
	text-indent:5px;
}
div#container_top div#contents ul.faq_q li a:link{
	color:#663;
}
div#container_top div#contents ul.faq_q li a:visited{
	color:#69C;
}
div#container_top div#contents ul.faq_q li a:hover{
	color:#C33;
}
div.faq_box{
	max-width:820px;
	margin:15px auto;
	padding:10px;
	border:dotted #696 1px;
}
div.faq_box div.pagetop a{
	display:block;
	width:120px;
	border:solid #369 1px;
	text-align:center;
	margin-left:700px;
	padding:3px 0;
	font-size:10px;
	color:#369;
	text-decoration:none;
}
@media (max-width: 991.98px) {
    div.faq_box div.pagetop a{
        width: 100%;
        margin-left: 0px;
    }
}
div.faq_box div.pagetop a:hover{
	color:#C33;
	border:solid #C33 1px;
}
#faq .table-responsive {
        margin:20px auto;
}
div.faq_box table.faq_table{
	width:100%;
	font-size:11px;
	border-collapse:collapse;
        margin-bottom: 0px;
	border:solid #999 2px;
}
div.faq_box table.faq_table td{
	width:20%;
	border-bottom:dotted #999 1px;
	border-left:solid #999 1px;
	padding:2px;
	text-align:center;
        word-break: keep-all;
}
div.faq_box table.faq_table th{
	width:20%;
	background-color:#696;
	color:#FFF;
	border-bottom:dotted #FFF 1px;
	border-left:solid #FFF 1px;
	padding:2px;
        text-align:center;
        word-break: keep-all;
}

/*contact page*/
#contact_form{
	max-width:700px;
	margin:20px auto;
}
#contact_form dl dt{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#696;
	margin:10px 0;
}
#contact_form dl dd{
	margin:10px 0px;
}
#contact_form dl dd textarea {
    width: 100%;
}
#contact_form div#contact_buttons{
	text-align:center;
	max-width:600px;
	margin-right:100px;
}
#contact_form div#contact_buttons input{
	margin:3px;
}

/*quality page*/
h2#quality_h2{
	margin:0 auto 20px;
}

h3.quality_h3{
	max-width:770px;
	font-size:24px;
	border-top:dotted #C00 1px;
	border-bottom:dotted #C00 1px;
	color:#C00;
	margin-bottom:20px;
	padding-left:5px;
}

div#contents_q{
	max-width:770px;
	margin:50px auto 0;
	padding-bottom:25px;
}

div#contents_q p{
	font-size:14px;
	color:#333;
	line-height:1.5em;
	text-indent:10px;
        margin: 0 10px;
}

div#contents_q p strong{
	font-size:15px;
	color:#696;
	font-weight:bold;
}

div#contents_q p strong.blue{
	font-size:15px;
	color:#369;
	font-weight:bold;
}

div#contents_q div.q_imgbox{
	max-width:700px;
	margin:0px auto;
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
}

div#contents_q div.q_imgbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#contents_q div.q_imgbox {
    height: 1em;
    overflow: visible;
}
/**/

div.q_imgbox div.q_img700{
	width:700px;
	margin:5px auto;
	text-align:center;
	font-size:15px;
}

div.q_imgbox div.q_imgleft{
	max-width:500px;
	float:left;
	text-align:center;
	padding-bottom:10px;
	font-size:12px;
}
@media (min-width: 992px) {
    div.q_imgbox div.q_imgleft{
        width:500px;
    }
}
div.q_imgbox div.q_imgleft img{
	padding-bottom:5px;
}

div.q_imgbox div.q_imgright{
	max-width:200px;
	float:left;
	font-size:12px;
	padding-bottom:10px;
}
@media (max-width: 991.98px) {
    div#contents_q{
        margin-top: 30px;
    }
    div.q_imgbox div.q_imgleft{
        float: none;
        max-width: none;
        width: 100%;
    }
    div.q_imgbox div.q_imgright{
        float: none;
        max-width: none;
        width: 98%;
        padding: 0 1%;
    }
}
dl.q_dl{
	max-width:680px;
	margin:10px auto;
	padding:10px;
	border: solid #900 1px;
	line-height:2em;
}

dl.q_dl dt{
	font-size:16px;
	color:#C00;
	font-weight:bold;
}

dl.q_dl dd{
	font-size:14px;
	color:#333;
	margin-left:5px;
}

ol.q_ol300{
	width:300px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:30px;
	padding:10px;
	border: solid #36C 1px;
	line-height:2em;
}

ol.q_ol300 li{
	color:#36C;
	font-size:14px;
	margin-left:25px;
}

div#container div#contents_q p.margin60{
	max-width:650px;
	margin:10px auto;
	font-size:13px;
}
table#price_c{
	max-width:730px;
	font-size:11px;
	border-collapse:collapse;
	border:solid #999 2px;
}
table#price_c td{
	border-bottom:dotted #999 1px;
	border-left:solid #999 1px;
	padding:2px;
}
strong.camp-p{
	font-size:18px;
	color:#F00;
}
span.line{
	text-decoration:line-through;
}
table#price_c td.td150, table#price_c th.td150{
	width:146px;
	text-align:center;
}

table#price_c td.td60, table#price_c th.td60{
	width:56px;
	text-align:center;
}

table#price_c td.td153, table#price_c th.td153{
	width:149px;
}

table#price_c th{
	background-color:#696;
	color:#FFF;
	border-bottom:dotted #FFF 1px;
	border-left:solid #FFF 1px;
	padding:2px;
}
table#price_c thead th{
	height:104px;
}
table#price_c thead th img.thimg{
	margin:0;
}
table#price_c th.th60{
	width:56px;
}
div.q_imgbox div.c_imgleft{
	text-align:center;
	padding-bottom:10px;
	font-size:12px;
	margin-right: auto;
	margin-left: auto;
}


/* 証明写真 */
@media (max-width: 767.98px) {
	div#container_top h2#idphoto_h2{
		font-size: 1.5rem;
	}
}

div#idphoto h4{
	font-size: 1.3rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 1.2rem;
}

div#container_top div#contents div#idphoto p {
	text-align: center;	
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div#container_top div#contents div#idphoto p.idphoto_text {
	font-size: 1.4rem;
	font-weight: 800;
	line-height: 2.4rem;
	margin-top: 2rem;
}

div#idphoto p.idphoto_text span {
	font-size: 2.4rem;
	font-weight: 800;
	color: red;
}

div#idphoto .idphoto_li {
	padding: 10px 5px;
	font-size: 0.7rem;
}

div#container_top div#contents p.idphoto_explanation {
	line-height: 1.3rem;
	text-indent: 0;
	padding-left: 0.6rem;
}

div#container_top div#contents p.idphoto_link {
	font-size: 0.8rem;
	font-weight: 400;
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}