/* #container
--------------------------------------------------------*/
#container .inner .line {
    background:linear-gradient(transparent 0, #ffff99 0%);
    padding: 0 5px;
}

#container .inner .notes {
    font-size: 0.7rem;
    line-height: 1.1rem;
    margin: 5px 0 0 0;
}

/*pc*/
@media screen and (min-width : 769px ){
#container .inner .attention
{ border: 1px dashed; padding: 10px; margin: 0 auto 40px auto; width:500px; }
#container .inner .attention p
{text-align: center;}
}

/*sp*/
@media screen and (max-width : 768px ) {
#container .inner .attention {
    border: 1px dashed;
    padding: 10px;
    margin: 0 0 40px 0;
}

#container .inner .attention p {
    text-align: left;
}
}

/*pc*/
@media screen and (min-width : 769px ){
#container .inner { margin: 0 auto; }
#container .colwrap { display: table; margin: 0 auto 40px auto; }
#container .colwrap .col { display: table-cell; vertical-align: top; }
.d_none_pc { display: none; }
}

/*sp*/
@media screen and (max-width : 768px ){
.d_none_sp { display: none; }
#container { width: 100%; margin:0 auto;}
}


/* #header
--------------------------------------------------------*/
#header { background: #f6f3f0 }
#header h1 .logo { width: 160px; }

/*pc*/
@media screen and (min-width : 769px ){
#header .lead { font-size: 1.1em; font-weight: bold; }
#header h1 { padding: 20px 0 20px 0; }
}

/*sp*/
@media screen and (max-width : 768px ) {
#header { width: 100%; margin:0 auto;}
#header h1 { padding: 60px 0 20px 0; }
}

/* #block-header-sns
--------------------------------------------------------*/
#block-header-sns { padding: 15px 0; background:none;}
#block-header-sns li  { padding: 0 5px 0 5px; letter-spacing: 0.1em; overflow: hidden; margin: 0 auto;}
#block-header-sns .sns { width: 90px; padding: 0; margin: 0 auto;}
#block-header-sns .sns img { width: 30px; }
#block-header-sns .sns dt { float: left; padding: 0 3px; }

/*pc*/
@media screen and (min-width : 769px ){
#block-header-sns { position: fixed; top:0; right:0; z-index: 10;}
}

/*sp*/
@media screen and (max-width : 768px ){
#block-header-sns { position: fixed; top:0; right:0; z-index: 10;}
}

/* #page-index
--------------------------------------------------------*/
/*pc*/
@media screen and (min-width : 769px ){
.block-calendar .inner,#page-product .inner, .block-info .inner, .block-access .inner, .block-eatin .inner, .block-printdeco .inner {
    padding: 40px 40px; }
}

/*sp*/
@media screen and (max-width : 768px ){
.block-calendar .inner,#page-product .inner, .block-info .inner, .block-access .inner, .block-eatin .inner, .block-printdeco .inner {
    padding: 40px 30px; }
}


/* #page-index #block-slide
--------------------------------------------------------*/
/*pc*/
@media screen and (min-width : 769px ){
#block-slide .slider-main {position: relative; z-index: 1; height: 400px; }
#block-slide .slider-item { height: 400px; }
}

/*sp*/
@media screen and (max-width : 768px ){
#block-slide .slider-main {width: 100%; position: relative; z-index: 1; height: 70vh; }
#block-slide .slider-item { width: 100%; height:70vh; }
}

#block-slide .slider-item01 { background:url(../index/index_slide1.jpg); background-size: cover; }
#block-slide .slider-item02 { background:url(../index/index_slide2.jpg); background-size: cover; }
#block-slide .slider-item03 { background:url(../index/index_slide3.jpg); background-size: cover; }
#block-slide .slider-item04 { background:url(../index/index_slide4.jpg); background-size: cover; }
#block-slide .slider-item05 { background:url(../index/index_slide5.jpg); background-size: cover; }
#block-slide .slider-item06 { background:url(../index/index_slide6.jpg); background-size: cover; }
#block-slide .slider-item07 { background:url(../index/index_slide7.jpg); background-size: cover; }
#block-slide .slider-item08 { background:url(../index/index_slide8.jpg); background-size: cover; }
#block-slide .slider-item09 { background:url(../index/index_slide9.jpg); background-size: cover; }


/* h2 .ttl
--------------------------------------------------------*/
.block-calendar .inner h2,
.block-info .inner h2,
.block-access .inner h2, .block-printdeco .inner h2,
#page-product #header h2
{ margin: 0 0 20px 0; }

/*pc*/
@media screen and (min-width : 769px ){
h2 .ttl { width: 340px; }
h3 .ttl { width: 320px; }
}

/*sp*/
@media screen and (max-width : 768px ){
h2 .ttl { max-width: 320px; width: 100%; }
h3 .ttl { max-width: 320px; width: 100%; }
}


/* #toppage .block-calendar
--------------------------------------------------------*/
#toppage .block-calendar { background: #f6f3f0; }
#toppage .block-calendar .inner h3 { margin: 0 0 10px 0; }
#toppage .block-calendar .inner .txt  { font-size: 0.7rem; }
#toppage .block-calendar .inner .txt span { padding: 3px 5px; }

#toppage .block-calendar .inner table { border-collapse: collapse; border-spacing: 0;}
#toppage .block-calendar .inner td { font-size: 0.9rem; font-weight: 400; border: 3px solid #f6f3f0;}
#toppage .block-calendar .inner thead { font-weight:bold; }
#toppage .block-calendar .inner td { padding: 5px; text-align: center; width: 45px; height: 30px; vertical-align:baseline;}
#toppage .block-calendar .inner .h { color: #e66b6b;}
#toppage .block-calendar .inner .s { color:#2FAEB9;}
#toppage .block-calendar .inner .off { background: #ddd; color: #fff;}
#toppage .block-calendar .inner .x { background: #fca9a9; color: #fff;}
#toppage .block-calendar .inner .xs { background: #ffc675; color: #fff;}
#toppage .block-calendar .inner .ill { background: #C6B2CC; color: #fff;}

#toppage .block-calendar .inner .box-calendar .notes { text-align: left; margin: 10px 0 20px 0; border-top :1px solid #ccc; border-bottom :1px solid #ccc; padding: 10px 0; }

#toppage .block-calendar .inner .box-calendar .notes span {
padding: 2px; line-height: 2;}

#toppage .block-calendar .inner .box-calendar .memo { text-align: left; font-size: 10px; line-height: 100%; }

#toppage .block-calendar .inner .box-calendar td .notes { text-align: left; margin: 0; padding: 0; border: 0;line-height: 120%;}


/*pc*/
@media screen and (min-width : 769px ){
#toppage .block-calendar .inner .box-calendar { width: 320px; padding: 0 20px 0 20px;}
}

/*sp*/
@media screen and (max-width : 768px ){
#toppage .block-calendar .inner .box-calendar { width: 310px; padding: 0 10px 0 10px; margin: 0 auto;}
}

/* #page-index #block-menu
--------------------------------------------------------*/
#toppage .block-menu {
    background: #C2E8DF;
}

#toppage .block-menu .inner {
    padding: 20px 20px 10px 20px;
}

#toppage .block-menu .inner .tops {
    margin-bottom: -5px;
}

#toppage .block-menu .inner .tops img {
    width: 200px;
}

#toppage .block-menu .inner .box {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 20px 0 30px 0;
}

#toppage .block-menu .inner .box img {
    width: 90px;
    margin: 0;
}

#toppage .block-menu .inner .box h3 {
    margin: 0 auto 0 auto;
}

#toppage .block-menu .inner .box h3 img {
    width: 240px;
}

#toppage .block-menu .slider-menu {
   width: 90%;
    margin: 0 auto;
}

#toppage .block-menu .slider-menu img {
    width:100%;
    height:auto;
}

#toppage .block-menu .slider-menu .slick-slide {
    margin: 0 10px;
}

/*矢印の設定*/
#toppage .block-menu .slick-prev, 
#toppage .block-menu .slick-next {
    position: absolute;/*絶対配置にする*/
    top: 32%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #666;/*矢印の色*/
    border-right: 2px solid #666;/*矢印の色*/
    height: 15px;
    width: 15px;
}

#toppage .block-menu .slick-prev {
    left: -1.5%;
    transform: rotate(-135deg);
}

#toppage .block-menu .slick-next {
    right: -1.5%;
    transform: rotate(45deg);
}

#toppage .block-menu .slick-dots {
    text-align:center;
	margin: 10px 0 0 0;
}

#toppage .block-menu .slick-dots li {
    display: inline-block;
	margin:0 5px;
}

#toppage .block-menu .slick-dots button {
    color: transparent;
    outline: none;
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 50%;
    background: #ccc;
}

#toppage .block-menu .slick-dots .slick-active button {
    background:#333;
}



/* #page-index .block-info
--------------------------------------------------------*/
#toppage .block-info { background: #fff; }
#toppage .block-info li { margin: 30px 0 0 0; text-align: left; list-style: none;}
#toppage .block-info h3 { margin: 0 0 10px 0; border-bottom: dashed #666 1px; padding: 0 0 5px 0; font-size: 0.9rem;}
#toppage .block-info .txt { font-size: 0.9rem; margin-bottom: 15px; }

/*pc*/
@media screen and (min-width : 769px ){
#toppage .block-info .inner { max-width: 740px; }
}


/* #toppage  .block-access
--------------------------------------------------------*/
/*pc*/
@media screen and (min-width : 769px ){
#toppage .block-access .inner .col-l { width: 50% ; padding: 0 30px 0 0; }
#toppage .block-access .inner .col-r { width: 50%; }
#toppage .block-access .inner h3 { padding: 0 30px 0 0; text-align: left; }
#toppage .block-access .inner iframe { width:100%; height: 300px; border: 0; }
}

/*sp*/
@media screen and (max-width : 768px ){
.block-access .inner h3 { padding: 0 30px 0 0; text-align: center;}
.block-access .inner iframe { width:100%; height:300px; border: 0; margin: 0 0 30px 0;}
}

#toppage .block-access { margin: 0 auto; background: #C2E8DF;}
#toppage .block-access .inner h3 { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: dashed #666 1px; font-size: 1rem; line-height: 1.8rem}
#toppage .block-access .inner .txtset { margin: 10px 0 10px 0; text-align: left;}


/* #toppage  .block-eatin
--------------------------------------------------------*/
#toppage .block-eatin { background: #f6f3f0 }
#toppage .block-eatin .inner h2 { margin: 0 0 20px 0; }
#toppage .block-eatin .inner h2 img { width: 150px; }

#toppage .block-eatin .inner .txt { text-align: left; margin: 20px 0 0 0; }

/*pc*/
@media screen and (min-width : 769px ){
#toppage .block-eatin .inner .pic { width: 300px; margin: 0 20px 0 0; }
#toppage .block-eatin .inner {width: 740px;}
}

/*sp*/
@media screen and (max-width : 768px ){
#toppage .block-eatin .inner .pic { width: 100%; margin: 0 0;}
}

/* #toppage  .block-printdeco
--------------------------------------------------------*/
#toppage .block-printdeco { background: #ffffcc; }

#toppage .block-printdeco .txt { margin: 10px 0 0 0; }
#toppage .block-printdeco h2 { margin: 0 0 10px 0; }
#toppage .block-printdeco h2 img { width:60px;}
#toppage .block-printdeco h3 { color: #d0193f; font-size: 0.9rem; line-height: 1.8rem; }
#toppage .block-printdeco h3 strong { border-bottom: 1px dashed #d0193f; padding: 0 0 3px 0; font-size: 1.1rem;}
#toppage .block-printdeco .txt strong { font-weight: bold;}
#toppage .block-printdeco h4 { font-size:1.1rem; margin: 10px auto 10px auto;}
#toppage .block-printdeco .howto { padding: 0 10px 8px 10px ; border: 1px dashed #666; margin: 0 auto 10px auto; text-align: center; background: rgba(255,255,255,0.54); }
#toppage .block-printdeco .howto .txt {font-size: 0.8rem; line-height: 1.4rem;}
#toppage .block-printdeco .notes { text-align: left; }


/*pc*/
@media screen and (min-width : 769px ){
#toppage .block-printdeco .txt { text-align: center;}
#toppage .block-printdeco .inner { max-width: 600px; }
}

/*sp*/
@media screen and (max-width : 768px ){
#toppage .block-printdeco .txt { text-align: left;}
#toppage .block-printdeco .inner .howto { width: 238px;}
}



/* #page-product .banner
--------------------------------------------------------*/
#page-product #header .banner {
    width: 100%;
    height: 100px;
    margin: 0 0 0 0;
}

#page-product .block-putit .banner {
    background: url("../asset/header_putit.jpg");
    background-size: cover;
}

#page-product .block-wcake .banner {
    background: url("../asset/header_wcake.jpg");
    background-size: cover;
}

#page-product .block-gallet .banner {
    background: url("../asset/header_gallet.jpg");
    background-size: cover;
}

#page-product .block-baby .banner {
    background: url("../asset/header_wcake.jpg");
    background-size: cover;
}

#page-product .block-deco .banner {
    background: url("../asset/header_wcake.jpg");
    background-size: cover;
}


/* #page-product
--------------------------------------------------------*/
/*pc*/
@media screen and (min-width : 769px ){
#page-product .inner .box { max-width: 240px; margin: 20px 20px 0 20px; }
}

/*sp*/
@media screen and (max-width: 768px) {
#page-product .inner .box { max-width: 300px; margin: 20px auto 40px auto;}
#page-product .inner .midashi .lead { max-width: 400px; }
}

/* #page-product common */
#page-product .inner .notes { text-align: center;}
#page-product .inner .midashi { text-align: center; margin: 10px 0 0 0;}
#page-product .inner .midashi h2 {color: #6b3a25; font-size: 0.9rem; }
#page-product .inner .midashi h3 { font-size: 1.1rem; font-weight: bold; color: #C93; margin: 0 0 10px 0;}
#page-product .inner .midashi .lead { font-size: 0.9rem; margin: 0 auto; }

#page-product .inner .allergie {line-height: 180%;}
#page-product .inner .allergie i { border-radius: 3px; margin: 0 2px; padding: 2px 5px; font-style: normal; background: #e4dad4; }
#page-product .inner .kakomi {background-color: #fff; padding: 1px 3px; margin: 0 3px 0 0; border: 1px solid #666; font-size: 0.8em; }

#page-product .inner .box { background: #fff; padding: 0}
#page-product .inner .box .tax { font-size: 0.7rem; }
#page-product .inner .box .price { font-size: 1rem; margin: 0 0 0 5px;}
#page-product .inner .box .size { font-size: 0.7rem; line-height: 1.4; }
#page-product .inner .box ul { text-align: center; padding: 0; margin: 0;}
#page-product .inner .box ul li { border-bottom: 1px dashed #999; list-style: none; padding: 8px;}
#page-product .inner .box h3 { color: #C93; font-weight: bold; font-size: 1rem; margin: 0; }
#page-product .inner .box .size { font-size: 0.8rem; line-height: 1.4; }
#page-product .inner .box .lead { font-size: 1em; text-align: justify; }


/* #page-product .block-wcake
--------------------------------------------------------*/
#page-product .block-wcake .inner .box .pic { width: 230px; height: auto; margin: 0 0 0 0; }
#page-product .block-wcake .inner .info { margin: 0 0 30px 0; }

@font-face {
  font-family: number;
  src: local('Hiragino Mincho ProN');
  unicode-range: U+0030-0039;
}

/*order*/
#page-product .block-wcake .order { font-family: number; }
#page-product .block-wcake .order .notes { text-align: left;}
#page-product .block-wcake .order .size {font-size: 0.8rem; font-weight: normal;}
#page-product .block-wcake .order .reserve {border-bottom: 1px dashed #6b3a25; padding: 10px 0;}
#page-product .block-wcake .order h3 {font-size: 1rem; text-align: center; padding: 0 0 3px 0; }
#page-product .block-wcake .order .inner {padding: 0;}
#page-product .block-wcake .order { width: 100%; text-align: left; padding: 30px; background: #f6f3f0; }
#page-product .block-wcake .order .pic { margin: 0 auto; text-align: center;}
#page-product .block-wcake .order .pic img {width: 80px;}

/*pc*/
@media screen and (min-width : 769px ){
#page-product .block-wcake .midashi .lead { text-align: center;  margin: 20px auto 0 auto; }
#page-product .block-wcake .order .inner {width:600px;}
}

/*sp*/
@media screen and (max-width: 768px) {
#page-product .block-wcake .inner .midashi .lead { text-align: left; margin: 20px auto 0 auto; }
#page-product .block-wcake .inner .order { margin: 40px -40px 60px -40px; padding: 40px 40px; background: #f6f3f0; text-align: left ;}
}

/* order-btn */
#page-product .inner .order-btn a { width: 180px; background: #ff685d; display: block; padding: 10px 20px; margin: 15px auto 10px auto; font-size: 1rem; font-weight: normal; text-decoration: none; border-radius: 3px; color: #fff; }

#page-product .block-wcake .inner .order-btn a:hover { background: #6b3a25; color: #fff; text-decoration: underline; text-decoration: none; }


/* #page-product .block-gallet
--------------------------------------------------------*/
#page-product .block-gallet .inner .box .pic { width: 120px; height: auto; margin: 0 0 20px 0; }


/* #page-product .block-putit
--------------------------------------------------------*/
#page-product .block-putit .inner .box .pic { width: 160px; height: auto; margin: 0 0 20px 0; }
#page-product .block-putit .inner .shop { margin: 20px 0; }
#page-product .block-putit .inner .shop .lead { padding: 10px 40px; }

/*pc*/
@media screen and (min-width : 769px ){
#page-product .block-putit .inner .shop img { width: 500px; margin: 10px 0 10px 0;}
}

/*sp*/
@media screen and (max-width: 768px) {
#page-product .block-putit .inner .shop img { width: 100%;  margin: 0 -40px 10px -40px; }
}


/* #page-staff
--------------------------------------------------------*/
#page-staff .inner { background: #f6f3f0;  padding: 40px; }
#page-staff .inner .box { background: #fff; padding: 40px 20px 30px 20px; font-size: 1rem; }
#page-staff .inner .box ul { text-align: justify; padding: 10px 20px; }
#page-staff .inner .box li { list-style: square; }

/*pc*/
@media screen and (min-width : 769px ){
#page-staff .inner .box { width: 400px; margin: 0 10px;}
#page-staff .inner .lead { text-align: center; margin: 0 0 20px 0;}
}

/*sp*/
@media screen and (max-width: 768px) {
#page-staff .inner .box { max-width: 450px; width: 100%; margin: 10px auto; }
#page-staff .inner .lead { text-align: justify; }
}

#page-staff .inner h2 { font-size: 1.5rem; color: #6b3a25; line-height: 2rem; font-weight: 400;margin: 0 0 20px 0; }
#page-staff .inner h3 { font-size: 1rem; color: #6b3a25; margin: -10px 0 0 0;}
#page-staff .inner h4 { font-size: 1.4rem; color: #6b3a25; margin: 40px 0 10px 0; font-weight: 400; }

#page-staff .inner .box h3 { font-size: 1.2rem; padding: 0 0 10px 0; color: #53bda4; }
#page-staff .inner .box h3 .nam { font-size: 1.4rem; padding: 0 2px; }

#page-staff .inner .box h4 { font-size: 1rem; border-bottom: dotted 1px #606060; width: 110px; margin: 20px 0 10px -20px; color: #666; font-weight: 500;}

#page-staff .inner .box .time li { list-style: none; font-size: 1rem; }
#page-staff .inner .box .nam {font-size: 1.2rem;}
#page-staff .inner .phone { font-size: 1.2rem; font-weight: bold; }

/* #block-footer-menu
--------------------------------------------------------*/
#block-footer-menu { padding: 0 0; border-top: 1px dotted #ccc;}
#block-footer-menu ul { list-style: none; text-align: center; padding: 0; margin: 0 auto;}
#block-footer-menu li  { border-bottom: 1px dotted #ccc; font-size: 1rem; color: #6b3a25; padding: 10px; letter-spacing: 0.1em; overflow: hidden; margin: 0 auto;}
#block-footer-menu li a {font-weight: 400; text-decoration: none; color: #6b3a25;}

#block-footer-menu .sns_f { width: 160px; padding: 0; margin: 0 auto; }
#block-footer-menu .sns_f img { width: 35px; }
#block-footer-menu .sns_f dt { float: left; padding: 0 5px; }


/* #block-footer
--------------------------------------------------------*/
#block-footer { padding: 40px 20px 20px 20px; color: #fff; background: #6b3a25; text-align: center; margin: 0 0 0 0; }
#block-footer .logo { margin: 0 0 10px 0; }
#block-footer .logo img { width: 50px; height: auto; }
#block-footer small { letter-spacing: 0.3em; padding: 20px; }

/* .side_menu
--------------------------------------------------------*/
.side_menu { position: fixed; bottom: 100px; right: 0px;}
.side_menu img { width: 100px;}


/* #block-footer-menu
--------------------------------------------------------*/
#block-xmas img { width: 100%;}
#block-footer-menu ul { list-style: none; text-align: center; padding: 0; margin: 0 auto;}
#block-footer-menu li  { border-bottom: 1px dotted #ccc; font-size: 1rem; color: #6b3a25; padding: 10px; letter-spacing: 0.1em; overflow: hidden; margin: 0 auto;}
#block-footer-menu li a {font-weight: 400; text-decoration: none; color: #6b3a25;}
#block-footer-menu .sns { width: 200px; padding: 0; margin: 0 auto; }
#block-footer-menu .sns img { width: 35px; }
#block-footer-menu .sns dt { float: left; padding: 0 5px; }