/*
    Theme Name: STUDIO GEAR
    Description:スタジオギア　ウェブサイト
    Author: STUDIO99.99

    */

@charset "utf-8";

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
	margin: 0;
	padding:0;
}
body {
  margin: 0;
  padding:0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
.fluid-image {
	max-width:100%;
	height:auto;
}

strong {
	color:#b10925;
}
.att {
	color:#b74f2f;
}
.att2 {
	font-size:18px;
	font-weight:bold;
	color:#406af4;
}
/*トップへボタン*/
#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size:90%;
}
#page-top a {
    background: #569;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 18px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #833;
}
/*layout*/
#container{
	width:100%;
		
}
#contens {
	clear:both;
	position:relative;
	width:80%;
	margin:0 auto;
	overflow:hidden;
	height:auto;
}
/*header*/
header {
	font-family: 'Raleway', sans-serif;
	background:rgba(0,0,0,0.76);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:100;
	overflow:hidden;
}
header.second {
	font-family: 'Raleway', sans-serif;
	background:rgba(0,0,0,1.0);
	position:relative;
	width:100%;
	z-index:100;
	overflow:hidden;
}
header h1 {
	margin:0px;
	padding:0px;
	float:left;	
}
header nav {
	overflow:hidden;
	clear:both;
}
header #r-nav {
	float:right;	
}
header ul {
    color: #fff;
	float:right;
	font-size:22px;
	margin:0 15px 15px 0;
}
header ul li {
	display:inline-block;
	list-style-type:none;
	padding:5px;
	
}
header ul li a{
	color:white;
	text-decoration:none;
}
header ul li a:hover{
	color:rgba(220,255,174,1.00);
	text-decoration:underline;
}
#tel a{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:white;
	font-size:22px;
	display:block;
	wo\idth:auto;
	background-color:#82175e;
	padding:8px 15px;
	margin:20px 0 10px 0;
	float:right;
	text-decoration:none;
	border-radius:5px 0 0 5px;
}
#tel a:hover{
	background-color: #FF9769;
}
/*flexslider*/
#visual {
	width:100%;
	overflow:hidden;
	height:auto;
}
#visual img{
	width:100%;
	height:auto;
		
}
#visual ul{
	margin:0px;
	padding:0px;	
}
#visual ul li{
	margin:0px;
	padding:0px;	
}
#visual .flex-control-nav {
	display:none;	
}
#visual h2 {
	width:40%;
	position:absolute;
	top:30%;
	left: 0;
	right: 0;
	bottom: 70%;
	margin:auto;
	z-index:60;

}
.flex-direction-nav {
	display:none;	
}
/*content*/
#contens p {
	font-size:14px;
	line-height:1.6;
}
#contens ul li {
	font-size:14px;
	padding:0 5px;
}
#contens .a-col,#contens .b-col {
	float:left;
	width:46%;
	padding:2%
		
}
#contens .b-col {
	text-align:center;
}
#contens .a-col p.read{
	font-size:16px;
	text-align:center;
	line-height:26px;
}
#contens .a-col h2 {
	font-family: 'Raleway', sans-serif;
	color:rgba(86,86,86,1.00);
	border-bottom: solid 1px rgba(86,86,86,1.00);
}
#contens h2 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	font-size:24px;
	font-weight:100;
	border-bottom:1px solid #555;
	padding-bottom:5px;
}
#contens h3 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	font-weight:normal;
	border-left:5px solid #558;
	padding-left:5px;
}
#contens h4 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	font-size:16px;
	font-weight:bold;
}
#contens .kousi {
	border:1px solid #555;
	border-radius:10px;
	overflow:hidden;
	padding:15px;
}
#contens .kousi:after {
	clear:both;
}
#contens .kousi img {
	float:right;
	margin:0 15px;
}
#contens h4 {
	padding:0;
	margin:0;	
}
#contens h4 span.kousimei {
	font-size:24px;
	color:#559;
	padding:0;
	margin:0;
}
#contens #kizaihyou {
	width:60%;
	float:left;
}
#contens #imagepht {
	width:calc(40% - 40px);
	float:left;
	padding:0 20px 20px 20px;
	overflow:hidden;
}
#contens #imagepht p{
	margin:0;
	padding:0;
}
#contens #imagepht img{
	float:left;
	margin:0;

}
#contens #imagepht:after {
	clear:both;

}
/*table h01*/
table.h01 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-left: 1px solid #ccc;
}

table.h01 thead th {
	padding: 10px;
	font-weight: bold;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #c00;
	background: #dcdcd1;
}
table.h01 tbody th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #ececec;
}
table.h01 td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/*table h02*/
table.h02 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
}
table.h02 thead {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #04162e;
}
table.h02 thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
}
table.h02 tbody th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #efefef;
}
table.h02 td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}
table.h02 tbody tr.btn-table,table.h02 tbody tr.btn-table th,table.h02 tbody tr.btn-table td {
	border:none;
	background:none;
}
input,textarea,select {
	font-size:16px;
	padding:5px;
        margin:5px;
        border:1px solid #999;
	border-radius:5px;
	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.32) 0px 0px 3px 1px inset;
	-webkit-box-shadow:rgba(113, 135, 164, 0.32) 0px 0px 3px 1px inset;
	-moz-box-shadow:rgba(113, 135, 164, 0.32) 0px 0px 3px 1px inset;
}
input.send-b {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  text-shadow: 1px 1px 4px #666666;
  -webkit-box-shadow: 1px 1px 2px #93abcf;
  -moz-box-shadow: 1px 1px 2px #93abcf;
  box-shadow: 1px 1px 2px #93abcf;
  font-family: Arial;
  color: #ffffff;
  font-size: 21px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  cursor:pointer;
}

input.send-b:hover {
  background: #3cfc69;
  background-image: -webkit-linear-gradient(top, #3cfc69, #4ad934);
  background-image: -moz-linear-gradient(top, #3cfc69, #4ad934);
  background-image: -ms-linear-gradient(top, #3cfc69, #4ad934);
  background-image: -o-linear-gradient(top, #3cfc69, #4ad934);
  background-image: linear-gradient(to bottom, #3cfc69, #4ad934);
  text-decoration: none;
}
.error {
	font-size:14px;
	font-weight:bold;
	color:#F30;
}
/*footer*/
footer {
	text-align:center;
	font-style:normal;

	background-color:black;
	background-image:url(images/footer-logo.png);
	background-repeat:no-repeat;
	background-position:center 50px;
}
footer a{
	text-decoration:none;
}
footer a:link{
	color:white;
}
footer a:visited {
	color:#FDD;
}
footer a:hover{
	text-decoration:underline;
	color:rgba(255,246,135,1.00);
}
footer ul{
	
	padding-top:15px;	
}
footer ul li {
	width:10%;
	display:inline-block;
	list-style-type:none;
}
footer p {
	color:white;	
}

footer address{
	color:white;
	font-style:normal;
	font-weight:normal;
	margin:	140px auto 10px auto;
	
}

footer small{
	display:block;
	color:white;
	padding:20px;	
}
.pc-map {
	display:block;
}

.mobile-map {
	display:none;
}
@media screen and (max-width: 800px) {
	
header {	
	position:relative;
	background:rgba(0,0,0,1.0);
}
#tel a{
	font-size:18px;
	text-align:center;

}
#visual {
	position:relative;

}

#visual h2 {

	width:60%;

	position:absolute;
	top:30%;
}
#contens .a-col,#contens .b-col {
	float:none;
	width:100%;
}

footer ul li a{
	text-align:center;
}
footer {
	
	text-align:center;
	font-style:normal;

	background-color:black;
	background-image:url(images/footer-logo.png);
	background-repeat:no-repeat;
	background-position:center 50px;
	background-size:40%;
}


}
@media screen and (max-width: 600px) {
header ul li{
	padding:10px;
}
#contens #kizaihyou {
	width:auto;
	float:none;
}
#contens #imagepht {
	width:auto;
	height:auto;
	float:none;
	padding:20px 0 20px 0;
}
#contens #imagepht img{
	float:left;
	margin:0;
	width:50%;
	height:auto;
}
#contens .kousi img {
	float:none;
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto 15px auto;
}
#tel a span {
	display:block;
}

table.h02 {
	
}
table.h02 tbody th,table.h02 tbody td {
	width:100%;
	display:block;
}
footer ul {
	width:100%;
	margin:0;
	padding:10px 0 0 0;
}
footer ul li {
	width:auto;
	padding:0 3px;
	display:inline-block;
	list-style-type:none;
}



}
@media screen and (max-width: 480px) {
h1 {
	width:100%;	
}
h1 img {
	width:70%;
	height:auto;
	display:block;
	/*margin:0 auto;*/
}
header ul {
	padding:0;
	margin:10px;
}
#contens {
	width:90%;

}
#contens .a-col p.read{
	font-size:14px;
	text-align:left;
}

#tel {
	width:100%;
}
#tel a{
	
	width:calc(100% - 30px);
	font-size:18px;
	text-align:center;
}
footer {
	background-position:20px 50px;	
	background-size:50%;
	width:100%;
	margin-top:15px;
}
footer ul {
	width:38%;
	margin-left:60%;
	margin-bottom:12px;
}
footer ul li {
	display:block;
	text-align:left;
}
footer address{
	font-size:12px;
	margin:	0px auto 10px auto;
	
}
.pc-map iframe{
	display:none;
}

.mobile-map {
	height:auto;
	display:block;
}
}