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

head{
	font-family: tbchibirgothicplusk-pro,sans-serif;
    font-weight: 300;
    font-style: normal;
}

img {
	transition: 0.2s ;
}
linktext:hover{
	opacity: 0.5;
}

/*トップ画面　タイトル*/
.toptitlebox{
	display: flex;
	justify-content: center;
	align-content: space-around;
	flex-wrap: wrap;
	width: 100%;
}
.toptitle_leftbox{
	width: 40vw;
	min-width: 320px;
	margin-top: auto;
	margin-bottom: auto;
	height:120px;
	background-image: url(https://chibana.info/img/toptitlepic_s.png);
	background-repeat: no-repeat;
	background-size:contain;
}


.toptitle{
  width: 100%;
  height: 180px;
  padding-top: 25px;
  margin-left: 20px;
  margin-right: 0;
}

toptitle:hover{
	opacity: 0.5;
}



.toptitle_rightbox{
	display: flex;
	flex-direction: column;
	align-content:space-around;
	justify-content: center;
	width: 44vw;
	height:308px;
	font-size:16px;
	letter-spacing: 0.5em;
}
.tp_rigt_minibox{
	display: flex;
	flex-direction: row;
	justify-content: center;
    height:52px;
	margin-top:-15px;
	width: 43vw;
	min-width: 320px;
	margin-left: auto;
	margin-right: auto;
}
.ch_home{
	width: 45px;
	height: 45px;
	background-size:contain;
	background-image: url("https://chibana.info/img/ch_home.png");
	background-repeat: no-repeat;
	
}
.ch_tel{
	width: 45px;
	height: 45px;
	background-size:contain;
	background-image: url("https://chibana.info/img/ch_tel.png");
	background-repeat: no-repeat;
	
}

.ch_insta{
	width: 45px;
	height: 45px;
	background-size:contain;
	background-image: url("https://chibana.info/img/ch_insta.png");
	background-repeat: no-repeat;
	
}

.ch_mail{
	width: 45px;
	height: 45px;
	background-size:contain;
	background-image: url("https://chibana.info/img/ch_mail.png");
	background-repeat: no-repeat;
	
}

.ch_blog{
	width: 45px;
	height: 45px;
	background-size:contain;
	background-image: url("https://chibana.info/img/ch_blog.png");
	background-repeat: no-repeat;
	
}
.ch_key{
	width: 45px;
	height: 45px;
	background-size:contain;
	background-image: url("https://chibana.info/img/ch_key.png");
	background-repeat: no-repeat;
	
}
.ch_cart{
	width: 45px;
	height: 45px;
	background-size:contain;
	background-image: url("https://chibana.info/img/ch_cart.png");
	background-repeat: no-repeat;
	
}


.tp_rightbox_text{
	color: black;
	margin-top: 10px;
	margin-left: 22px;
	width:320px;
	letter-spacing: 0.8em;
}

.tp_rightbox_text02{
	color: black;
	margin-top: 10px;
	margin-left: 22px;
	width:320px;
}

.tp_rightbox_text03{
	color: black;
	margin-top: 10px;
	margin-left: 22px;
	width:320px;
	letter-spacing: 0.1em;
}

.right_b_text{
	width:280px;
	height:20px;
	border:solid 3px #ffd805;
	border-radius: 10px;
	text-align: center;
	background-color: #FFD800;
	color: #000;
}
	


/*ナビメニュー*/
nav{

border-bottom: 0px solid  #161616;
font-family: tbchibirgothicplusk-pro, sans-serif;
font-size:16px;
font-weight: bolder; 
letter-spacing: 0.3em;
min-width: 320px;

}
nav ul{
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-around;
align-content: space-between;
line-height: 4vw;
overflow-x: hidden;
text-align: center;
list-style: none;
margin-left:-10vw;
}
nav ul li{
width: 12vw;
min-width: 130px;
margin: 0% 1% 1% 0%;
border-radius: 5px;
border: 2px solid  #ffd805;
background-color: #ffd800;
}
nav ul li:first-child{
border-left: 2px solid  #ffd805;
}
nav ul li a{
display: block;
width: 100%;
padding: 10px 0;
text-decoration: none;
color: #161616;
}
nav ul li a:hover{
background-color:#fbefc9;
border-bottom: 0px solid #F8E750;
border-radius: 5px;
}
nav ul li.current{
font-weight: bold;
}
nav ul li.current a{
border-bottom: 5px solid #00B0F0;
color: #00B0F0;
}

.reigai{
	letter-spacing: 0.1em;
}

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

nav ul {
		margin-left:-2vw;
	}	
	
nav ul li{
min-width: 190px;
	}
	
.toptitle_leftbox{
	min-width: 420px;
}	
.tp_rigt_minibox{
	margin-top: 0px;
}
	
}
@media screen and (min-width:660px){
nav ul {
		margin-left:-4vw;
	}	
nav ul li{
min-width: 210px;
	}
.toptitle_leftbox{
	min-width: 520px;
}	
	
}
@media screen and (min-width:720px){

nav ul li{
min-width: 235px;
	}
	
}

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

nav ul li{
min-width: 80px;
	}
	
}

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

.toptitle_rightbox{
	flex-direction: row;
	height:60px;
}
.tp_rigt_minibox{
	width: 8vw;
	min-width: 70px;
}
.tp_rightbox_text{
	display: none;
}

.tp_rightbox_text02{
	display: none;
}

.tp_rightbox_text03{
	display: none;
}
	
.onlineshop{
	margin-bottom: 0 auto;
	width: 24vw;
	min-width: 130px;
	margin: 0% 1% 1% 0%;
	border-radius: 5px;
	border: 2px solid  #ffd805;
	background-color: #ffd800;
}
		
	}