@charset "utf-8";
/* CSS Document */
*{
	box-sizing: border-box;
}
#mainwrapper {
font-size:0.9em;
}
#mainwrapper #title {
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	width: 750px;
}


#mainwrapper .setBlock {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	position:relative;
}


#mainwrapper .setBlock.fullPack .setInner {
	margin-bottom: 15px;
	border:1px solid #ff7b07;
}
#mainwrapper .setBlock.odekakePack .setInner {
	margin-bottom: 15px;
	border:1px solid #00479b;
}


#mainwrapper .setBlock.fullPack .setInner h4 {
	background:#ff7b07;
	padding:3px;
	text-align:center;
	color:#fff;
}
#mainwrapper .setBlock.odekakePack .setInner h4 {
	background:#00479b;
	padding:3px;
	text-align:center;
	color:#fff;
}
#mainwrapper .setBlock.papamamaPack .setInner h4 {
	background:#ff6563;
	padding:3px;
	text-align:center;
	color:#fff;
}
#mainwrapper .setBlock.papamamaPack .setInner h4 span {
background:#fff;
color:#ff6563;
font-size:0.8em;
padding:1px 4px;
margin-left:10px;
}

/*---202404---*/
#mainwrapper .setBlock.bb h4{
	width: 100%;
	height: auto;
	padding: 20px;
	background-color: #9BBCE0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#mainwrapper .setBlock.gg h4{
	width: 100%;
	height: auto;
	padding: 20px;
	background-color: #AFDAC4;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#mainwrapper .setBlock.pp h4{
	width: 100%;
	height: auto;
	padding: 20px;
	background-color: #DF99BA;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#mainwrapper .setBlock.papamamaPack h4{
	width: 100%;
	height: auto;
	padding: 20px;
	background-color: #f7be65;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#mainwrapper .bb .setInner {
	margin-bottom: 15px;
	border:2px solid #9BBCE0;
	border-top:0;
margin-top:-20px;
padding-top:20px;
border-radius: 10px;
}
.setBlock.gg .setInner {
	margin-bottom: 15px;
	border:2px solid #AFDAC4;
	border-top:0;
margin-top:-20px;
padding-top:20px;
border-radius: 10px;
}
.setBlock.pp .setInner {
	margin-bottom: 15px;
	border:2px solid #DF99BA;
	border-top:0;
margin-top:-20px;
padding-top:20px;
border-radius: 10px;
}

.setBlock.papamamaPack .setInner {
	margin-bottom: 15px;
	border:2px solid #f7be65;
	border-top:0;
margin-top:-20px;
padding-top:20px;
margin-bottom: 60px;
border-radius: 10px;
}
/*---/2024---*/


#mainwrapper .setBlock h4 span,
#mainwrapper .setBlock h4 p{
	text-shadow: 1px 1px 3px #333;
}
#mainwrapper .setBlock h4 span{
	font-size: 33px;
	width: 70%;
	letter-spacing: 2px;
	
}
#mainwrapper .setBlock h4 p{
	font-size: 16px;
	width: 30%;
}





#mainwrapper .setBlock p.lead {
margin:20px;
color:#db2872;
font-weight:bold;
font-size:1.1em;
}
#mainwrapper .setBlock.fullPack p.lead {
color:#ff7b07;
}
#mainwrapper .setBlock.odekakePack p.lead {
color:#00479b;
}
#mainwrapper .setBlock.papamamaPack p.lead {
color:#f7be65;
}
#mainwrapper .setBlock.odekakePack img.absolute {
position:absolute;
top:50px;
right:10px;
}
#mainwrapper .setBlock.fullPack img.absolute {
position:absolute;
bottom:20px;
right:40px;
}
#mainwrapper .setBlock.papamamaPack img.absolute2 {
position:absolute;
top:90px;
right:10px;
}
#mainwrapper .setBlock.papamamaPack img.absolute3 {
position:absolute;
top:380px;
right:30px;
}

#mainwrapper .setBlock table {
margin:20px auto 0;
background:url(../image/naname.gif) repeat;
/*width:85%;*/
width: 95%;
}
#mainwrapper .setBlock table th {
background:#fff;
padding:10px;
}
#mainwrapper .setBlock table th.width20 {
width:10%;
}
#mainwrapper .setBlock table td.width22 {
/*width:22%;*/
width: 305;
}
#mainwrapper .setBlock table td {
background:#fff;
padding:10px;
text-align: center;
}
#mainwrapper .setBlock table th span.old3 {
background:#ff9500;
padding:3px 6px;
color:#fff;
font-weight:bold;
display:inline-block;
}
#mainwrapper .setBlock table th span.old5 {
background:#00479b;
padding:3px 6px;
color:#fff;
font-weight:bold;
display:inline-block;
}
#mainwrapper .setBlock table th span.old7 {
background:#ff0e8d;
padding:3px 6px;
color:#fff;
font-weight:bold;
display:inline-block;
}
#mainwrapper .setBlock table th span.papa {
background:#0062bf;
padding:3px 6px;
color:#fff;
font-weight:bold;
display:inline-block;
}
#mainwrapper .setBlock table th span.mama {
background:#ff4570;
padding:3px 6px;
color:#fff;
font-weight:bold;
display:inline-block;
}

#mainwrapper .setBlock table td span.price {
font-size:1.5em;
color:#cc0000;
font-weight:bold;
}

#mainwrapper .setBlock p.attention {
color:#cc0000;
text-align:center;
margin:5px 0 5px;
}

#mainwrapper .setInnerInner {
margin-top:10px;
margin-left:2px;
}
#mainwrapper .setInnerInner .setBox{
float:left;
border:1px solid #ddd;
padding:10px;
background:#fff;
text-align:center;
width:120px;
height:120px;
margin:3px;
}
#mainwrapper .setInnerInner .setBox h5 {
font-size:0.9em;
}
#mainwrapper .setInnerInner .setBox h5 span.number {
background: #8bcdba;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 1.5;
margin-right:10px;
float:left;
}
#mainwrapper .setInnerInner .setBox h5 span.title {
display:block;
text-align:center;
}
#mainwrapper .setInnerInner .setBox h5 span.title span.small {
font-size:0.8em;
font-weight:normal;
display:block;
}
#mainwrapper .setInnerInner .setBox p {
font-size:0.8em;
}
#mainwrapper p.midashi {
	font-weight:bold;
	padding-left:38px;
	font-size:1.1em;
	color:#226622;
	background:url(../image/icon.gif) no-repeat;
	margin-top:20px;
	margin-left:20px;
}
#mainwrapper p.center.plus {
	text-align:center;
	font-size:2.5em;
	color:#226622;
	font-weight:bold;
	margin-bottom:-10px;
}

table.mochikomi {
margin-bottom:20px;
}

.odekakeText {
	width:700px;
	border: 1px dashed #ddd;
	padding:2px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}
.odekakeText img {
	float:right;
	margin-left:20px;
}

.odekakeText h4 {
	color:#ff6563;
margin:30px 20px 10px;
}
.odekakeText p {
margin:0px 10px 10px 20px;
line-height:2.0;
font-size:0.9em;
}
.a_753 {
color: #FF000D;
}

.tokutenBlock {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	margin-top: 15px;
}
.tokutenBlock .tokutenInner {
	border:1px solid #0ebf79;
	padding-bottom:10px;
}
.tokutenBlock .tokutenInner h4 {
	background:#0ebf79;
	padding:5px 3px;
	text-align:center;
	color:#fff;
}
.tokutenBlock .tokutenInner h4 span {
font-size:1.6em;
}
.tokutenBlock .tokutenInner h5 {
font-size:1.2em;
margin:10px 15px 0px;
border-top:1px dashed #ddd;
padding-top:10px;
}
.tokutenBlock .tokutenInner h5.first {
border-top:0;
}
.tokutenBlock .tokutenInner h5 strong {
color:#dd0000;
}
.tokutenBlock .tokutenInner h5 span {
color:#0ebf79;
font-size:2.0;
margin-right:15px;
}
.tokutenBlock .tokutenInner p {
margin:0 15px 10px;
font-size:0.9em;
}
.tokutenBlock .tokutenInner p.attention {
font-size:0.9em;
color:#cc0000;
}

/*---画像配置----*/
.img_area img{
	width: auto;
	max-width: 100%;
	height: auto;
}
.img_area{
	border-top: 1px solid #ccc;
	margin: 30px auto 0 auto;
	padding: 30px 0 0 0;
}


/*--七五三 新パック--*/
header.stg{
	width: 100%;
	margin: 30px auto;
}
.stg h2{
	width: 100%;
	height: auto;
}
.stg h2 span,
.stg h2 p
{
	display: block;
	text-align: center;
	padding: 5px 0;
}

.stg h2 span{
	color: #7C5C45;
	font-size: 22px;
}
.stg h2 p{
	color: #E9005F;
	font-size: 33px;
}
table.kinen th{
	width: 130px;
}
table.kinen th img{
	width: 100%;
	height: auto;
	display: block;
	margin: 10px auto;
}
.price.big {
	font-size: 40px !important;
  }

  .packs img{
	width: 90%;
	height: auto;
	display: block;
	margin: 30px auto 10px auto;
  }

  h5.md{
	display: block;
	text-align: center;
	padding: 20px 0;
	font-size: 18px;
  }
  h5.md span{
	color: #d80c18;
	font-size: 22px;
	padding-left: 8px;
  }
  .flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
  }

  .flex.papamama .left{
	width: 70%;

  }
  .flex.papamama .right{
	width: 30%;
	padding-right: 24px;

  }
  .flex.papamama .right img{
	width: 100%;
	height: auto;
  }
  .kinen .old3{
	padding: 3px 6px;
	text-align: center;
	color: #fff;
	background: #ff9500;
	font-weight: bold;
  }
  .kinen .old5{
	padding: 3px 6px;
	text-align: center;
	color: #fff;
	background: #00479b;
	font-weight: bold;
  }
  .kinen .old7{
	padding: 3px 6px;
	text-align: center;
	color: #fff;
	background: #ff0e8d;
	font-weight: bold;
  }

.option,
.option img {
	display: block;
	margin: 0 auto 20px auto;
}
.option img {
	width: 250px;
	height: auto;
	
}
.option.date span{
	display: block;
	text-align: center;
	color: #00a6e7;
}
.option.print span{
	display: block;
	text-align: center;
	color: #e14994;
}
.option.print{
	margin: 60px auto 20px auto;
  border-top: 1px solid #ccc;
  padding: 40px 0 0 0;
}
caption{
	background-color: #fff;
	padding: 20px 0;
}
caption h4{
	display: block;
	max-width: 300px;
	margin: 0 auto 20px auto;
	padding: 10px;
	color: #fff;
	text-align: center;
}
caption.date h4{
	background-color: #90c434;
}
caption.print h4{
	background-color: #e14994;
}
caption.al h4{
	background-color: #6b84c2;
}
caption.date p{
	color: #90c434;
}
caption.al p{
	color: #6b84c2;
}
caption.pt {
	padding: 0;
}
caption.pt h4{
	color: #000;
	margin: 0 auto;
}
caption.cut h4{
	background-color: #6b84c2;
}
table p {
	line-height: 22px;
}
.flex.pt .item{
	width: 48%;
}
.flex.pt .item table{
	width: 100% !important;
}
.flex.pt .item .info{
	margin: 20px auto 0 auto;
}
.flex.pt .item .info p{
	line-height: 22px;
	margin-bottom: 20px;
}
.flex.pt .item .info p span{
	font-weight: bold;
	color: #cc0000;
}

.wk{
	-webkit-text-stroke: 6px red;
	text-stroke: 6px red;
	paint-order: stroke;
	color: #FFDC35;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 3px;
}