@charset "utf-8";
@media only screen and (min-width:801px){
	.pc {display: block !important;}
	br.pc {display: inline-block !important;}
	.sp,
	br.sp {display: none !important;}
	body,input,select,textarea {font-size: 16px;}

	#container {width: 100%; min-width: 1200px;}
	#contentsOuter {width: 1200px; padding-top: 80px; margin: 0 auto;}
	#sideContents {float: left; display: inline; width: 180px;}
	#contents {float: right; display: inline; width: 960px;}
	#contentsTop {padding-top: 140px;}

	/* header */
	#header {width: 100%; height: 140px; left: 0; margin: 0; overflow: hidden;
		font-size: 15px;
		background-position: center 90px;}

	#header h1 {float: none; display: block; position: absolute; left: 50%; top: 0; height: 90px; margin: 0 0 0 -600px; font-size: 14px;}
	#header h1 img {width: 160px; margin: 8px 0 6px;}
	#header ul.sub {float: none; display: block; width: 1200px; height: 90px; margin: 0 auto !important; text-align: right;}
	#header ul.sub li a {width: 80px; padding-top: 65px; background-size: 50px auto; background-position: center 10px; font-size: 14px;}

	#header ul.nav {display: flex; width: 1200px; margin: 0 auto; text-align: center; background: none;}
	#header ul.nav li {
		background-position: 20px 6px; background-size: auto 30px;}
	#header ul.nav li a {padding: 0 0 0 40px; margin: 0 10px;
		font-size: 1em !important; line-height: 46px; background-position: 20px 42px; background-size: auto;}


	/*footer*/
	#footer {
        margin: auto;
        padding-top:350px;
        position: relative;
		background: rgba(242,235,222,0.5);
    }
	#footer .sitenav > ul {
		display: flex;
		justify-content: center;}
	#footer .sitenav li {padding: 24px 24px 20px 20px; margin: 0 4px 60px; text-align: left;
		background: rgba(255,255,255,0.8); border-radius: 5px; box-shadow: 0 0 10px #eee9df;}
	#footer .sitenav li h3 {color: #c8a063; font-size: 1em; font-weight: normal;}
	#footer .sitenav li ul {}
	#footer .sitenav li li {display: block; padding: 0; margin: 0; background: none; box-shadow: none;}
	#footer .sitenav li li a {position: relative; padding-left: 16px;
		color: inherit; line-height: 2.2; text-align: left;}
	#footer .sitenav li li a::before{
		position:absolute; top:50%; left: 0;
		width: 6px; height: 6px; margin: -3px 0 0;
		border: 1.5px solid #342f24; border-bottom: none; border-left: none;
		transform: rotate(45deg);
		content:'';}

	#footer h2 {
        width:100%;
        margin:auto;
        padding: 0;
        position:absolute; top:50px; left:0;
        display:flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center;
    }
    #footer h2 a {
        margin: 0;
        display: block;
    }
	#footer h2 img {width: 300px;}
    
    #footer .tel {
        display:flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center; flex-direction:column;
    }
    #footer .tel a {
        margin: 0 auto 10px;
        font-size: 3rem;
        color: #ec6e7c;
    }

	#pageTop {max-width: 100px;}

	#menu {top: 140px; left: 0; margin: 0;
		width: 100%; height: calc(100% - 50px);}
	#menu h2,
	#menu .tel {display: none;}
	#menu div.searchBox {width: 1200px; margin: 40px auto 0;}
	#menu div.searchBox dl {display: inline-block; padding: 10px 0 0 10px;}
	#menu ul.guide,
	#menu div.category {width: 1200px; padding-right: 0; padding-left: 0; margin: 0 auto;}
	#menu div.category ul {justify-content: flex-start;}
	#menu div.category ul li {width:calc((100% - 60px) / 4); margin-right: 20px;}
	#menu div.category ul li:nth-child(4n+4) {margin-right: 0;}
	#menu ul.guide li {width:calc((100% - 30px) / 4);}
	#menu ul.guide li.my-false {width:calc((100% - 20px) / 3);}
	#menu ul.guide li a {padding-left: 50px; background-size: 50px auto; text-align: center;}

	ul.snsBanner {
        width: 1200px;
        margin: 30px auto;
        display:flex; flex-flow:row wrap; justify-content:center; align-content:flex-start; align-items:flex-start;
    }
	ul.snsBanner li {
        width:20%;
        margin:5px;
    }
    ul.snsBanner li a {
        display: block;
    }
    ul.snsBanner li a img {
        border-radius: 10px;
    }
    
	#menu .sitenav > ul {
		display: flex;
		justify-content: center;}
	#menu .sitenav li {padding: 24px 24px 20px 20px; margin: 0 4px 60px; text-align: left;
		background: rgba(0,0,0,0.2); border-radius: 5px;}
	#menu .sitenav li h3 {font-size: 1em; font-weight: normal; opacity: 0.7;}
	#menu .sitenav li li {display: block; padding: 0; margin: 0; background: none; box-shadow: none;}
	#menu .sitenav li li a {position: relative; padding-left: 16px;
		color: inherit; font-size: 1em; line-height: 2.2; text-align: left;}
	#menu .sitenav li li a::before{
		position:absolute; top:50%; left: 0;
		width: 6px; height: 6px; margin: -3px 0 0;
		border: 1.5px solid #fff; border-bottom: none; border-left: none;
		transform: rotate(45deg);
		content:'';}


	/* sideContents */
	#sideContents a {display: block; color: inherit; text-decoration: none;}
	#sideContents div.category h3 {
        padding: 6px 0 6px 10px; color: #fff; font-size: 0.9em;
		background:#836b59;
        border-radius:5px;
    }
	#sideContents div.category ul {padding: 0 0 30px;}
	#sideContents div.category ul li {border-bottom: 1px dashed #d5cdb8;}
	#sideContents div.category ul li a {position: relative; padding: 5px 0 5px 16px; font-size: 0.9em;}
	#sideContents div.category ul li a::after {
		position:absolute; top:50%; left:0;
		width:6px; height:6px; margin: -4px 0 0;
		border: 2px solid #ec6d7b; border-bottom: none; border-left: none;
		transform: rotate(45deg);
		content:'';}
	#sideContents div.category ul li a img {display: none;}
	#sideContents div.category div.top ul {padding: 0;}
	#sideContents div.category div.top li {
        margin: 0 0 10px;
        padding:2px;
        border: none;
        border-radius: 5px;
        background: #ec6e7c;
    }
	#sideContents div.category div.top a {
        padding: 10px 0;
		color: #fff; font-size: 0.9em; text-align: center;
		border: 1px solid #fff; border-radius: 4px;
        position:relative;
    }
	#sideContents div.category div.top a::after {display: none;}
	#sideContents div.category div.top a p {text-align: center;}
	#sideContents .banner li {position: relative;}
	#sideContents .banner li img {display: block; width: 100%; margin: 0 0 5px; border-radius: 10px;}

	/*検索窓*/
	div.searchBox {width: 1200px; padding: 14px 0; margin: 10px auto 0; font-size: 1em; text-align: center;}
	div.searchBox .tel { display: inline-block; height: auto; padding: 8px 40px 8px 0; border-right: 1px solid #fff; border-bottom: none; vertical-align: top;}
	div.searchBox .tel a,
	div.searchBox .tel p {display: block; vertical-align: top;}
	div.searchBox .tel a img  {width: 280px; height: auto;}
	div.searchBox .tel p {padding: 14px 0 0;}
	div.searchBox .tel p br {display: none;}

	div.searchBox .search {display: inline-block; padding: 0 0 0 40px; text-align: left;}
	div.searchBox .search h3 {font-size: 16px; line-height: 40px;}
	div.searchBox .search form {width: 400px; height: 40px;}
	div.searchBox .search form input,
	div.searchBox .search form button { height: 32px;}
	div.searchBox .search dl {padding: 4px 0 0;}

	/* トップページ */
	#mainSlide {height: 600px;}

	#mainSlide-inner {width: 1920px; height: 600px;
		position: absolute; left: 50%; top: 0; margin: 0 0 0 -960px;}
	#mainSlide-inner li {width: 1920px; height: 600px;}
	#mainSlide-inner li img {opacity: 0;}

	#mainSlide .slick-dots li,
	#mainSlide .slick-dots li button {width: 14px; height: 14px;}
	#mainSlide .slick-dots {bottom: 5px;}


	.fs-c-breadcrumb {padding: 0 0 10px;}
	.fs-c-breadcrumb ol {padding: 0;}	
}