@charset "utf-8";

/* ===============================================
fancydessert
=============================================== */
/* common
----------------------- */
body {
    overflow-x: hidden;
    overflow-y: visible;
}

#kv {
	background: url(../img/img_kv_smp.jpg) top center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}


.css_pc_only {
    display: none !important;
}

.pcOnly {
    display: none !important;
}

#fancydessert #wrapper {
    padding: 0;
}

#fancydessert #wrapper section {
    width: 100%;
}

/* #sec_fc_head
----------------------- */
#sec_fc_head {
    padding: 0 3% 36px;
    text-align: center;
}

#sec_fc_head h1 {
    padding: 15px 0 25px;
    width: 100%;
}

#sec_fc_head .nav_local {
    margin: 0 auto;
    width: 100%;
}

#sec_fc_head .nav_local li a {
    display: block;
    padding-bottom: 23%;
    width: 100%;
    text-align: left;
    text-indent: -9999px;
    background-size: contain;
    background-position: top center;
}

#sec_fc_head p {
    font-size: 14px;
}

#sec_fc_head p br.sp {
    display: block !important;
}

#sec_fc_head .nav_local li.nav_local_01 a {
    background-image: url(../img/sec_head_nav01_sp.png);
}

#sec_fc_head .nav_local li.nav_local_02 a {
    background-image: url(../img/sec_head_nav02_sp.png);
}

#sec_fc_head .nav_local li.nav_local_03 a {
    background-image: url(../img/sec_head_nav03_sp.png);
}

#sec_fc_head .nav_local li.nav_local_04 a {
    background-image: url(../img/sec_head_nav04_sp.png);
}

/* #wrapper
----------------------- */
.head {
    padding: 0 3%;
    padding-bottom: 32px;
}

.head_main {
    max-width: 130%;
    width: 130%;
    margin-left: -15%;
}

#fancydessert #wrapper section h2 {
    width: 256px;
    border: 4px solid #000;
    padding: 22px 32px 18px;
    margin-top: -10%;
    margin-bottom: 24px;
}

#fancydessert #wrapper section h2 img {
    width: 100%;
}

#fancydessert #wrapper section h3+p {
    font-size: 25px;
	margin-bottom: 20px;
	color:#ff0000;
	font-weight:bold;
}



#fancydessert #wrapper section h2+p {
    font-size: 18px;
    margin-bottom: 20px;
}

#fancydessert #wrapper section .ttl_new {
    margin-top: -32px;
}

#fancydessert #wrapper section .ttl_new img {
    width: 64px;
}

.description {
    font-size: 12px;
    line-height: 1.8;
}


.description+.description {
    margin-top: 20px;
}

.giftbag {
    width: 218px;
    font-size: 10px;
    border-radius: 8px;
    margin-top: 24px;
    line-height: 1;
}

.giftbag span {
    display: inline-block;
    text-align: left;
}

.giftbag_icon {
    margin-right: 16px;
}

.giftbag.custom {
    margin-bottom: 78px;
}

.giftbag_bag {
    width: auto;
    height: 64px;
    bottom: -76px;
    left: 0;
    margin: auto;
}

/* .box
----------------------- */
.box {
    border-top: 2px solid #333;
    padding: 0 3%;
    padding-top: 26px;
    padding-bottom: 14px;
}

.box::before {
    border-width: 8px;
}

.num {
    font-size: 16px;
    margin-bottom: 12px;
}

.box h3 {
    margin-bottom: 26px;
    font-size: 12px;
}

.box h3 span {
    font-size: 22px;
    margin-bottom: 6px;
    line-height: 1.4;
}

.box h3::after {
    width: 34px;
    height: 2px;
    margin-top: 14px;
}

.box h3.new span {
    padding: 0 66px;
}

.box h3.new span::before {
    width: 36px;
    height: 36px;
    top: 50%;
    right: 0;
    margin-top: -18px;
}

.box h3.new2 span::before {
    width: 53.72px;
    right: 0;
}

.box .description {
    font-size: 12px;
    margin-bottom: 32px;
    text-align: left;
}

.box .description br {
    display: none;
}

.item {
    margin-bottom: 38px;
}

.item_img {
    margin-bottom: 16px;
    padding: 0 !important;
}

.item_img>*,
.item_img img {
    width: 100% !important;
}

.item_img img {
    margin-left: 0 !important;
}

.item_img>* {
    display: inline-block;
}

.item_01 .item_img>*+* {
    margin-top: 6px;
}

.color {
    font-size: 10px;
    letter-spacing: 2px;
}

.color+.color {
    margin-top: 4px;
}

.item_name {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.6;
}


.item_bag {
    padding: 0 32px;
}

.item_bag span::after {
    width: 14px;
    height: 13px;
    top: -2px;
    right: -18px;
}

.item_price {
    margin-bottom: 14px;
    font-weight: 600;
}

.item_price>span {
    font-size: 14px;
    display: block;
}

.item_price>span:first-child {
    margin-bottom: 8px;
}

.item_price>span b {
    font-size: 18px;
}

.item_link {
    max-width: 406px;
    padding: 20px;
    border-radius: 8px;
    font-size: 12px;
}


.lineup {
    padding: 40px 30px 28px;
    margin-bottom: 26px;
    position: relative;
}

.lineup_ttl {
    width: 144px;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 8px 26px;
    font-size: 12px;
}

.lineup_item {
    font-size: 12px;
}

.lineup_item+.lineup_item,
.lineup_box>*+* {
    margin-top: 8px;
}

.nav {
    display: none;
}

.flexBox_ttl {
    padding: 0 36px;
    margin-bottom: 24px;
}

.flexBox_ttl span {
    padding: 0 12px;
    font-size: 16px;
}

.flexBox_ttl::before {
    height: 2px;
    margin-top: -2px;
}

.flexBox {
    margin-bottom: 36px;
    text-align: center;
}

.flexBox>* {
    width: 100% !important;
}

.flexBox>*+* {
    margin-top: 18px;
}

.flexBox_smallTtl {
    margin: 16px 0 10px;
    font-size: 14px;
}

.flexBox p {
    font-size: 12px;
}

.flexBox_02 img {
    width: 70%;
}

/* minimals
----------------------- */
#fancydessert #wrapper section#sec04 h2 {
    margin-bottom: 46px;
}

#sec04 .head h2::before {
    width: 73px;
    height: 29px;
    bottom: -33.2px;
    left: 6px;
}

.minimals {
    padding: 26px 3% 14px;
}

.title_style03 {
    display: inline-block;
    margin: 10px 0;
    padding: 3px 15px 0;
    border-right: double 3px #333;
    border-right-color: rgb(51, 51, 51);
    border-left: double 3px #333;
    border-left-color: rgb(51, 51, 51);
    color: #333;
    font-size: 22px;
    line-height: 22px;
    color: #bd9d40;
    border-right-color: #bd9d40;
    border-left-color: #bd9d40;
}

.add_subscript {
    font-size: 12px;
    margin-bottom: 30px;
    line-height: 1.6em;
}

.color-lineup {
    padding-top: 5%;
    font-size: 0;
    letter-spacing: -1em;
    width: 100%;
}

.color-lineup .item {
    display: inline-block;
    margin-bottom: 10%;
    width: 48%;
}

.color-lineup h3 {
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", 'MS Mincho', serif;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0;
    color: inherit;
}

.color-lineup div div {
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", 'MS Mincho', serif;
    font-size: 12px;
    margin-top: 8px;
}

#wrapper.page section h2.custom_ttl {
    margin-bottom: 60px !important;
}



#sec02 .head h2::before {
    width: 73px;
    height: 29px;
    bottom: -40px;
    left: 6px;
}

.flexBox.flexBox_02 {
    text-align: center;
}

.flexBox.flexBox_02 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.flexBox.flexBox_02 .flexBox_smallTtl {
    display: inline-block;
}


.item_box {
    margin-bottom: 32px;
}

.item_box+.item_box {
    margin-top: 0;
}

.customImg {
    width: 83.5% !important;
    margin-left: 16.5%;
}

@media screen and (max-width:798px) {
.three{
width:100%;
						padding:0 auto;
color:#333333;
text-align:center;
				}}
				
				.button{
					height:30px;
					margin:10px auto 3px;
					width:200px;
	border-radius:20px;
	color:#b19468;
					text-align:center;
	background-color:#ffffff;
	border:1px solid #b19468;
					padding:5px;
color:#000;}
		
.button:hover {
	opacity: 0.5 ;
}
.hontai{
font-size:70%;}
.title_logo{
width:100%;}