@charset "UTF-8";
/* ==========================================================
0～768px
========================================================== */
@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }

/* common
----------------------------------------------------------- */
body {
	min-width:100%;}
	
img {
  max-width: 100%;
  height: auto;
}
	
p{
	font-size:14px;
	font-size:1.4rem;}


/* header
----------------------------------------------------------- */
#top .header-wrap {
    padding-bottom: 10px;
}
#top .header-wrap::after {
    display: none;
}

.head-logo {
    width: 90%;
    height: auto;
    flex-direction: column-reverse;
    justify-content:flex-start;
    align-items:flex-start;
    padding: 14px 0 14px;
}
    
.head-logo .logo {
    width: 220px;
    text-align: left;
}

.head-logo .lead {
	display: none;
}

.headNav {
    width: 100%;
    height: auto;
    background:url("../images/common/bg_headnav_sp.jpg") repeat top center;
    position: relative;
}

.headNav::before {
    display: none;
}

.headNav::after {
    display: none;
}


/* .sp-menu
----------------------------------------------------------- */
/*hamburger*/
.menu-icon {
	position:absolute;
	top: 12px;
	right: 8px;
    padding: 14px 12px;
    background: #111;
    border-radius: 2px;
    cursor: pointer;
    z-index: 9999;
    width: 44px;
    height: 43px;}
	
.menu-icon div {
	 position: relative;}
	
.menu-icon span {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #e0c871;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}

.menu-icon span:nth-child(1) {
  top: 0;
}

.menu-icon span:nth-child(2) {
  top: 7px;
}

.menu-icon span:nth-child(3) {
  top: 14px;
}
    
    /* #nav-toggle animation */
    .current.menu-icon span:nth-child(1) {
      top: 7px;
      -webkit-transform: rotate(315deg);
      -moz-transform: rotate(315deg);
      transform: rotate(315deg);
    }

    .current.menu-icon span:nth-child(2) {
      width: 0;
      left: 50%;
    }

    .current.menu-icon span:nth-child(3) {
      top: 7px;
      -webkit-transform: rotate(-315deg);
      -moz-transform: rotate(-315deg);
      transform: rotate(-315deg);
    }


/* .sp-menu */
.sp-menu {
    padding-bottom: 10px;
}

.headNav .headNav-menu {
    width: 100%;
    height: auto;
	display: block;
    padding-top: 4px;
    position: relative;
}

.headNav .headNav-menu::before {
    display: none;
}
.headNav .headNav-menu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(to right,  rgba(198,178,105,0.1) 1%,rgba(198,178,105,1) 35%,rgba(198,178,105,1) 65%,rgba(198,178,105,0.1) 100%);
    padding: 0 5%;
}

    
.headNav .headNav-menu > li {
    height: auto;
    text-align: left;
}

.headNav .headNav-menu > li::before {
    width: 100%;
    height: 1px;
    top: auto;
    bottom: 0;
    background: linear-gradient(to right,  rgba(198,178,105,0.1) 1%,rgba(198,178,105,1) 35%,rgba(198,178,105,1) 65%,rgba(198,178,105,0.1) 100%);
}

.headNav .headNav-menu > li a {
    display: block;
	font-size: 17px;
	font-size: 1.7rem;
    padding: .7em 2em;
}

.headNav .headNav-menu > li a::before {
    content: "";
    position: absolute;
    background: url("../images/common/icon_arrow_baige.svg") no-repeat left center / contain;
    width: 6px;
    height: 11px;
    left: 1em;
    top: calc(50% - (11px / 2));
}

.menu__single {
    width: 100%;
}

.menu__single > .menu__second-level {
    width: 100%;
    background: #f1efec;
    position: static;
    padding-top: 2px;
    visibility: visible;
    opacity: 1;
}

.menu__single .menu__second-level > li > a {
	font-size: 16px;
	font-size: 1.6rem;
    padding: .7em 1em .7em 2em;
}

	
/* #visual
----------------------------------------------------------- */
#top #visualWrap{
	width: 100%;
	height: auto;}
	
#top #visualWrap .visual{
	width: 100%;}

	
/* #content
----------------------------------------------------------- */
#container{
	width:100%;
    margin: 0 auto;
	display: inline-block;}	
	
#top #container #contents{
	width:100%;
	float:none;}
    
#contents {
	width: 100%;
}
	
.topNewsWrap {
	padding: 0 4%;
	}
	
.topNewsWrap span {
	display: block;
}
	
.topNewsWrap ul{
	padding:16px 4%;
	margin-bottom:0;}
	
.topNewsWrap li{
	line-height: 1.4;
	margin-bottom: 1em;
	font-size: 14px;
	font-size: 1.4rem;
	}
.articleBox{
	border:none;
	padding:60px 4% 0;
	margin-bottom:0;}
	
.articleBox h2{
	background:url(../images/common/border_sp.png) no-repeat left bottom;
	background-size: contain;
	line-height: 1.4;
	padding:0 0 16px 0;
	margin-bottom:20px;}	
	
.articleBox.topPlofile .leftBox{
	width:100%;
	float: none;}
	
.articleBox.topPlofile .rightBox{
	width:100%;
	float: none;
	text-align: center;}

.articleBox .btn {
	text-align: center;
	}


/* #side
----------------------------------------------------------- */
#container #side{
	width: 100%;
	padding: 80px 4% 60px;}

.side-font {
    margin-bottom: 20px;
}

.side-ttl {
    height: 60px;
}
.side-ttl::before {
    height: 4px;
}

.side-ttl .ttl {
    padding: 1em 1.2em 0;
	font-size: 17px;
	font-size: 1.7rem;
}

.side-fontlist a {
    padding: 1.0em;
    padding-top: 1.2em;
}

.side-fontlist .font {
	font-size: 16px;
	font-size: 1.6rem;
}
.side-fontlist .font span {
	font-size: 20px;
	font-size: 2.0rem;
}

.side-fontlist .price {
	font-size: 13px;
	font-size: 1.3rem;
}


.side-cate {
    margin-bottom: 10px;
}

.side-cate .side-ttl {
    width: 100%;
    height: 60px;
    position: relative;
    background: url("../images/common/bg_sidenav.jpg") repeat-x top left / cover;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all .3s;
    
}

.side-cate .side-ttl .ttl {
    margin: 0;
    padding-top: .4em;
}
    
.side-catelist ul {
    display: flex;
    flex-wrap: wrap;
}
.side-catelist.s-column ul {
    display: block;
}
    
.side-catelist li {
    width: 50%;
    border-right: 1px solid #d4cec2;
}
.side-catelist li:nth-child(2n) {
    border-right: none;
}
.side-catelist.s-column li {
    width: 100%;
}

.side-catelist a {
	font-size: 14px;
	font-size: 1.4rem;
    padding: .9em 1em .6em;
}

.side-catelist.s-column a {
    padding: 0;
    display: block;
    border-right: none;
}

.side-catelist a::after {
    right: 1em;
}

    
/*
.s-profile-area {
	padding: 0 4%;
}
.s-profile {
	background: url(../images/common/sp_profile.jpg) no-repeat top right;
	text-align: center;
	background-size: 100%;
}

.s-profile a {
	width: 100%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	background:url(../images/common/icon_arrow.svg) no-repeat 5% 50%;
	background-size: 24px;
}

.s-sholist,
.s-shoyoto {
	background: #fff;
	width: 100%;
	font-size: 0;
}
	
.s-sholist li,
.s-shoyoto li {
	width: 50%;
	display: inline-block;
	background: #F4F4F2;
}
.s-sholist li:nth-child(odd),
.s-shoyoto li:nth-child(odd) {
	border-right:1px dotted #362D23;
}
	
.s-sholist li a,
.s-shoyoto li a {
	padding: 0.5em 2% 0.4em 8%;
}
	
.s-shoyoto li:last-child {
	border-right:1px dotted #362D23;
	border-bottom:1px dotted #362D23;
}
	
.s-sholist p a {
	background:url(../images/common/icon_faq.svg) no-repeat 16% 50% #fff;
	background-size:24px;
	width: 90%;
	height: 64px;
	padding-top: 16px;
}

.s-column {
	padding: 0 4%;
}
.s-column a {
	width: 100%;
}
	
.s-column img {
	width: 20%;
}

.s-column p {
	width: 70%;
	text-align: left;
	padding-left: 5%;
}
*/	
.s-info-area {
	padding: 0 4%;
}

.s-info a {
	width: 100%;
	background:url(../images/common/icon_arrow.svg) no-repeat 95% 54%;
}

/* footer
----------------------------------------------------------- */
footer .footerArea{
	width:100%;
	padding-bottom:24px;}

footer .flogo{
	width: 60%;
	margin:0 auto 24px;
	padding-top:64px;
	text-align: center;}
	
footer .footerArea .flink{
	position:static;
	width:100%;}
	
footer .footerArea li{
	float:none;
	padding:0;
	border-top:1px solid #C6C6C6;
	border-right:none;
	border-left:none;}
footer .footerArea li:last-child{
	border-bottom:1px solid #C6C6C6;}
	
footer .footerArea li a{
	display: block;
	padding:1em 4% 0.4em;
	line-height: 1;}
	
footer .footerArea li.top{
	border-left:none;}

footer .copy{
	width:100%;
	border: none;
	padding: 0 4% 1em;}
	
footer .copy p{
	font-size:10px;
	font-size:1.0rem;}
	
.pagetop{
	width:42px;
	height:42px;
	display: block;
	overflow:hidden;
	background:url(../images/common/1_ic_linktop.png) no-repeat;
	background-size:42px;
	position:absolute;
	top:-18px;
	right:45%;
	z-index:10;}
	
.pagetop a{	
	display: block;
	width:42px;
	height: 0;
	padding-top:42px;}


/*sub_common
----------------------------------------------------------- */
#sub header {
	margin-bottom:0;}
	
#sub #visualWrap{
	background:url(../images/common/font-kazenomai-billboard.jpg) #410766 no-repeat left top;
	margin-top:0;}

#sub #visualWrap .visual{
	width:100%;
	height:auto;
	padding:16px 0;
	margin:0 auto;
	text-align: center;}
	
#sub #breadCrumb{
	width:96%;
	margin:8px 0 0 4%;}

	
#sub #container{
	padding-bottom:60px;}

#sub #container #contents{
	width:100%;
	float:none;
	padding:0;}
	
.articleBox h2.mini{
	background:url(../images/common/hr.gif) no-repeat left bottom;}


/*contact
----------------------------------------------------------- */
.setting_section {
	padding:0;}
	
#txt_explain p{
	font-size:14px;
	font-size:1.4rem;}

#main_table th{
	border-bottom:none;
	width:100%;
	display: block;
	font-size: 16px;
	line-height: 1.5;}
	
#main_table td{
	border-bottom:none;
	width:100%;
	padding:1em 0;
	line-height:1.5;
	vertical-align:middle;
	display: block;}

#main_table input{
	width:100%;
	height: 3em;
	font-size: 14px;
	border:2px solid #ddd;}

#main_table textarea{
	width:100%;
	border:2px solid #ddd;}

.button_box input{
	width: 40%;
	height: 60px;
	font-size: 18px;
	display: inline-block;
	border:3px solid #ccc;}
	
.button_box input.back{
	width: 25%;
	height: 40px;
	margin-right: 8%;
	font-size: 14px;
	border:3px solid #ccc;
	background: #fff;}
    
    
/*風の舞_contact
----------------------------------------------------------- */
#main_table.kazenomai th {
	border-bottom: none;
	width: 100%;
	display: block;
	font-size: 16px;
	line-height: 1.5;
}
    
#main_table.kazenomai td {
	border-bottom: none;
	width: 100%;
	padding: 1em 0;
}
    
#main_table .inp{
	height: 3em;}
	

/*news
----------------------------------------------------------- */
.articleBox .pagenav {
	margin: 3em auto;}
	
.articleBox a.page-numbers, .pagenav .current {
	padding: 8px .8em;}

	

	
}
/* -----@media screen and (max-width:768px) ------ */