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

/* LAYOUT
=========================================== */
body {
	min-width: 1100px;
	color: #000;
	font-size:16px;
	line-height: 1.8;
	font-family: "Noto Sans JP", sans-serif;
}

.wrap{
	width: 1200px;
	margin:0 auto;
}

body,li,th,td,p,dt,dd{}
p{
	line-height: 2;
}

.wrap{
	width: 90%;
	margin:0 auto;
	position:relative;
}

img{
	width: 100%;
}

/*PC*/
@media screen and (min-width: 481px) {
	.sp{
		display: none;
	}
}

/*SP*/
@media screen and (max-width: 480px) {
	.pc{
		display: none;
	}
}


/* 見出し */
/*-------------------------------------------*/


/* レイアウト */
/*-------------------------------------------*/



/* header */
/*-------------------------------------------*/
#header > div{
	width:95%;
	margin: auto;
	z-index:100;
	transition: 0.3s;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

h1#logo{
	width: 230px;
	height:106px;
	z-index: 10;
}

h1#logo a{
	overflow: hidden;
  	text-indent: 100%;
 	white-space: nowrap;
    width: 230px;
	height:106px;
	display:block;
	background: url(../img/logo.webp) no-repeat center center;
	background-size: contain;
}

#header {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index:100;
}

/* g-nav */
/*-------------------------------------------*/

#gnav ul{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#gnav ul li{
	margin-right: 15px;
	padding-left: 15px;
	width: auto;
}

#gnav ul li a{
	font-size: 1.5vw;
	font-weight: 600;
	font-family: "Roboto", sans-serif;
	cursor: pointer;
}

#gnav ul li a:hover{
	color: #ff7700;
}

#gnav ul li.contact_btn a{
	position: relative;
	width: 180px;
	height: 46px;
	display: block;
}

#gnav ul li.contact_btn a img{
	position: absolute;
	left: 0;
}

.contact_btn{
	width: 25%;
}

/* 2枚目の画像は最初透明 */
#gnav ul li.contact_btn a img:last-of-type {
  opacity: 0;
  transition: opacity .7s;
}
/* hoverすると2枚目の画像が透明じゃなくなる */
#gnav ul li.contact_btn a:hover img {
  opacity: 1;
}

/*メイン画像*/
/* main */
/*-------------------------------------------*/
#main-v{
	width:95%;
	margin: auto;
	margin-bottom: 100px;
	margin-top: 110px;
}

/*中ページ*/
div#s-main {
    margin-top: 110px;
}

/*各中ページ*/

/*404*/
.error404 div#contents {
	margin-top: 63px;padding: 100px 0;
}

/*パンくず*/
div#bread {
	margin:40px 0 60px 0;
}

div#bread .wrap{
}

#bread ul li {
	display: inline-block;
	font-size:13px;
}

ul.bread-list li a{
	font-size:13px;
	text-decoration:underline;
}

ul.bread-list li a:hover{
	text-decoration:none;
}

ul.bread-list li:after{
	content:">";
	margin-left:10px;
	margin-right: 5px;
}

ul.bread-list li:last-child:after{
	content:none;
}


/* contents */
/*-------------------------------------------*/


#contents {
}

.home #contents{
}

section{
	width:100%;
	position:relative;
	margin-bottom: 160px;
}


.t-none{
	overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

/* side */
/*-------------------------------------------*/
#sidebar h2{
	font-size: 1.5vw;
	  padding-bottom: 10px;
	  margin-bottom: 10px;
	  text-align: left;
	  background-position: left bottom;
}

#sidebar .widget{
	margin-bottom:35px;
}

#sidebar ul >li{
	
}

#sidebar >ul >li{
	margin-bottom:10px;
	border-bottom: 1px dotted #bababa;
	padding-bottom: 10px;
}

#sidebar ul >li a{
	text-decoration: underline;
}

#sidebar ul >li a:hover{
	text-decoration: none;
}

#wp-calendar a{
	color:#f49801;
	text-decoration:underline;
}


ul.children {
    margin-left: 15px;
	margin-top:5px;
}

#sidebar .cat-item{
	font-size:16px;
}

ul.children li{
	font-size:14px !important;
}


/* footer */
/*-------------------------------------------*/

footer{
    position: relative;
    background-color: #E4E4E4;
    border-radius: 30px 30px 0 0;
    margin-top: -50px;
    z-index: 99;
}

div#footer {
	padding: 100px 0 60px;
}

.con > a{
	font-size: 5vw;
	font-family: "Roboto", sans-serif;
	font-weight: 600;
	border-bottom: 2px solid;
	display: flex;
	justify-content: space-between;
	align-items:center;
	margin-bottom: 40px;
}

.con > a img{
	width: 49.5px;
	height: 47px;
}

.con ul{
	display: flex;
	justify-content: space-between;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
}

.con ul li{
	margin-right: 30px;
}

.shop{
	display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    border-bottom: 1px solid #333333;
    padding-bottom: 220px;
}

.tel{
	font-size: 2vw;
	font-weight: 600;
	display: flex;
	align-items:center;
}

.tel img{
	width: 31.5px;
	height: 31px;
	margin-right: 15px;
}

.copyright{
	font-size:13px;
	display: flex;
	justify-content: space-between;
	font-weight: 500;
}

.copyright img{
	width: 195.5px;
}

/* サイドボタン */
/*-------------------------------------------*/

/* 共通
=========================================== */

.tright {
	text-align:right;
}
.tleft {
	text-align:left;
}
.tcenter {
	text-align:center;
}

.pad05 {
	padding:0 5px;
	text-align:justify;
}
.bold {
	font-weight:bold;
}
.red {
	color:#7B2732;
	font-weight: bold;
}
.blue {
	color: #3c59ab;
}
.orange{
	color:#f9b800
}

/* OTHERS
=========================================== */
.mt0 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr0 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr13 { margin-right:13px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb0 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb18 { margin-bottom:18px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb55 { margin-bottom:55px !important;}
.mb60 { margin-bottom:60px !important;}
.mb65 { margin-bottom:65px !important;}
.mb75 { margin-bottom:75px !important;}
.ml0 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

.pt0 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pt55 { padding-top:55px !important;}
.pt60 { padding-top:60px !important;}
.pt65 { padding-top:65px !important;}
.pt70 { padding-top:70px !important;}
.pt75 { padding-top:75px !important;}
.pt80 { padding-top:80px !important;}


.pr0 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb0 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl0 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}
.pl70 { padding-left:70px !important;}

.login #login h1 a{
	background-size: contain !important;
}

@media screen and (min-width: 0px) and (max-device-width: 768px) {

}

@media print{
	.print{display:none}
}