@charset "utf-8";

html{color:#000;background:transparent;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}



*:focus {
  outline: none;
}
body {width:100%;margin: 0; /* 余白の削除 */padding: 0;/* 余白の削除 */font-size: 14px;
	 	 font-family:'Century Gothic','Meiryo','ms pgothic', sans-serif;line-height:1.6;color: #7D6150;letter-spacing: 0.3px;overflow-x: auto;}
body img{max-width:100%;}

body a{text-decoration: none;color: #7CB3C9;transition:0.2s;}
body a:hover{filter:none;color:#608B9B;transition:0.2s;}

/*
@media screen and (max-width: 750px) {
body{width: 750px;min-width: 100%;overflow-x: hidden;}
#wrapper{overflow-x: hidden;}
}
*/

#wrapper{
	text-align: center;
	background-image:url(../images/footerbg.png),url(../images/bg.png);
  background-attachment:fixed,fixed;
  background-position: bottom,center;
  background-repeat: no-repeat,repeat;
	background-color: #fefefe;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#wrapper a img:hover{opacity: 0.7;transition:0.3s;}

i{  -webkit-transform: rotate(0.025deg);
-moz-transform: rotate(0.025deg);
-ms-transform: rotate(0.025deg);
-o-transform: rotate(0.025deg);
transform: rotate(0.025deg);}
.social i{width: 43px;margin-top: 5px;}

.bt{
    text-align: center;
    margin: 0 auto;
}
.bt a{
    text-decoration : none;
    display : block;
    color : #fff;
    border-radius: 10px;
    background-color: #775854;
    box-shadow: 0px 3px 0 rgba(72, 39, 39,1);
    padding : 5px;
}
.bt a:hover{
    background-color: #FDB55C;
    box-shadow: none;
    color : #775854;
    transform: translate3d(0, 2px, 0);
}

h1{margin: 20px auto;}

h2 {
position: relative;
padding-bottom: .4em;
font-size: 24px;
font-weight: 600;
color: #610B38;
margin: 5px auto;
display: block;
font-family: "Rounded Mplus 1c";
-webkit-transform: rotate(0.025deg);
-moz-transform: rotate(0.025deg);
-ms-transform: rotate(0.025deg);
-o-transform: rotate(0.025deg);
transform: rotate(0.025deg);
}
h2::after {
position: absolute;
bottom: 4px;
left: 0;
content: '';
height: 7px;
width: 100%;
background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #E1CBCB 2px, #E1CBCB 4px);
background: repeating-linear-gradient(45deg, #fff, #fff 2px, #E1CBCB 2px, #E1CBCB 4px);
}
h2::before {
  content: '';
  position:relative;top:0px;
  background: url(../images/index/h2_base.png) no-repeat 50% 50% ; /*アイコン画像*/
  width: 30px;
  height: 18px;
  display: inline-block;
  color: #fd8787; /*アイコン色*/
}

.common_wrap h3{
  position: relative;/*相対位置*/
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 2.5;/*行高*/
  font-size: 18px;
  font-weight: 700;
  color: #543D3D;
  font-family: "Rounded Mplus 1c";
  -webkit-transform: rotate(0.025deg);
  -moz-transform: rotate(0.025deg);
  -ms-transform: rotate(0.025deg);
  -o-transform: rotate(0.025deg);
  transform: rotate(0.025deg);
}
.common_wrap h3:before {
  font-family: "Font Awesome 5 Free";
  content: "\f192";/*アイコンのユニコード*/
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #fd8787; /*アイコン色*/
}
h3{
  font-family: "Rounded Mplus 1c";
  -webkit-transform: rotate(0.025deg);
  -moz-transform: rotate(0.025deg);
  -ms-transform: rotate(0.025deg);
  -o-transform: rotate(0.025deg);
  transform: rotate(0.025deg);
  line-height: 1.5;/*行高*/
  font-size: 19px;
  font-weight: 700;
  color: #543D3D;
}


a .newsimg:hover > img{
  opacity: 0.7;
  transition: 0.3s;
}

/* -------------------------------
						▼TOP▼
-------------------------------*/
.topline_pink{width: 100%;height: 3px;background-color: #fd8787;}
/* -------------------------------
						▼ヘッダー▼
-------------------------------*/
.topline{width: 100%;height: 90px;position: fixed;z-index: 997;top:0px;background-image: url(../images/headbg.png);background-position: center,center;background-size: cover;overflow-x: hidden;}
.topline_base{width: 100%;height: 90px;position: fixed;z-index: 996;top:0px;background: rgba(255, 255, 255, .9);}
.w1280{margin:0 auto;width: 100%;position: relative;}
.contents{padding-top:50px;}

.pcMenu{width: 100%;position:relative;z-index: 20;margin: 13px auto 15px;position: fixed;z-index: 998;}
.pcMenu nav ul{margin: 0px auto;width: 90%;display:flex;align-items:center;justify-content: center;transition: 0.3s;}
.pcMenu nav li img{max-width: 93%;}
.pcMenu nav li{margin: 0 0.6%;}
.pcMenu nav li a{transition: 0.2s all ease 0s;}
.pcMenu nav li a:hover{display: block;transform: translate3d(0, 3px, 0);filter: none;}
.navili{opacity: 0.4;}
.pcMenu.tokohana_logo{width: 140px;}

.spMenu{display: none;position: fixed;z-index: 998;width: 100%;}
.spMenu nav{position: relative;z-index: 999;}
.spMenu ul{display: flex;justify-content: space-between;align-items: center;padding-top: 8px;padding-left: 5%;padding-right: 5%;}

.spMenu_nav{display: none;background-color: rgba(255,255,255,0.9);border-bottom: 3px #fd8787 solid;}
.spMenu_nav.active{display: none;z-index: 997; position: fixed;top:90px;width: 100%;}
.spMenu_nav li{margin: 20px auto;display: block;width: 100%;}
.spMenu_nav li img{display: block;margin: 0 auto;}


.menuBtn{
  background-image: url(../images/index/navi/sp.png);
  background-position: center,top;
  background-repeat: no-repeat;
	cursor: pointer;
  width: 63px;
  height: 46px;
}
.menuBtn.active{
  background-image: url(../images/index/navi/sp_2.png);
    background-position: center,top;
  background-repeat: no-repeat;
  width: 66px;
  height: 51px;
}



/* -------------------------------
						▼フッター▼
-------------------------------*/
footer{
	width: 100%;
	height:200px;
  position: relative;
	bottom:0px;
  z-index: 998;
  text-align: center;
  margin-top: auto;
	background-image: url(../images/index/footerbg.jpg);
}
footer img{
  width: 100px;
  display: inline-block;
  margin:23px auto 0 10px;
}
footer li{display: inline-block;margin: 10px;}
#copy{background: #8f7676;}
#copy img{position: relative;top:5px;}

footer a{text-decoration: none;color: #FCF4E7;transition:0.3s;}
footer a:hover{filter:none;color:#EDCC9C;transition:0.3s;}


@media screen and (max-width: 1600px) {
  .spMenu,.spMenu_nav.active,#menu_ray.active{display: none;}

}

@media screen and (max-width: 1300px) {

}

@media screen and (max-width: 1200px) {
    /*ナビ*/
  .tokohana_kazari{display: none;}

}

@media screen and (max-width: 1100px) {
    /*ナビ*/
  header.tokohana_kazari{display: none;}
}

@media screen and (max-width: 800px) {
  /*ナビ*/
  .pcMenu{display: block;}
  .pcMenu nav{margin-top: 10px;}
}

@media screen and (max-width: 750px) {
  /*ナビ*/
  .common_wrap{width: 95%;}
  .pcMenu{display: none;}
  .spMenu,.spMenu_nav.active,#menu_ray.active{display: block;}
  .footnavi{display: none;}

}