@charset "UTF-8";
/* CSS Document */

/*
Theme Name: gifuhonbu
Theme URI: http://
Author: Utility Factory
Description: テコンドー岐阜本部道場のテーマファイルです
*/

* {
	margin: 0px;
	padding: 0px;
	font-family: 'FontAwesome','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', sans-serif;
	font-size: 15px;
	font-weight: normal;
}
body {
	margin:0px;
	padding:0px;
}
p{
	margin:0px;
	padding:0px;
}
img{
	display:block;
	margin:0px;
	padding:0px;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none;
}
table{
	border-collapse:collapse;
}
th{
	text-align:left;
	vertical-align:top;
}
a{
	color:#000;
}
a:link,
a:visited,
a:active {
	text-decoration: none;
}
i{
	font-style:normal;
}

@media screen and (min-width: 769px){

.pcnone{
	display:none;
}

#wrapper{
	width:100%;
}
#container{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#contents{
	float:right;
	width:700px;
	margin-bottom:50px;
}


/*ヘッダー*/

.tel,
.contact_btn{
	float:right;
    display: inline-block;
    position: relative;
    padding: 0.8em 1.2em;
	margin-top:20px;
	margin-right:10px;
    text-decoration: none;
    background: #FF5C26;/*ボタン色*/
    border-bottom: solid 5px #FFC926;/*ボタン色より暗めに*/
    border-right: solid 5px #FF9326;/*ボタン色より暗めに*/
}
.contact_btn:before{    
    content: " ";
    position: absolute;
    bottom: -5px;
    left: -1px;
    width: 0;
    height: 0;
    border-width: 0 6px 6px 0px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #FFF;
}
.contact_btn:after{   
    content: " ";
    position: absolute;
    top: -1px;
    right: -5px;
    width: 0;
    height: 0;
    border-width: 0px 6px 6px 0px;
    border-style: solid;
    border-color: #FFF;
    border-bottom-color: transparent;
}
.contact_btn:active{ /*ボタンを押したとき*/
    border:none;
    -ms-transform: translate(6px,6px);
    -webkit-transform: translate(6px,6px);
    transform: translate(6px,6px);
}

.contact_btn:active:after,.square_btn:active:before {
    content: none;/*ボタンを押すと線が消える*/
}

header{
	margin-top:20px;
	padding-bottom:30px;
}
header .box{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
header .logo{
	float:left;
}
header .logo:hover{
	opacity:0.5;
	transition:0.8s;
}
header nav{
	background:#014099;
}
header nav ul{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	border-left:#FFF 1px dotted;
}
header ul li{
	width:139px;
	display:table-cell;
	text-align:center;
	padding-top:20px;
	padding-bottom:15px;
	border-right:#FFF 1px dotted;
}
header ul li a{
	width:139px;
	display:block;
	color:#FFF;
}
header ul li span{
	font-size:10px;
	color:#FFF;
	opacity:0.8;
	display:block;
}
header ul li img{
	display:block;
	margin:8px auto 0px;
}
header ul li a:hover{
	opacity:0.5;
}

/*サイドメニュー*/

#sidemenu{
	float:left;
	width:250px;
}
#sidemenu img{
	margin-bottom:10px;
}

/*フッター*/

footer{
	clear:both;
	background:#014099;
	margin-top:80px;
	padding-top:30px;
	padding-bottom:50px;
}
footer nav{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
footer ul{
	margin-right:50px;
	float:left;
}
footer nav ul li{
	color:#FFF;
}
footer nav ul li:before{
	content: "\f105";
	margin-left:4px;
	margin-right:8px;
}
footer nav ul li.main:before{
	content:'\f138';
	margin-right:5px;
	margin-left:0px;
}
footer nav ul li.main a{
	color:#FFF;
	font-size:14px;
}
footer nav ul li a{
	color:#FFF;
	font-size:13px;
}
footer nav ul li a:hover{
	text-decoration:underline;
}
.logo{
	display:block;
	margin:10px auto 0px;
}
.copyright{
	font-size:12px;
	text-align:center;
	margin-bottom:20px;
}
}


@media screen and (max-width: 768px){
.drawer-hamburger p{
	font-size:10px;
	margin-top:15px;
}
p{
	text-align:justify;
}
img{
	max-width:100%;
	height:auto;
}
.mbnone{
	display:none;
}

#wrapper{
	width:100%;
}
#container{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
#contents{
	margin-bottom:50px;
}

header .box{
	margin-bottom:0px;
}
header .logo{
	max-width:60%;
	margin:20px auto 20px;
}
header br{
	display:none;
}

/*スマホメニュー*/
.drawer-menu{
	background:#014099;
}
.drawer-menu li{
	text-align:center;
	padding:10px;
	border-bottom:#FFF 1px dotted;
}
.drawer-menu li:last-child{
	border-bottom:none;
}
.drawer-menu li span{
	display:block;
	font-size:13px;
	opacity:0.8;
}
.drawer-menu li a{
	color:#FFF;
	display:block;
}

/*フッター*/

footer{
	clear:both;
	background:#014099;
	margin-top:30px;
	margin-bottom:0px;
	padding-bottom:0px;
}
footer nav{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding-bottom:0px;
}
footer nav ul li{
	text-align:center;
	padding:10px;
	border-bottom:#FFF 1px dotted;
}
footer nav ul li:last-child{
	border-bottom:none;
	padding-bottom:0px;
}
footer nav ul li a{
	color:#FFF;
	display:block;
}
footer nav li.sub{
	display:none;
}
.logo{
	display:block;
	margin:10px auto 0px;
}
.ft_tel{
	display:block;
	margin:0px auto 10px;
}
.copyright{
	font-size:12px;
	text-align:center;
	margin-bottom:20px;
}
}