@charset "utf-8";

/* --------------------------------
	Theme CSS for ishigaki-diving-field.com by Works-YUI
-------------------------------- */
.rich_font {
    font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    font-weight: 400;
}
h1, h2 {
    font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}


#header {
background: #000 !important;
}
#footer {
    background: #000 !important;
    color: #FFF !important;
    border-top: none !important;
}
.footer_logo_area a {
    color: #FFF !important;
}
.footer-nav a {
    color: #FFF !important;
}
.footer-nav li {
    display: block;
    border-bottom: 1px solid #FFF !important;
}
.footer-copyright {
    color: #DDD !important;
}
.footer-nav a:hover {
    color: #000 !important;
    text-decoration: none;
    background-color:#eeeeee;
}
#add-cart.btn-success {
    color: #fff;
    background-color: #e84913;
    border-color: #d7dadd;
}
.fa, .fas, .far {
	margin-right:0.5em;
}
.top_title {
	text-align:center;
}
.top_title h2 {
	font-size: 3rem;
	margin:0 auto;
}
.top_title h2 span {
	color:#ff6b01;
}
.top_title h2 span.stars1 {
	font-size: 3rem;
}
.top_title h2 span.stars2 {
	font-size: 2rem;
}
.top_title h2 span.stars3 {
	font-size: 1rem;
}
.top_title2 {
	margin: -30px auto 0;
}
.top_title2 h3 {
	font-size: 2rem;
	text-align:center;
}
.header_tel {
    position: absolute;
    right: 18px;
    top: 59px;
    background: #FFF;
    font-size: 2.3rem;
    width:230px;
	margin:0 auto;
	padding:6px 0;
    z-index: 4;
	text-align:center;
	border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
}
.header_tel a {
    color: #D93600;
    text-decoration: none;
}
.header_tel i {
    color: #000;
}
.header_topix {
	position: absolute;
    right: 140px;
    top: 2px;
    margin: auto;
    width: 275px;
}
.header_tel p {
	margin: 0;
	font-weight:900;
	color: #ff6b01;
}
.header_tel p span {
	display: block;
    font-size: 0.5em;
	font-weight:400;
	color: #000;
}
.footer_tel {
    background: #FFF;
    font-size: 2.3rem;
    width:230px;
	margin:10px auto 0;
	padding:6px 0;
    z-index: 4;
	text-align:center;
	border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
}
.footer_tel p {
	margin: 0;
	font-weight:900;
	color: #000;
}
.footer_tel p span {
	display: block;
    font-size: 0.5em;
	font-weight:400;
	color: #000;
}
.footer_logo_area .footer_tel {
	color: #000 !important;
}
.footer_logo_area .footer_tel a {
	color: #D93600 !important;
	margin:0 !important;
    text-decoration: none;
	display: inline-block;
}
.footer_credit {
    margin-top: 0.5rem !important;
	text-align:center;
}
.footer_credit h2 {
    font-size: 3rem;
	margin:0 0 0.2em;
}
.footer_credit h3 {
    font-size: 1.5rem;
	font-weight:200;
	margin:0.5em 0 1em;
}
/* --------------------------------
2019/05/30
-------------------------------- */
div.col-sm-3.col-xs-6 img {
	width:auto;
	max-height:255.5px;
}
li.col-sm-2.col-xs-4 img {
	width:auto;
	max-height:255.5px;
}
@media only screen and (min-width: 870px){
#item_photo_area {
	width: 50%;
}
#item_detail_area {
    float: left;
    width: 50%;
}
}


@media only screen and (min-width: 768px) {
.footer_logo_area a {
    margin-top: 1rem !important;
}
#header .header_logo_area {
    text-align: left;
    font-size: 1.2rem;
    width: 40em;
    margin: 0 auto 1rem 1rem;
}
}
.guide_inner {
    margin: 0 16px 48px;
}
.guide_inner img {
    max-width:100%;
    height:auto;
}
.guide_inner ol {
	list-style-type: decimal;
	margin-left:4%;
}
.guide_inner ol li {
	display: inline-block;
    width: 45%;
    vertical-align: top;
    margin-right: 4%;
    margin-bottom: 20px;
}
.guide_inner ol li h5 {
    font-size: 20px;
    margin: 0 0 0.5em;
    border-bottom: 1px dashed #9797a1;
}
ul.guide_inner_item {
	list-style-type: disc;
	list-style: disc;
	overflow: hidden;
}
ul.guide_inner_item li {
	list-style-type: disc;
	list-style: disc;
	margin-left:2.5em;
    display: list-item;
    margin-bottom: 10px;
}
ul.guide_inner_item.item  li {
	width:100%;
    margin-bottom: 0;
}
.guide_bg {
	margin: 0 16px 0 4%;
}
.guide_bg h3 {
	border-bottom: 1px dashed #AAA;
}
table.default {
	width:700px;
	font-size:15px;
}
table.default, table.default td, table.default th {
	border: 1px solid #777;
	border-collapse: collapse;
}
table.default td {
	text-align:center;
}
table.default th {
	text-align:center;
	background:#EEE;
}
table.default td, table.default th {
	padding: 7px 0;
	font-weight:100;
}
h3.guide_h3 {
	margin-top:2em;
}

@media only screen and (max-width: 767px) {
.header_tel {
    display: none !important;
}
.guide_inner ol {
	list-style-type: decimal;
	margin-left:0%;
	margin-top:2em;
}
.guide_inner ol li {
	display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-right: 0%;
    margin-bottom: 20px;
}
table.default {
	width:auto;
}
table.default td, table.default th {
	padding: 7px;
    text-align: left;
}
.footer_credit {
    margin-top: 2.5rem !important;
	text-align:center;
}
}
@media only screen and (max-width: 870px) {
table.default {
	width:auto;
}
table.default td, table.default th {
	padding: 7px;
    text-align: left;
}
.header_topix {
	display:none;}
}