@charset "UTF-8";

/* サポート・ガイド系共通で使う */
div.supportGuide img{
	max-width: 100%;
}
div.supportGuide .typeRed{
	margin-bottom: 2%;
	color:#FE5454;
	font-size: 1.15em;
	line-height: 1.15em;
}
div.supportGuide .typeRed a{
	color:inherit;
	text-decoration: none;
}
div.supportGuide .barRed{
	margin-bottom: 2%;
	padding:1%;
	background-color: #FEEFEF;
	border-left: 6px solid #FEB4B4;
	border-bottom: 1px solid #ECECEC;
	font-size: 1.2em;
}
div.supportGuide .barPnk{
	margin-bottom: 1%;
	padding: 0.8%;
	background-color: #ffeff0;
	font-size:1.1em;
	line-height: 1.1em;
}
div.supportGuide .redTxt{
	color:#FF2727;
}
div.supportGuide .indentNote{
	display: block;
	text-indent: -1em;
	padding-left: 1em;
}
div.supportGuide .indentNoteS{
	display: block;
	padding-left:1em;
	text-indent: -1em;
	line-height: 1.2em;
	font-size: .85em;
	color: #777;
}
div.supportGuide img.tel{
	display: block;
	margin: 2% auto;
}
div.supportGuide .mailHere{
	font-weight: bold;
	color:#069;
}


/* howto系 */
.howtoSomething .heddingTtl{
	margin-bottom: 3%;
	padding-bottom: .5%;
	font-size: 16px;
	border-bottom: 3px solid #FFCFCF;
}
.howtoSomething .arwTtl{
	padding-bottom: .5%;
	font-size: 15px;
	border-bottom: 1px dashed #ccc;
}
.howtoSomething .arwTtl span.arw{
	float: left;
	display: block;
	margin-top: -.5%;
	height: 0;
	width: 0;
	border: 10px solid transparent;
	border-left: 10px solid #ccc;
}
.howtoSomething .nav{
	margin: 2% 0 4%;
}
.howtoSomething .nav li{
	float: left;
	margin-right: 2%;
}
.howtoSomething .contWrap{
	margin-bottom: 2%
}
.howtoSomething p.txtBox{
	margin: 2% 0 6%;
}
.howtoSomething p.txtBox_imgBoth{
	margin-bottom: 10%;
}
.howtoSomething .caution{
	margin-bottom: 4%;
	padding: 2%;
	text-align: center;
	background: #FFECEC;
	border: 1px solid #FFCFCF;
	border-radius: 1px;
	font-weight: bold;
}
.howtoSomething img.capt{
	display: block;
	margin: -4% auto 6%;
	border: 1px solid #ccc;
}
a.arwLnk{
	text-decoration: none;
}
a.arwLnk span.arw{
	display: block;
	float: left;
	width: 0;
	height:0;
	margin-top: 3px;
	border: 5px solid transparent;
	border-left: 5px solid #AAA;
}


/* ご利用ガイドメニュー */
.guideIconList{
	background: #FCFCFC;
	border: 1px dashed #F0F0F0;
}
.guideIconList ul{
	margin-left: -2%;
	padding: 3%;
}
.guideIconList ul li a{
	display: block;
	float: left;
	box-sizing: border-box;
	margin:0 0 2% 2%;
	padding:1% 0;
	width:23%;
	background: #FFD7DA;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	box-shadow: 2px 2px 3px #f0f0f0;
}
.guideIconList ul li a img{
	max-width: 100%;
	margin-bottom: 5%;
}
.guideIconList ul li a p{
	width: 95%;
	margin: 0 auto 5% auto;
	font-size: .9em;
	color:#808080;
}

/* -----------------------------------------------
	/support/
-------------------------------------------------- */
/* お問い合わせ メールフォーム */
table.mailformTable {
	margin: 15px 0;
	border-collapse: collapse;
	width: 100%;
	text-align: left;
	border: 1px solid #aaaaaa;
}
table.mailformTable tr th {
	border-bottom: 1px dotted #aaaaaa;
	width: 25%;
	vertical-align: middle;
	padding: 6px 8px;
	font-weight: normal;
	font-size: 14px;
	background: #DFF7E6;
	line-height: 1.3em;
}
table.mailformTable tr th span.hissu,
table.mailformTable tr th span.required {
	font-weight: bold;
	color: #ff0000;
	font-size: 11px;
}
table.mailformTable td .text input {
	width: 68%;
}
table.mailformTable td .mini {
	margin: 0 15px 0 0;
}
table.mailformTable td .mini input {
	width: 25%;
}
table.mailformTable td .tel input,
table.mailformTable td .fax input {
	width: 50px;
}
table.mailformTable td span.caution {
	color: #d00000;
	display: block;
	margin: 0 0 3px 0;
}
table.mailformTable tr td {
	border-bottom: 1px dotted #aaaaaa;
	width: 75%;
	vertical-align: middle;
	padding: 6px 8px;
	font-size: 13px;
	line-height: 1.3em;
	background: #fff;
}
table.mailformTable tr td input,
table.mailformTable tr td textarea {
	background: url(/resource/img/bg_grad_01.png) 0 0 repeat-x;
	margin: 3px;
	padding: 2px;
	border: 1px solid #cccccc;
	max-width: 70%;
	resize: vertical;
}
table.mailformTable td .textArea textarea {
	width: 96.5%;
	height: 140px;
}
table.mailformTable tr td label {
	margin: 3px 10px 3px 0;
}
table.mailformTable tr td select {
	background: url(/resource/img/bg_grad_01.png) 0 0 repeat-x;
	margin: 3px;
	padding: 2px;
	border: 1px solid #cccccc;
}
table.mailformTable tr td .notes {
	font-size: 11px;
	color: #666666;
}
table.mailformTable tr td span.error,
p.mailformTable_agree span.error,
section.each div.answer span.error {
	position: absolute;
	background: #ff0000;
	margin: -5px 0 0 -10px;
	padding: 0 2px;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
	display: inline;
}

div#formOtodoke table.mailformTable {
	margin: 0;
}
p.mailformTable_agree {
	text-align: center;
}
p.mailformTable_agree label {
	font-size: 14px;
	font-weight: normal;
}
p.mailformTable_attentions {
	text-align: center;
	font-size: 14px;
	color: #666666;
	margin: 30px 0;
}
.mailformTable #datepicker,
.mw_wp_form .datepicker input {
	background: url(../img/bg_calendar_01.png) 100% 0 no-repeat;
}
div.mailformTable_bt {
	padding: 8px;
	background: #d2f9dd;
	text-align: center;
	margin: 30px 0;
}
div.mailformTable_bt input {
	margin: 10px 5px;
	height: 34px;
	border: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	width: 170px;
	background: url(/resource/img/piary_bt_08.png) 0 0 no-repeat;
}
div.mailformTable_bt input[name="submitConfirm"].is-inactive{
	pointer-events: none;
	background: #ccc;
	border-radius: 6px;
	appearance: none;
	-webkit-appearance: none;
}
.anniv-10th .appArea .formArea .bt-link input[type="submit"][name="submitConfirm"].is-inactive{
	pointer-events: none;
	background: #ccc;
	appearance: none;
	-webkit-appearance: none;
}

div.mailformTable_bt input:hover{

}

div.mailformTable_bt input:focus {
	outline: 0;
}
.mailformTable_bt input:hover {
	background: url(/resource/img/piary_bt_08.png) 0 -34px no-repeat;
}
.mw-wp-form_image img {
	max-width: 100%;
}
#form_completion {
	text-align: center;
	line-height: 2;
	font-size: 14px;
	background: #fff5ef;
	padding: 15px;
	color: #990000;
	margin-bottom: 50px;
}
#form_completion .close {
	display: inline-block;
	margin-top: 30px;
	font-size: 13px;
	color: #000000;
}

.mw_wp_form_confirm .notes,
.mw_wp_form_confirm .hide_in_confirm{
	display: none;
}

#form_completion p.attention{
	font-size: 13px;
	color: #606060;
	font-weight: bold;
	margin: 15px 0;
}

#form_completion a{
	color: #00aa66;
	text-decoration: underline;
}

/* よくある質問 */
div.faqBeb div.catTittle{
	margin: 0 0 2% -1em;
	padding:1%;
	background-color: #90C7A0;
	border-bottom: 1px solid #ECECEC;
	color:#FFF;
	text-shadow: 1px 1px 1px #7CA889;
	font-size: 1.5em;
	font-weight: bold;
}
div.faqBeb ul.catList{
	width:80%;
	margin: 3% auto;
	padding:0 1%;
}
div.faqBeb ul.catList li a{
	display: block;
	width:31.33%;
	float: left;
	box-sizing: border-box;
	margin: 0 1%;
	padding:3% 2%;
	background-color: #FEFEFE;
	border:1px solid #ccc;
	border-radius: 2px;
	text-align: center;
	text-decoration: none;
}
div.faqBeb ul.catList li a:hover{
	background-color: #DFF7E6;
	color:#555;
	text-decoration: none;
	opacity: 1;
}
div.faqBeb ul.catList li a.active{
	background-color: #cbf2d6;
}
div.faqBeb div#wholeCont,div.faqBeb div#iwaiCont,div.faqBeb div#uchiiwaiCont{
	display: none;
	padding-left: .5em;
}
div.faqBeb div.on{
	display: block !important;
}
div.faqBeb ul.qTitleList{
	margin: 0 0 3% 20px;
	padding-left: 1em;
	list-style-type: disc;
	color: #7A2820;
}
div.faqBeb ul.qTitleList li{
	margin: .5% 0;
}
div.faqBeb ul.qTitleList li a{
	color:#7A2820;
	text-decoration: none;
}
div.faqBeb ul.qTitleList li a:hover{
	text-decoration: none;
}
div.faqBeb div.contWrap{
	padding-top:3%;
	border-top:1px dotted #888;
}
div.faqBeb dl dt{
	margin-bottom: 1%;
	padding-left: 35px;
	line-height: 35px;
	background: url(/resource/img/icon_q.gif) 0 0 no-repeat;
	font-size: 15px;
	font-weight: bold;
}
div.faqBeb dl dd{
	margin:0 0 2% 2% ;
	padding:1% 0 2% 35px;
	background: url(/resource/img/icon_a.gif) 0 0 no-repeat;
	border-bottom: 1px dashed #727171;
}
div.faqBeb dl dd span.toTop{
	display: block;
	margin-top: 1.5%;
	text-align: right;
}
div.faqBeb dl dd span.toTop a{
	padding: 1%;
	background-color: #8EC79E;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
div.faqBeb dl dd span.toTop a:hover{
	text-decoration: none;
}

/* メールが届かない　 */
div.mailNg .content a.to_cases{
	display: block;
	margin: 2% 0;
	padding:2% 0;
	background-color: #fdfdfd;
	border: 1px solid #ccc;
	border-radius: 2px;
	text-align: center;
}
div.mailNg .content a.to_cases:hover{
	background-color: #DFF7E6;
	text-decoration: none;
}
div.mailNg .reason{
	margin: 3% 0;
	text-align: center;
	font-size: 1.2em;
}
div.mailNg table.reason_list{
	width:100%;
	border-bottom:  1px solid #ccc;
	border-left: 1px solid #ccc;
	border-radius: 1px;
}
div.mailNg table.reason_list tbody tr{
	border-top:1px solid #ccc;
}
div.mailNg table.reason_list tbody tr th{
	width:17%;
	padding:2% 0;
	vertical-align: middle;
	background-color: #DFF7E6;
	border-right: 1px solid #ccc;
}
div.mailNg table.reason_list tbody tr td{
	width:78%;
	padding:2%;
	background-color: #FEFEFE;
	border-right: 1px solid #ccc;
}
div.mailNg table.reason_list tbody tr td div{
	margin: 1% 0;
	padding:2%;
	background-color: #FFEFEF;
	border: 1px solid #CCC;
}

/* メールが届かない 設定方法 */
div.mailNg ul.eachCases{
	margin: 3% auto;
}
div.mailNg ul.eachCases li a{
	display: block;
	width:24%;
	float:left;
	margin:0 1% 1% 0;
	padding: 3% 0 3% 3%;
	box-sizing: border-box;
	border: #CCC 1px solid;
	color: #777;
	font-size: .9em;
	text-decoration: none;
}
div.mailNg ul.eachCases li a:hover{
	background-color: #DFF7E6;
	text-decoration: none;
	color:#555
}
.mailNg ul.eachCases li a span.arrow{
	display: block;
	float: left;
	width:0;
	height:0;
	margin: 3.5% 1% 0 -12%;
	border: 6px solid transparent;
	border-top: 6px solid #777;
}
.mailNg ol li{
	margin-bottom: 1em;
	padding-bottom:1em;
	border-bottom: 1px dotted #777;
}
.smp_domain__Img{
}
.mailNg ol li img{
	margin: 2% 0 3% 0;
	border:1px solid #ccc;
}
.mailNg ol li .smp_domain__Img a{
	display:block;
	width: 45%;
}


/* -----------------------------------------------
	/guide/
-------------------------------------------------- */

/* クチコミガイドライン */
.reviewGuide ol{
	margin-bottom: 2%;
	padding-left: 1em;
	list-style-type: decimal;
}
.reviewGuide ol li a{
	color:#666;
	line-height: 19px;
	text-decoration: underline;
}
.reviewGuide ol li a:hover{
	color:#066422;
	text-decoration: none;
}
.reviewGuide .eachCases ul{
	margin-bottom: 2%;
	padding-left: 2em;
	list-style-type: disc;
}
.reviewGuide .eachCases ul li{
	margin-bottom: .5%;
}
.reviewGuide .reviewNg{
	margin: 2% 0;
	padding: 1%;
	width: 43%;
	background-color: #FCFCFC;
	border: 1px solid #CCC;
}

/* FAXでのご注文 */
.faxOrder{
	margin-bottom: 1%;
}
.faxOrder .orderSheets .sheet{
	width: 50%;
	float: left;
	margin: 0 0 2% 0;
	padding: 1%;
	box-sizing: border-box;
}
.faxOrder .orderSheets .sheet p{
	margin-bottom: 3%;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 3px solid #CCC;
}
.faxOrder .orderSheets .sheet .btns{
	margin-bottom: 3%;
}
.faxOrder .orderSheets .sheet .btns strong{
	text-align: left;
	color:#555;
}
.faxOrder .orderSheets .sheet .btns a{
	display: block;
	width:50%;
	height:34px;
	float: left;
	line-height: 34px;
	text-align: center;
	text-decoration: none;
	font-weight:bold;
	color:#FFF;
}
.faxOrder .orderSheets .sheet .btns a img.icon{
	margin: 0 2% 7% -5%;
}
.faxOrder .orderSheets .sheet .btns a.example{
	background:url(/resource/img/fax_order/piary_bt_10.png) no-repeat 0 0;
}
.faxOrder .orderSheets .sheet .btns a.download{
	background:url(/resource/img/fax_order/piary_bt_02.png) no-repeat 0 0;
}
.faxOrder .orderSheets .sheet .btns a:hover{
	background-position: 0 -34px;
	text-decoration: none;
	opacity: 1;
}

/* お届け方法・配送料につぃて */
.deliveryMethod ul{
	margin: 2% 0;
	padding-left: 1em;
	list-style-type: disc;
}

/* 納期について */
.deliveryTime table{
	width:92%;
	margin: 0 auto 2% auto;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	border-left: 1px solid #aaa;
}
.deliveryTime table thead{
	border-bottom: 1px solid #aaa;
}
.deliveryTime table thead tr th{
	padding:3% 0;
	background-color: #F3A49B;
	color:#FFF;
}
.deliveryTime table tbody tr th{
	padding:2%;
	background-color: #FFF4F6;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	vertical-align: middle;
}
.deliveryTime table tbody tr td{
	padding: 2%;
	border-bottom: 1px solid #aaa;
}

/* 命名カード */
.namingCard ul.btns{
	margin: 3% 0;
}
.namingCard ul.btns li{
	float: left;
	width:33.33%;
	box-sizing: border-box;
	padding:2%;
	border-left: 2px dotted #ccc;
}
.namingCard ul.btns li:first-child{
	border: 0
}
.namingCard ul.btns li a:hover{
	border-bottom: 3px solid #ccc;
}
.namingCard ol.capt{
	margin-bottom: 5%;
}
.namingCard ol.capt li{
	float: left;
	width:50%;
	box-sizing: border-box;
	padding:1.5%;
	miun-height: 260px;
}
.namingCard ol.capt li.last{
	float: none;
	width:80%;
	margin: 0 auto;
	padding:0;
}
.namingCard ol.capt li a{
	text-decoration: none;
}
.namingCard ol.capt li img{
	margin-bottom: 1%;
	border:7px solid #F6BBAD;
	box-sizing: border-box;
}

/* メッセージカード */

#mscDesign .pc-none{
	display: none;
}

#mscDesign #headerArea{
	font-size: 16px;
	color: #82776a;
	line-height: 1.8em;
}

#mscDesign #messageArea h2{
	font-size: 18px;
	font-weight: normal;
	margin: 6px 0;
}

#mscDesign #messageArea #titleCas,
#mscDesign #messageArea #titleFor{
	margin: 10px 0 0 0;
	padding: 12px;
}

#mscDesign #messageArea #titleCas img,
#mscDesign #messageArea #titleFor img{
	float: left;
	margin-right:18px;
}

#mscDesign #messageArea #titleCas p,
#mscDesign #messageArea #titleFor p{
	float: left;
	text-align: left;
	line-height: 1.7em;
}

#mscDesign #messageArea #titleCas{
	background: #fbeef4;
}

#mscDesign #messageArea #titleFor{
	background: #ede4f0;
}

#mscDesign #messageArea .mclist{
	margin: 15px 2% 30px 2%;
}

#mscDesign #messageArea .mclist li{
	float: left;
	width: 22%;
	margin: 1.5%;
}

#mscDesign #messageArea .mclist img{
	max-width: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

#mscDesign #messageArea .mclist li p .red{
	color: #F00;
}

#mscDesign #engArea{
	border: 1px solid #aaa;
	padding: 12px 3%;
}

#mscDesign #engArea h2{
	font-size: 16px;
}

#mscDesign #engArea ul li{
	float: left;
	width: 50%;
	margin: 16px 0 0 0;
	text-align: left;
	font-size: 12px;
}

#mscDesign #exArea .notice{
	background: #f5fbfc;
	text-align: left;
	padding: 16px 0 16px 16%;
	line-height: 1.8em;
}

#mscDesign #exArea .toDetail{
	display: block;
	margin: 0 auto;
	padding: 16px 35px 16px 65px;
	width: 42%;
	background-color: #ffcacd;
	color: #808080;
	border-radius: 12px;
	text-align: left;
	line-height: 1.8em;
	font-size: 16px;
	text-decoration: none;
	background-image: url(/resource/img/msc/ic_cart.png),url(/resource/img/msc/download.png);
	background-repeat: no-repeat, no-repeat;
	background-position: 2% 50%, 97% 50%;
}




/*
.mscDesign img{
	max-width: 100%;
}
.mscDesign h4.dot{
	background: url(/resource/img/msc/parts_dot.png) 0 50% repeat-x;
}
.mscDesign h4.dot p{
	width:40%;
	margin: 0 auto;
	background-color: #FFF;
}
.mscDesign .casualtxt{
	text-align: center;
	font-weight: bold;
	color:#F993BC;
}
.mscDesign .formaltxt{
	text-align: center;
	font-weight: bold;
	color:#B598D8;
}
.mscDesign div.mainImg{
	margin: 2% 0;
	position:relative;
}
.mscDesign div.mainImg p{
	color:#82776A;
	font-weight: bold;
}
.mscDesign div.mainImg p span{
	font-size: 1.3em;
}
.mscDesign div.mainImg p.txt01{
	position:absolute;
	top:28%;
	left: 10%;
}
.mscDesign div.mainImg p.txt02{
	position:absolute;
	top:47%;
	left: 60%;
}
.mscDesign div.mainImg p.txt03{
	position:absolute;
	top:89%;
	left: 42%;
}
.mscDesign div.msg{
	margin-bottom: 7%;
	padding:2%;
	background-color: #DAF7F3;
	border-radius: 2px;
}
.mscDesign div.msg img.title{
	display: block;
	margin: 0 auto;
}
.mscDesign div.msg div.casualFormal{
	margin-bottom: 2%;
}
.mscDesign div.msg div.casualFormal .contBox{
	float: left;
	width:49%;
	padding:2%;
	box-sizing: border-box;
	border-radius: 3px;
}
.mscDesign div.msg div.casualFormal .casual{
	margin-right: 2%;
	background-color: #FCE8EF;
}
.mscDesign div.msg div.casualFormal .formal{
	background-color: #EFE8F9;
}
.mscDesign div.msg div.casualFormal .contBox div{
	margin-bottom: 2%;
}
.mscDesign div.msg div.casualFormal .contBox div img{
	float: left;
	width:78px;
	margin-right: 3%;
}
.mscDesign div.msg div.casualFormal .contBox div p{
	display: table-cell;
	vertical-align: middle;
	height: 78px;
	font-size: 1.2em;
	font-weight: bold;
}
.mscDesign div.msg div.casualFormal .contBox div p span{
	font-size: .9em;
	font-weight: normal;
}
.mscDesign div.msg .translation{
	padding:3%;
	background-color: #FFF;
	border: 1px solid #A1A2A2;
	border-radius: 3px;
}
.mscDesign div.msg .translation div.title{
	margin-bottom: 1%;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
}
.mscDesign div.msg .translation p{
	float: left;
	width: 50%;
	margin-bottom: 2%;
}
.mscDesign img.msgCardTitle{
	display: block;
	margin: 0 auto 7% auto;
}
.mscDesign ul.cardList{
	margin: 2% 0 7%;
}
.mscDesign ul.cardList li{
	float: left;
	width:25%;
	padding:2%;
	box-sizing: border-box;
}
.mscDesign ul.cardList li img{
	border: 1px solid #ccc;
}
.mscDesign div.mscNote{
	margin-bottom: 3%;
	padding:2%;
	background-color: #ECEBFF;
	border-radius: 3px;
}
.mscDesign div.mscNote p.pad-l{
	padding-left: 3.5em;
}
.mscDesign div.more{
	margin-bottom: 10%;
}
.mscDesign .ranking_msc{
	text-align: center;
	margin: 1% 0;
}
.mscDesign #tabContWrap{}
.mscDesign #tabContWrap .tabWrap{}
.mscDesign #tabContWrap a.tab{
	display: block;
	width: 8%;
	float: left;
	margin: 0 .5%;
	padding: 5px 4%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #555;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	text-decoration: none;
}
.mscDesign #tabContWrap a.swell{
	margin-top: -6px;
	padding: 8px 4%;
}
.mscDesign #tabContWrap a.tab:hover{ opacity: 1 }
.mscDesign #tabContWrap a#sex{ background-color: #FFCACD; }
.mscDesign #tabContWrap a#type{ background-color: #EFE8F9; }
.mscDesign #tabContWrap .tabCont{
	padding: 2%;
	border-radius:1px;
	border:2px solid;
	border-top: 30px solid ;
	border-bottom: 15px solid ;
}
.mscDesign #tabContWrap .sexClr{ border-color: #FFCACD }
.mscDesign #tabContWrap .typeClr{ border-color: #EFE8F9 }
.mscDesign #tabContWrap .tabCont .innerCont{
	border-radius:1px;
}
.mscDesign #tabContWrap .tabCont .itemWrap:first-child{
	margin-bottom: 3%;
	border-bottom: 2px dotted #CCC;
}
.mscDesign #tabContWrap .tabCont .itemWrap ul{
	margin: 2% 0 3%;
}
.mscDesign #tabContWrap .tabCont .itemWrap p span{
	display: block;
	color: #AC9220;
}
*/






/* ラッピング＆のしの種類 */
.uchiiwai_noshi_wrapping .noshi_or_wrapping{
	margin-left: -4%;
}
.uchiiwai_noshi_wrapping .noshi_or_wrapping li{
	float: left;
	margin-left: 4%;
	width: 46%;
}
.uchiiwai_noshi_wrapping .noshi_or_wrapping li a img{
	max-width: 100%;
	margin-bottom: 3px;
}
.uchiiwai_noshi_wrapping .noshi_or_wrapping li a p{
	background: url(/resource/img/ic_arrow_01.png) 2px 4px no-repeat;
	padding-left: 15px;
}
.uchiiwai_noshi_wrapping h5{
	margin-top: 20px;
	background: #ffffcc;
	border: 3px double #fa6c00;
	color: #fa6c00;
	padding: 6px;
	font-weight: normal;
}
.uchiiwai_noshi_wrapping .dlist{
	margin: 10px 0 20px -5%;
}
.uchiiwai_noshi_wrapping .dlist li{
	float: left;
	width: 28.33%;
	margin: 10px 0 10px 5%;
	text-align: center;
	font-size: 12px;
}
.uchiiwai_noshi_wrapping .dlist li a{
	border: 1px solid #cccccc;
	display: inline-block;
	margin: 5px auto;
}
.uchiiwai_noshi_wrapping .dlist li a:hover{
	border: 1px solid #c00000;
}
.uchiiwai_noshi_wrapping .dlist li img{
}
.uchiiwai_noshi_wrapping .dlist li p{
	height: 75px;
	text-align: left;
}
.uchiiwai_noshi_wrapping .dlist li div.box{
	text-align: left;
	margin: 0 5%;
}
.uchiiwai_noshi_wrapping .dlist li div.box a{
	display: block;
	float: right;
	border: 0;
	margin-top: 5px;
}
.uchiiwai_noshi_wrapping .hide_and_seek{
	margin-top: 50px;
	display: none;
}

/* ノベルティ　フォトアルバム */

.novelty_album #about_album .size{
	display: inline-block;
	margin-top: 10px;
	background: #79c3e7;
	color: #ffffff;
	padding: 3px 18px;
	border-radius: 12px;
}

.novelty_album #about_campaign table{
	border-collapse: collapse;
}

.novelty_album #about_campaign table{
	border-collapse: collapse;
}

.novelty_album #about_campaign table{
	margin-top: 10px;
	border-collapse: collapse;
	width: 100%;
	line-height: 1.6em;
}

.novelty_album #about_campaign table tr td,
.novelty_album #about_campaign table tr th{
	border: 1px solid #aaaaaa;
	padding: 8px;
}

.novelty_album #about_campaign table tr th{
	text-align: center;
	width: 22%;
	background: #fae8b5;
}

.novelty_album #about_campaign table tr td{
	width: 78%;

}

/* ノベルティ　マカロン */

#novelty_macaron .omutsu_item li{
	float: left;
	margin-right: 2%;
}

#novelty_macaron .item_omutsucake_series{
	margin: 20px 0;
}

#novelty_macaron .item_omutsucake_series ul{
	padding: 10px 1%;
	background: #ffe8e8;
}

#novelty_macaron .item_omutsucake_series ul li{
	float: left;
	width: 48%;
	margin: 10px 1%;
}

#novelty_macaron .item_omutsucake_series ul li a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#novelty_macaron .item_omutsucake_series ul li a img{
	max-width: 100%;
}

#novelty_macaron .copy {
	text-align: center;
    font-size: 1.25em;
    font-weight: bold;
    color: #6e5a48;
}

#novelty_macaron h3 {
    background-color: #d1a773;
    font-size: 1.35em;
    text-align: center;
    padding: .5em;
    font-weight: normal;
    color: #fff;
		margin-bottom:.5em;
}

#novelty_macaron .macaron-lineup {
	margin:5% auto 2.5%;
}

#novelty_macaron .macaron-lineup li {
	float:left;
	width:33.333%;
	margin-bottom:1.5%;
}

#novelty_macaron .macaron-lineup .item-name {
	display: inline-block;
	margin:.5em 0;
}

#novelty_macaron .macaron-details {
	margin-top:2.5%;
}

#novelty_macaron .macaron-details div {
	float:left;
	width:49%;
}

#novelty_macaron .macaron-details div:first-child {
	margin-right:2%;
}

#novelty_macaron .macaron-details div p {
	margin-top:.5em;
}

/* ノベルティ オリジナルポーチプレゼント */
#campaign_pouch .typeBorder{
    	font-size: 16px;
		color:#231815;
		font-weight:bold;
    	line-height:normal;
    	background: url(/resource/img/h_bg_01.png) 0 bottom repeat-x;
    	border-bottom: none;
    	padding: 0 0 10px;
    	margin: 10px 0;
}

#campaign_pouch .copy {
	text-align: center;
    	font-size: 1.25em;
    	font-weight: bold;
    	color: #6e5a48;
}

#campaign_pouch h3 {
    	background-color: #d1a773;
    	font-size: 1.35em;
    	text-align: center;
    	padding: .5em;
   		font-weight: normal;
    	color: #fff;
		margin-bottom:.5em;
}

#campaign_pouch .designlist.x2 {
    padding: 0 2%;
}

#campaign_pouch .designlist.x2 li {
    float: left;
    width: 50%;
    margin-bottom: 1.5%;
}

#campaign_pouch .designlist.x2 li img{
    max-width: 100%;
    border: 1px solid #ccc;
}

#campaign_pouch .campaign_detail th{
	background-color: #ffe5e6;
}