@charset "UTF-8";

/* こんにちは */

body{
font-size: 20px;
font-family: MS PGothic, YuMincho, Yu Mincho, Hiragino Mincho ProN, Sawarabi Mincho, georgia, serif;
font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
color: #281613;
background: #fed3b7;
/*
background-image:url("e/warabanshi3.png");
background-size:auto;
*/
letter-spacing: 0.12em;
line-height:1.7em;
-webkit-text-size-adjust: 100%;
word-break: break-all;
}


@font-face{
  font-family: 'tamaDot';
  src: url('tamaDot.woff?11') format('woff');
}
body{
font-family: tamaDot;
}

/*
@font-face{
  font-family: 'TF-HOTSU';
  src: url('TF-HOTSU.woff') format('woff');
}
*/

/*スマホ用設定*/

@media screen and (max-width:1100px) {
	
body{
font-size: 32px;
letter-spacing: 0.12em;
line-height:1.5em;
}


#haba_nakami{
max-width: 100%;
margin: 0px 1.5em;
}
}


#haba{
width: 1000px;
max-width: 100%;
margin: 1em auto;
}


#center{
width: 700px;
margin:0px auto;
}

#dai_center{
width: 785px;
margin:0px auto;
}

#hakocenter{
width:fit-content;
margin:0px auto;
}

#migiyose{
text-align:right;
margin: 0px 30px 0px 0px;
}

#migi{
position:relative;
left:0.2em;
}

#sage{
position:relative;
margin: 0px 7px 0px 0px;
top:0.2em;
}

#age{
position:relative;
bottom:0.2em;
}

#hidari{
position:relative;
right:0.06em;
}

#hidai{
font-size: 1.1em;
}

#hidai1a{
position:relative;
top:0.12em;
font-size: 1.5em;
}

#hidai2{
position:relative;
top:0.2em;
font-size: 2em;
}


#hidai3{
position:relative;
top:0.2em;
font-size: 3em;
}


#yase{
font-size: 0.9em;
color: #473b2d;
}

#yase8{
font-size: 0.8em;
color: #473b2d;
}


#mini{
font-size: 0.6em;
}

#usui{
  color: transparent;
  text-shadow: 0 0 0.08em rgba(0,0,0,0.5);
}
/*
#kasure{
 mask-image:url("e/mask.png");
 mask-size:1em;
}

#kasur{
 mask-image:url("e/mask2.png");
 mask-size:1em;
}
*/
#nobi{
display: inline-block;
-webkit-transform: scale(1.3,0.9);
transform: scale(1.3,0.9);
margin: 0px 2px 0px 2px;
}

#gyu{
	letter-spacing: -0.01em;
}


#sakasa{
display: inline-block;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}

#koke{
display: inline-block;
position:relative;
transform: rotate(3deg);
-webkit-transform: rotate(3deg);
}

#kezure{
display: inline-block;
width: 0.9em;
height: 0.9em;
overflow:hidden;
vertical-align: top;
}

#yura{
display: inline-block;
transform: rotate(0.5deg);
-webkit-transform: rotate(0.5deg);
}

#gura{
display: inline-block;
transform: rotate(-1deg);
-webkit-transform: rotate(-1deg);
}

#sei{
color: transparent;
text-shadow: 0 0 1.4px rgba(0,0,0,0.8);
display: inline-block;
-webkit-transform: scale(1.5,1);
transform: scale(1.5,1);
margin: 0px 5px 0px 3px;
}

#midashi{
color: transparent;
text-shadow: 0 0 1.4px rgba(0,0,0,0.8);
display: inline-block;
font-size: 1.4em;
margin: 0px 5px 0px 5px;
}

#daimei {
color: #812e43;
font-size: 2.7em;
margin: 0px 0px 0px 0px;
  color: transparent;
  text-shadow: 0 0 0.08em rgba(129,46,67,0.5);
}



#modoru{
display: inline-block;
font-size: 40px;
transform: rotate(7deg);
-webkit-transform: rotate(7deg);
}

#nijimi{
text-shadow: 0.3px 0px 0.4px #224a4c;
}

#simi{
box-shadow: 4px -7px 13px 7px #c7948b;
background: #c7948b;
}

#oosimi{
box-shadow: 5px 4px 20px 16px #c7948b;
background: #c7948b;
}

#koisimi{
box-shadow: 4px -2px 13px 7px #c7948b;
background: #c7948b;
}

#mawaru {
display: inline-block;
cursor: not-allowed;
animation: mawaru 1s linear 0s infinite normal none running;
}

@keyframes mawaru{
0% {transform: rotate(0);}
100% {transform: rotate(-360deg);}
}

#biyoon {
display:inline-block;
animation:biyoon 0.05s linear 3s 1 normal both running;
transition-delay: 4s;
}

@keyframes biyoon{
0% {transform: scale(1,1);}
100% {transform: scale(1.1, 2.7);}
}

.buruburu {
    display: inline-block;
    animation: hurueru 0.1s linear 0s infinite normal none running;
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg);}
    25% {transform: translate(2px, 2px) rotateZ(1deg);}
    50% {transform: translate(0px, 1px) rotateZ(0deg);}
    75% {transform: translate(1px, 1px) rotateZ(-1deg);}
    100% {transform: translate(0px, 0px) rotateZ(0deg);}
}

img {
margin:5px 0;
}

video {
margin:5px 0;
border: none;
}

a{
font-size: 1.1em;
color: #b12e40;
text-decoration: none;
position:relative;
margin:0px 3px 0px 3px;
}

p{
margin:0.2em;
}

#kao{
margin: 0.9em 0.3em;
display: flex;
}

#kao1{
flex:0 1 190px;
}

#kao2{
flex:1;
}

#box_shashin{
display: flex;
font-size: 0.9em;
color: #473b2d;
}

#box_shashin1{
flex:2 0;
margin-right:auto;
}

#box_shashin2{
flex:1 0;
margin-left:auto;
text-align:right;
}


#tensen{
    border: 1px dashed #000000;
    padding: 1em 1em;
    margin: 0.7em 1em;
}

@media (any-pointer: fine) {
a:hover{
display: inline-block;
text-decoration: none;
-webkit-transform: scale(1,1.5);
transform: scale(1,1.5);
background-color: rgba(0,0,255,0);
}
}


.imgclick input {display: none;}
.imgclick input + img {height: 250px; cursor: grab;}
.imgclick input:checked + img {height: 750px;}

.imgclicky input {display: none;}
.imgclicky input + img {height: 300px; cursor: grab;}
.imgclicky input:checked + img {height: 600px; margin:0px right:100px;}

summary{
  display: block;
  list-style: none;
}

summary::-webkit-details-marker {
  display:none;
}

/*
*{
  color: transparent;
  text-shadow: 0 0 1.8px rgba(0,0,0,0.8);
}
*/


/*
@font-face{
  font-family: 'kikaichokoku';
  src: url('kikaichokoku.woff') format('woff');
}
body{
font-family: kikaichokoku;
}
*/