/*
Theme Name:tanizawa
Theme URI: http://tanizawa-dentallab.com/
Description:
Author:shinobu
*/





/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
pre,textarea{overflow:auto}
[hidden],audio:not([controls]),template{display:none}
details,main,summary{display:block}
input[type=number]{width:auto}
input[type=search]{-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
progress{display:inline-block}
small{font-size:75%}
textarea{resize:vertical}
[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
*,::after,::before{box-sizing:inherit;border-style:solid;border-width:0}
*{font-size:inherit;line-height:inherit;margin:0;padding:0}
::after,::before{text-decoration:inherit;vertical-align:inherit}
:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;box-sizing:border-box;cursor:default;font:16px/1.5 sans-serif;text-rendering:optimizeLegibility}
a{text-decoration:none}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
button,input,select,textarea{background-color:transparent;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;min-height:1.5em}
code,kbd,pre,samp{font-family:monospace,monospace}
nav ol,nav ul{list-style:none}
select{-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand{display:none}
select::-ms-value{color:currentColor}
table{border-collapse:collapse;border-spacing:0}
::-moz-selection{background-color:#B3D4FC;text-shadow:none}
::selection{background-color:#B3D4FC;text-shadow:none}
@media screen{[hidden~=screen]{display:inherit}
[hidden~=screen]:not(:active):not(:focus):not(:target){clip:rect(0 0 0 0)!important;position:absolute!important}
}
/*# sourceMappingURL=sanitize.css.map */



body {
	border-top:solid thick #191970; /*#4a70a9;*/
	font-size: 20px;
    margin: 0;
    padding: 0px;
    font-family: sans-serif;
}


@media screen and (max-width: 768px) {
	body{
		font-size: 16px;
	}		
}


@media screen and (max-width: 768px) {
	.pc{display:none; }
}
@media screen and (min-width: 768px) {
	.sp{display:none;}
}




/*------------------------------------------------------------------------------------HEADER---------*/


header {
	width:90%;
	margin:0 auto;
	padding:0;
	text-align:left;
}


.head_contents {
  margin: 0 auto;
  width:100%;
  display:flex;
  justify-content:space-between;
}

@media screen and (max-width: 768px){
.head_contents {
  margin: 0 auto 10px auto;
  width:100%;
  text-align:right;
  display:flex;
  flex-direction:column;
  justify-content: flex-end;
}
}



.title{
width:	30%;
}
.tel{
width:	70%;
text-align:right;
}	


@media screen and (max-width: 768px){	
.title{
width:	70%;
margin-left;40px;
text-align:right;
}
.tel{
width:	80%;
text-align:right;
	}
.telno {
text-align:right;
		}
}

.subtitile,.telno{
font-size:80%;	
}



.phone-link {
    pointer-events: none; 
    cursor: default; 
    text-decoration: none;
  }

/*  電話、スマホからクリックでかけられるように  */
@media (max-width: 768px) {
.phone-link {
  color: blue;
  text-decoration: underline;
  cursor: pointer; 
  pointer-events: auto; 
}
}



 







.logo{
	width:350px;
	margin:0;padding:0;	
}

@media screen and (max-width: 768px) {
	.logo{	
}	
}

/*------------------------------------------------------------------------------------FOOTER---------*/

footer {
    border-top:solid thick #191970;
	text-align:center;
    font-size:70%;
}

/*------------------------------------------------------------------------------------MENU---------*/


/*--PC--*/
@media screen and (min-width: 768px){
nav{
border-bottom: 5px solid #191970;
}
nav ul{
display: table;
margin: 0 auto;
padding: 0;
width: 100%;
text-align: center;
}
nav ul li{
display: table-cell;
min-width: 50px;
border-right: 1px solid #191970;
font-size:80%;
}
nav ul li:first-child{
border-left: 1px solid #191970;
}
nav ul li a{
display: block;
width: 100%;
padding: 5px 0;
text-decoration: none;
color: #4A70A9;
}
nav ul li a:hover{
background-color:#4A70A9; 
/* border-bottom: 5px solid #191970; */
color:#fff;
}
nav ul li.current-menu-item{
font-weight: bold;
}
nav ul li.current-menu-item a{
background-color:#4A70A9; 
color:#fff;
}
}


/*-- SP --*/
@media screen and (max-width: 768px){
	
.menu-wrapper {
  position: relative;
}

.menu-icon {
  width: 40px;
  height: 30px;
  position: fixed; /* ← fixedにして常に左上固定 */
  top: 20px;
  left: 20px;
  cursor: pointer;
  z-index: 3;
  display: inline-block;
}

.menu-icon span {
  display: block;
  height: 4px;
  margin: 6px 0;
  background: #191970;
  border-radius: 2px;
  transition: 0.4s;
}

/* ハンバーガーがXに変形 */
#menu-toggle:checked + .menu-icon span:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}
#menu-toggle:checked + .menu-icon span:nth-child(2) {
  opacity: 0;
}
#menu-toggle:checked + .menu-icon span:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
}

/* オーバーレイ背景 */
.overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
  z-index: 1;
}

#menu-toggle:checked ~ .overlay {
  opacity: 1;
  pointer-events: auto;
}

/* メニュー本体（左から出す） */

  .menu {
  position: fixed;
  top: 0;
  left: -250px; /* ← 初期位置を左へ */
  width: 250px;
  height: 100%;
  background: #fff;
  box-shadow: 2px 0 8px rgba(0,0,0,0.2);
  transition: left 0.4s ease;
  z-index: 2;
}  
	

#menu-toggle:checked ~ .menu {
  left: 0; /* ← 開いたときは左0へ */ 
}

.menu ul {
  list-style: none;
  padding: 60px 20px;
}

.menu li {
  margin: 15px 0;
}

.menu a {
  text-decoration: none;
  color: #191970;
  font-size: 1.2rem;
  transition: color 0.3s;
}

.menu a:hover {
  color: #8FABD4;
}
	
}




/*------------------------------------------------------------------------------------HOME---------*/

.topimage{
width:100%;
margin:0 auto;
}

.topimage img{
width:100vw;
/* margin-left: calc(-50vw + 50%); */
}








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