body{
font-family: "M PLUS 1p", sans-serif;
font-weight: 400;
font-style: normal;
overflow-x: hidden; 
-webkit-font-smoothing: antialiased;
line-height: 1.6;
}
.common_body{
background: #FFF2F2;
}
.menu-checkbox {
display: none;
}
.drawer-menu{
display: none;
}
ul.top_nav {
overflow: hidden;
margin: 0;
padding: 0;
list-style-type: none;
background-color: #E03F69;
}
ul.top_nav li {
float: right;
}
ul.top_nav li a {
display: block;
padding: 14px 16px;
text-align: center;
text-decoration: none;
color: white;
font-weight: bold;
}
ul.top_nav li a:hover {
color: #E03F69;
}
ul.top_nav li a:hover:not(.thispage) {
background-color: #F9D9E1;
}
ul.top_nav li a.thispage {
background-color: #F9D9E1;
color:  #E03F69;
}
ul.top_nav li.hidari {
float: left;
}
.top_img{
width: 100%;
}
.top_img img{
width: 100%;
}
.img100{
width: 100%;
margin: 0 auto;
}
.img100 img{
width: 100%;
}
.inner_cont{
width: 85%;
margin: 20px auto;
}
.inner_cont section{
width: 95%;
margin: 20px auto 40px;
}
h1{ 
text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px, rgba(0, 0, 0, .5) 3px 3px 3px;
font-size: 220%;
color: #C64341;
font-weight: bold;
text-align: center;  
margin: 40px auto;
animation: blurAnime 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards;    
}
@keyframes blurAnime{
from {
filter: blur(10px);
transform: scale(1.02);
opacity: 0;
}
to {
filter: blur(0);
transform: scale(1);
opacity: 1;
}
}
h2{
font-size: 150%;
font-weight: bold;
}
h3{
position: relative;
padding: 10px 15px;/*余白*/
background-color: #fefefe;/*背景カラー*/
color: #353535;/*テキストカラー*/
font-size: 150%;/*フォントサイズ*/
border-radius: 5px;/*角丸*/
box-shadow: 8px 8px #F2DADF, 8px 8px 0 1px #353535;/*影サイズ・影カラー*/
outline: 1px solid #353535;/*外枠 太さ・カラー*/
font-weight: bold;
margin-bottom: 30px;
}
h4{
font-size: 120%;/*フォントサイズ*/
font-weight: bold;
-webkit-background-clip: text;
color: transparent;
background-image: linear-gradient(45deg, #FF64EB , #FFB348 );
padding: 10px 0;
}
h5{
padding: 10px;/*余白*/
background-image:/*背景・水玉カラー*/
 linear-gradient(135deg, transparent 0 0px, #FFFFFF 40px calc(100% - 40px), transparent calc(100% - 20px)),
 radial-gradient(#F8445D 30%, transparent 30%);
background-repeat: no-repeat, repeat;
background-size: 100% 100%, 10px 10px;
background-color: #FFFFFF;/*背景カラー*/
color: #666666;/*テキストカラー*/
font-weight: bold;/*太字*/
font-size: 105%;/*フォントサイズ*/
text-align: center;/*中央揃え*/
box-shadow: 0 0 5px rgba(0, 0, 0, .1);/*影サイズ・影カラー*/
margin-bottom: 20px;
}
.name_mamada{
position: relative;
margin-bottom: 30px;
font-weight: bold;/*太字*/
font-size: 130%;/*フォントサイズ*/
color: transparent;
background-image: linear-gradient(120deg, #F40878 , #00E1FD );
-webkit-background-clip: text;
}

.name_mamada::before {
position: absolute;
top: 0px;/*文字上からの位置*/
left: 0%;/*文字左からの位置*/
transform: translateX(0%);
color: #E0E0E0;/*フォントカラー*/
font-size: 150%;/*背景フォントサイズ*/
text-transform: uppercase;
content: '侭田ちえ';/*背景文字（★ご自由に変更ください）*/
z-index: -1;
}
.flex_normal{
display: flex;
justify-content: center;
align-items: center;
}
.flex_around{
display: flex;
justify-content: space-around;
align-items:flex-start;
}
.flex50{
width: 48%;
}
.kimono_photo{
width: 100%;
margin: 20px auto;
}
.flex_normal img,.flex_around img,.kimono_photo img{
width: 100%;
}
.price_cell dl{
display: table;
width: 100%;
border-bottom: 1px solid #e4e4e4;
}
.price_cell dd,.price_cell dt{
display: table-cell;
padding: 10px;
}
.price_cell dd{
text-align: right;
}
.setumei{
font-size: 70%;
}
.price_cell{
margin-bottom: 30px;
}
.map{
width: 100%;
margin: 0 auto;
}
.web_btn01 a {
background-color: #ffffff;
border: 1px solid #FFA9B1;
border-radius: 10px;
color: #FFA9B1;
display: inline-block;
font-size: 100%;
padding: 10px 10px 10px 30px;
position: relative;
text-decoration: none;
width: 50%;
font-weight: bold;
margin: 10px 0;
}
/* 通常の矢印(hoverで矢印移動) */
.web_btn01 a::before {
border-right: 3px solid #FFA9B1;
border-top: 3px solid #FFA9B1;
bottom: 0;
content: "";
height: 10px;
margin: auto;
position: absolute;
right: 30px;
top: 0;
transform: rotate(45deg);
transition: right .5s; 
width: 10px;
}
.web_btn01 a:hover::before {
right: 20px;
border-right: 3px solid #ffffff;
border-top: 3px solid #ffffff;
}
.web_btn01 a:hover{
background-color: #FFA9B1;
border: 1px solid #FFA9B1;
color: #ffffff;
}
#page_top{
width: 90px;
height: 90px;
position: fixed;
right: 0;
bottom: 0;
opacity: 0.6;
}
#page_top a{
position: relative;
display: block;
width: 90px;
height: 90px;
text-decoration: none;
}
#page_top a::before{
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f102';
font-size: 25px;
color: #C64341;
position: absolute;
width: 25px;
height: 25px;
top: -40px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}
#page_top a::after{
content: 'PAGE TOP';
font-size: 13px;
position: absolute;
top: 45px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
color: #C64341;
}
.bbb{
font-weight: bold;
}
footer{
background-color: #E03F69;
padding: 30px 0;
margin: 50px 0 0;
}
.footer_logo{
width: 15%;
margin: 0 auto;
}
.footer_logo img{
width: 100%;
}
@media screen and (max-width: 768px){ 
.drawer-menu{
display: inline-block;
}
    /* メニューボタンの装飾 */
.menu-button {
display: block;
position:absolute;
top: 20px;
right: 20px;
z-index: 200;
height: 30px;
width: 40px;
cursor: pointer;
}
.menu-button::before,
.menu-button::after {
content: '';
transition: .3s;
}
.menu-button::before,
.menu-button::after,
.menu-button span {
display: block;
position: absolute;
left: 0;
height: 3px;
width: 100%;
margin-top: -1px;
background-color: #ffffff;
}
.menu-button::before {
top: 0;
}
.menu-button::after {
bottom: 0;
content: 'menu';
color: #ffffff;
}
    
.menu-button span {
top: 50%;
}
.web_btn01 a{
width: 100%;
border: 1px solid #FFA9B1;
padding: 10px 5px 10px 10px;
margin: 10px auto;
}
.web_btn01 a::before {
right: 10px;
}
.web_btn01 a:hover::before {
right: 5px;
}
/* メニューボタンのアニメーション */
.menu-checkbox:checked ~ .menu-button::before {
top: 50%;
transform: rotate(45deg);

}
.menu-checkbox:checked ~ .menu-button::after {
display: none;
}
.menu-checkbox:checked ~ .menu-button span {
   top: 50%;
  transform: rotate(-45deg);

}
 /* メニューボタンのアニメーション */
.menu-checkbox:checked ~ .menu-button::before {
top: 50%;
transform: rotate(45deg);

}
.menu-checkbox:checked ~ .menu-button::after {
display: none;
}
.menu-checkbox:checked ~ .menu-button span {
top: 50%;
transform: rotate(-45deg);
}
header{
height: 75px;
background-color: #E03F69;
}
ul.top_nav {
display: none;
}
/* ドロワーメニューの装飾 */
.drawer-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  height: 100%;
  width: 200px;
  transform: translateX(-100%);
  transition: .5s;
  background-color: #fff;
}
.drawer-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.drawer-menu li {
  border-bottom: 1px dotted #ccc;
}
.drawer-menu a {
  display: block;
  padding: 15px;
  color: #000000;
  text-decoration: none;
}

/* ドロワーメニューの開閉 */
.menu-checkbox:checked ~ .drawer-menu {
  transform: translateX(0);
}

/* ドロワーメニューの背景 */
.menu-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, .5);
  cursor: pointer;
}
.menu-checkbox:checked ~ .menu-background {
  display: block;
}

.inner_cont{
width: 95%;
margin: 20px auto;
}
.inner_cont section{
width: 95%;
margin: 20px auto 40px;
}
h1{ 
font-size: 150%; 
margin-bottom: 10px;  
}
h2{
font-size: 130%;
}
h3{
font-size: 120%;
}
h4{
font-size: 110%;
}
h5{
font-size: 100%;
}
.name_mamada{
font-size: 120%;
}

.name_mamada::before {
top: 0px;/*文字上からの位置*/
left: 0%;/*文字左からの位置*/
transform: translateX(0%);
font-size: 130%;/*背景フォントサイズ*/
}
.flex_normal{
justify-content: center;
align-items:center;
flex-direction: column;
}
.flex_around{
justify-content: center;
align-items:center;
flex-direction: column;
}
.flex50{
width: 95%;
}
.footer_logo{
width: 30%;
margin: 0 auto;
}
}
@media screen and (max-width: 480px) {

}