@charset "UTF-8";

/* 初期化
------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;zoom:1;}
table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;} li{vertical-align:middle;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';} abbr,acronym {border:0;} q:before,q:after {content:'';} * html hr{margin:0;} /* for -IE6 */ *:first-child+html hr{margin:0;}/* for IE7 */

/* ClearFix
------------------------------------*/
.cf:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}
.cf{zoom:1;}


/* 
------------------------------------*/
body {
    font: 1em/1.3 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
    text-align: center;
    word-wrap: break-word;
    color: #684639;
    background-repeat: repeat;
    background-image: url(img/bg.png);

/*	background-color: #B1E8FA;
	background-image: -moz-radial-gradient(#7BE6E9,#7BE6E9 20%, transparent 0, transparent 0), -moz-radial-gradient(#7BE6E9,#7BE6E9 20%, transparent 0 ,transparent 0);
	background-image: -webkit-radial-gradient(#7BE6E9,#7BE6E9 20%, transparent 0, transparent 0), -webkit-radial-gradient(#7BE6E9,#7BE6E9 20%, transparent 0 ,transparent 0);
	background-image: -o-radial-gradient(#7BE6E9,#7BE6E9 20%, transparent 0, transparent 0), -o-radial-gradient(#7BE6E9,#7BE6E9 20%, transparent 0 ,transparent 0);
	background-image: radial-gradient(#7BE6E9 20%, transparent 0),radial-gradient(#7BE6E9 20%, transparent 0);
	background-position: 0 0, 30px 30px;
	background-size: 20px 20px;*/

/*ブラックフライデー用 黒ドット*/
/*	background-repeat: repeat;
	background-image: url("../comimg/bg07.png");*/

/*冬用 青ドット*/
/*	background-repeat: repeat;
	background-image: url("../comimg/bg05.png");*/


}
html{font:36pt/1.3 "ヒラギノ角ゴ Pro W3";-webkit-text-size-adjust:none;}
h1{font:40pt/1.3 "ヒラギノ角ゴ Pro W3";-webkit-text-size-adjust:none;}
a{color:#730;text-decoration:none;}
img{
	line-height: 1px;
	vertical-align: bottom;
	width: 100%;
}
p{
	padding: 20px;
	line-height: 1.3;
	color: #666;
}
.mt_0 {margin-top: 0px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mb10 {margin-bottom: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt05em {padding-top: 0.5em !important;}
.pb05em {padding-bottom: 0.5em !important;}
.mt1em{margin-top: 1em !important;}
.mt05em{margin-top: 0.5em !important;}
.ml_0{margin-left: 0px !important;}
.ml05em{margin-left: 0.5em !important;}
.mr_0{margin-right: 0px !important;}
.mr05em{margin-right: 0.5em !important;}

.txt_green{color: #21993A ;}
.txt_yellow{color: #FBC600;}
.txt_pink{color: #FF3155;}
.txt_white{color: #FFFFFF;}
.txt_brown{color: #684639;}
.txt_red{color: #FF0000;}
.txt_line_pink{background: linear-gradient(transparent 30%, #fcc 30%);}
.alcenter {text-align:center !important;}
.alleft {text-align: left !important;}
.bgpink{
    background-color: #F8B6B4;
}
.bggreen2{background-color: #39B54A;}
.bgbeige{background-color: #F7E9DB;}
.bgblack{background-color: #000000;}
.bgblue{background-color: #A9E3FC;}
.bgwinter{background-color: #C8E4F0;}
.bgorange{background-color: #FF9900;}
.bgyellow{background-color: #FFFF99;}
.bgyellow2{background-color: #FFFF00;}
.bgbrown{background-color: #BFA451;}

.txt_small{	font-size: 0.7em !important;}
.txt_taisyo{font-size: 0.8em !important;}
.font50{  font-size:50pt !important;}

.ttl_annai{
	color: #F39;
	font-weight: bold;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 8px;
}
.ItemBox{
	font-size: 0.8em;
	text-align: left;
	width: 88%;
	margin-left: auto;
	margin-right: auto;
}
.InItemBox{
	font-size: 0.8em;
	text-align: left;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.AppBox1 {
	width: 88%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #FFF;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	padding-top: 1px;
	margin-top: -1px;
}

.AppBox2 {
	width: 88%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	border-radius: 20px;
	padding-top: 1px;
	background-image: url("../comimg/bg02.png");
}
.AppBox3 {
	width: 88%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1px;
	background-image: url("../comimg/bg04.png");
	background-repeat: no-repeat;
	background-position: center center;
}
.AppBox4 {
	width: 88%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #ffd0c5;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	padding-top: 1px;
	margin-top: -1px;
}



.TenpoBoxTtl{
	font-weight: bold;
	color: #FF0099;
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFF66;
	text-shadow: 0px 3px 0 #FFF, 3px 0px 0 #FFF, 0px -3px 0 #FFF, -3px 0px 0 #FFF,
				 -3px -3px 0 #FFF,-3px 3px 0 #FFF,3px -3px 0 #FFF,3px 3px 0 #FFF;
	letter-spacing: 0.1em;
	background-image: -moz-radial-gradient(#FFDA66,#FFDA66 20%, transparent 0, transparent 0), -moz-radial-gradient(#FFDA66,#FFDA66 20%, transparent 0 ,transparent 0);
	background-image: -webkit-radial-gradient(#FFDA66,#FFDA66 20%, transparent 0, transparent 0), -webkit-radial-gradient(#FFDA66,#FFDA66 20%, transparent 0 ,transparent 0);
	background-image: -o-radial-gradient(#FFDA66,#FFDA66 20%, transparent 0, transparent 0), -o-radial-gradient(#FFDA66,#FFDA66 20%, transparent 0 ,transparent 0);
	background-image: radial-gradient(#FFDA66 20%, transparent 0),radial-gradient(#FFDA66 20%, transparent 0);
	background-position: 0 0, 30px 30px;
	background-size: 20px 20px;
	border-radius: 10px;
	text-align: center;
}

.TenpoBox{
	text-align: left;
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}

.info{
	/* [disabled]width: 92%; */
	margin: 0 4% 0.5em 4%;
	padding: 10px 20px;
	background: #F00;
	color: #FFFFFF;
	border-radius: 10px;
}

hr{
	width: 100%;
	border-left: 0 none ;
	border-right: 0 none ;
	border-bottom: 0 none ;
	border-top: 10px dotted #FFE379;
}

/* 値引積立額 */
.tsumi{
	position: relative;
	color: #684639;
	border: 4px #684639 solid;
	margin-top: 0.3em;
	margin-right: 1ex;
	margin-left: 1ex;
	margin-bottom: 0.3em;
	padding: 0.3em;
	text-align: center;
}
.tsumi:before{	
}
.tsumi:after{
	content:" ";
	position:absolute;
	bottom:-55px;
	left:45%;
	width:0;
	height:0;
	border-width:27px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#684639;
}

.tsumi2{
	position: relative;
	background-color: #FFF;
	color: #684639;
	border: 4px solid #684639;
	margin-top: 0.3em;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0.3em;
	padding: 0.5em;
	text-align: left;
}
.tsumi2:before{	
}
.tsumi2:after{
	content:" ";
	position:absolute;
	bottom:-55px;
	left:10%;
	width:0;
	height:0;
	border-width:27px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#684639;
}

/* ボタン */
.button{
	text-align:center;
}
.button a{
	width: auto;
	font-size: 1em;
	background-color: #FF447E;
	border: 10px solid #FF98B8;
	color: #ffffff;
	padding: 20px;
	text-decoration: none;
	border-radius: 10px;
	display: block;
	}
.button a:hover{
	font-size: 1em;
	width: auto;
	background-color: #FF568A;
	border: 10px solid #FF98B8;
	color: #ffffff;
	padding: 20px;
	text-decoration: none;
	border-radius: 10px;
	}
		
/* クーポン */
.CpnBox {
	width: 92%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #FFF;
	padding-top: 1px;
	background-image: url("../comimg/bg03.png");
	background-position: right top;
	background-repeat: no-repeat;
}
img.icon{
	width: 18%;
	max-width: 200px; 
	float: left;
}
.CpnTxt{
	width: 80%;
	float: left;
	padding-left: 2%;
}
.nebiki{
	color: #FF3155;
	font-weight: bold;
	text-align: right;
	line-height: 1.1em;
	}
.nebiki strong{
	font-size: 1.8em;
}
.nebiki strong.smt05em{
	display: block; 
	margin-top: 0.5em; 
}
.coupon{
	position:relative;
	margin:20px -15px;
	padding:15px;
	text-align:center;
	color:#fff;
	background:#ff0066;
	xbox-shadow:0 1px 2px 0 rgba(0,0,0,0.2);
    background-image: -webkit-gradient(linear, left top, left bottom,
			from(			rgba(0, 0, 0, 0.0)), 
			color-stop(0.08, rgba(0, 0, 0, 0)),
			color-stop(0.08, rgba(255, 255, 255, 0.5)),
			color-stop(0.12, rgba(255, 255, 255, 0.5)),
			color-stop(0.12, rgba(0, 0, 0, 0.0)),
			color-stop(0.88, rgba(0, 0, 0, 0.0)),
			color-stop(0.88, rgba(255, 255, 255, 0.5)),
			color-stop(0.92, rgba(255, 255, 255, 0.5)),
			color-stop(0.92, rgba(0, 0, 0, 0.0)),
			to(				rgba(0, 0, 0, 0.0))
			);
	background-image: -moz-linear-gradient(top,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 10%,
            transparent 10%,
            transparent 90%,
            rgba(255, 255, 255, 0.5) 90%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
	background-image: -o-linear-gradient(top,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 10%,
            transparent 10%,
            transparent 90%,
            rgba(255, 255, 255, 0.5) 90%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
	background-image: linear-gradient(to bottom,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 10,
            transparent 10%,
            transparent 90%,
            rgba(255, 255, 255, 0.5) 90%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
}
.coupon:before{
	content:" ";
	position:absolute;
	top:100%;
	left:0px;
	width:0;
	height:0;
	border-width:0 15px 15px 0;
	border-style:solid;
	border-color:transparent;
	border-right-color:#cc0033;
}
.coupon:after{
	content:" ";
	position:absolute;
	top:100%;
	right:0;
	width:0;
	height:0;
	border-width:15px 15px 0 0;
	border-style:solid;
	border-color:transparent;
	border-top-color:#cc0033;
}
.hukidashi{
	position:relative;
	text-align:center;
	margin:0 4% 0.5em 4%;
	padding:10px 20px;
	color:#FF0052;
	background:#fcc;
	border-radius: 10px;
}
.hukidashi:before{	
}
.hukidashi:after{
	content:" ";
	position:absolute;
	bottom:-27px;
	left:45%;
	width:0;
	height:0;
	border-width:14px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#fcc;
}

/* ダイソー */
#daiso{}
#daiso .coupon{background-color: #0066FF;}
#daiso .coupon:before{border-right-color: #003399;}
#daiso .coupon:after{border-top-color:#003399;}
#daiso .hukidashi{background-color: #FFFF00;}
#daiso .hukidashi:after{border-top-color:#FFFF00;}
#daiso .tenpotxt{color: #684639;}

/* 食品 */
#shokuhin{}
#shokuhin .coupon{background-color: #FF5A37;}
#shokuhin .coupon:before{border-right-color: #DC4525;}
#shokuhin .coupon:after{border-top-color:#DC4525;}
#shokuhin .hukidashi{background-color: #FFBAAB;}
#shokuhin .hukidashi:after{border-top-color:#FFBAAB;}
#shokuhingr .hukidashi{background-color: #99FF00;}
#shokuhingr .hukidashi:after{border-top-color:#99FF00;}

/* 食品タイムセール */
#shokuhin_time .hukidashi{background-color: #0000FF;color:#FFF;}
#shokuhin_time .hukidashi:after{border-top-color:#0000FF;color:#FFF;}

/* 衣料品 */
#iryouhin{}
#iryouhin .coupon{background-color: #FF7280;}
#iryouhin .coupon:before{border-right-color: #E5457F;}
#iryouhin .coupon:after{border-top-color:#E5457F;}
#iryouhin .hukidashi{background-color: #FFD4D9;}
#iryouhin .hukidashi:after{border-top-color:#FFD4D9;}

/* 住居関連 */
#juukan{}
#juukan .coupon{background-color: #60B047;}
#juukan .coupon:before{border-right-color: #006830;}
#juukan .coupon:after{border-top-color:#006830;}
#juukan .hukidashi{background-color: #BFDFB5;}
#juukan .hukidashi:after{border-top-color:#BFDFB5;}

/* サプライズ */
#surprise{}
#surprise .coupon{background-color: #FF0052;}
#surprise .coupon:before{border-right-color: #AF0052;}
#surprise .coupon:after{border-top-color:#AF0052;}
#surprise .hukidashi{background-color: #FFB8BF;}
#surprise .hukidashi:after{border-top-color:#FFB8BF;}

/* 薬品 */
#yakuhin{}
#yakuhin .coupon{background-color: #B45DAA;}
#yakuhin .coupon:before{border-right-color: #752994;}
#yakuhin .coupon:after{border-top-color:#752994;}
#yakuhin .hukidashi{background-color: #E8CEE5;}
#yakuhin .hukidashi:after{border-top-color:#E8CEE5;}

/* 専門店 */
#senmon{}
#senmon .coupon{background-color: #CC6600;}
#senmon .coupon:before{border-right-color: #990000;}
#senmon .coupon:after{border-top-color:#990000;}
#senmon .hukidashi{	background-color: #FFCC00;}
#senmon .hukidashi:after{border-top-color:#FFCC00;}


/* 見せるクーポンアイコン */
.icomise{
	width: 15%;
	max-width: 150px; 
	position: absolute;
	top: -20px;
	left: 4%;
	z-index: 10;
	}

.AppBox {
	width: 88%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #FFF;
	border-radius: 20px;
	padding-top: 1px;
}
.attention{
	color: #FFF;
	background-color: #FF3155;
	padding: 5px;
	font-size: 0.8em;
	text-align: center;
}
.topphoto{
	float: left;
	border: 10px solid #F2F2F2;
	width: 210px;
	margin: 0 0.5em;
}
.topphoto img{
	width: 210px;
}
.tokuten{
	color:#FF3155;
	text-align:center;
	font-size:1.8em;
	font-weight:bold;
}
.item{
	padding:0.5em;
}
.item p{
	padding:0px;
}
.photo{
	width: 90%;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
}
.photo2{
	width: 90%;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	box-shadow:	2px 4px 4px 2px rgba(0,0,0,0.2);
}
.disc{
	color:#FF3155;
	text-align:left;
}
.youkun{
	width: 30%;
	float: left;
	margin-top: 0px;
}
	

/* 02.テープ */
.heading02{
	position:relative;
	margin:0 -1px;
	font:bold 42px/1.6 Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FF3155;
	background:#f0e800;
	-webkit-transform: rotate(-3deg) skew(-3deg);
	-moz-transform: rotate(-3deg) skew(-3deg);
	-o-transform: rotate(-3deg) skew(-3deg);
	-ms-transform: rotate(-3deg) skew(-3deg);
	text-shadow:2px 2px 0 rgba(255,255,255,1);
	box-shadow:	0 1px 2px 0 rgba(0,0,0,0.2),
				30px 0 0 0 #f0e800,
				-30px 0 0 0 #f0e800;
}
.heading02_blue{
	position: relative;
	margin: 0 -1px;
	font: bold 42px/1.6 Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
	background-color: #0000FF;
	-webkit-transform: rotate(-3deg) skew(-3deg);
	-moz-transform: rotate(-3deg) skew(-3deg);
	-o-transform: rotate(-3deg) skew(-3deg);
	-ms-transform: rotate(-3deg) skew(-3deg);
/*	text-shadow: 1px 1px 0 rgba(255,255,255,1);*/
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2),30px 0 0 0 #0000FF,-30px 0 0 0 #0000FF;
}

.heading02_blue2{
	position: relative;
	margin: 0 -1px;
	font: bold 42px/1.6 Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FF3366;
	background-color: #66FFFF;
	-webkit-transform: rotate(-3deg) skew(-3deg);
	-moz-transform: rotate(-3deg) skew(-3deg);
	-o-transform: rotate(-3deg) skew(-3deg);
	-ms-transform: rotate(-3deg) skew(-3deg);
	text-shadow: 2px 2px 0 rgba(255,255,0,1);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2),30px 0 0 0 #66FFFF,-30px 0 0 0 #66FFFF;
}

.heading02_green{
	position: relative;
	margin: 0 -1px;
	font: bold 42px/1.6 Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFF00;
	background-color: #009933;
	-webkit-transform: rotate(-3deg) skew(-3deg);
	-moz-transform: rotate(-3deg) skew(-3deg);
	-o-transform: rotate(-3deg) skew(-3deg);
	-ms-transform: rotate(-3deg) skew(-3deg);
	text-shadow: 2px 2px 0 rgba(237,30,121,1);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2),30px 0 0 0 #009933,-30px 0 0 0 #009933;
}

.heading02_orange{
	position: relative;
	margin: 0 -1px;
	font: bold 42px/1.6 Arial, Helvetica, sans-serif;
	text-align: center;
	color: #990000;
	background-color: #FF9933;
	-webkit-transform: rotate(-3deg) skew(-3deg);
	-moz-transform: rotate(-3deg) skew(-3deg);
	-o-transform: rotate(-3deg) skew(-3deg);
	-ms-transform: rotate(-3deg) skew(-3deg);
	text-shadow: 2px 2px 0 rgba(255,255,255,1);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2),30px 0 0 0 #FF9933,-30px 0 0 0 #FF9933;
}

.heading02_black{
	position: relative;
	margin: 0 -1px;
	font: bold 42px/1.6 Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
	background-color: #000000;
	-webkit-transform: rotate(-3deg) skew(-3deg);
	-moz-transform: rotate(-3deg) skew(-3deg);
	-o-transform: rotate(-3deg) skew(-3deg);
	-ms-transform: rotate(-3deg) skew(-3deg);
	text-shadow: 2px 2px 0 rgba(255,255,0,1);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2),30px 0 0 0 #000000,-30px 0 0 0 #000000;
}

/* 03.吹き出し */
.heading03{
	position:relative;
	text-align:left;
	margin:0 15px 15px 15px;
	padding:10px 20px;
	color:#333;
	background:#fcc;
	border-radius: 10px;
}
.heading03:before{	
}
.heading03:after{
	content:" ";
	position:absolute;
	bottom:-27px;
	left:45%;
	width:0;
	height:0;
	border-width:14px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#fcc;
}
/* 04.吹き出し */
.heading04{
	position:relative;
	margin:0 15px 15px 15px;
	padding:10px 20px;
	font:bold 32px/1.6 Arial, Helvetica, sans-serif;
	color:#333;
	border:#333 solid 3px;
	border-radius:18px;
	background:#fff;
	box-shadow:
		-7px -5px 0 0 #e8e8e8 inset,
		2px 3px 0 0 #000;
}
.heading04:before{
	content:" ";
	position:absolute;
	top:100%;
	left:14px;
	width:0;
	height:0;
	border-width:20px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#333;
}
.heading04:after{
	content:" ";
	position:absolute;
	bottom:-27px;
	left:18px;
	width:0;
	height:0;
	border-width:14px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#e8e8e8;
}
/* 05.フェルト＆枠線 */
.heading05_blue{
	/* [disabled]width:90%; */
	background-color: #c1e4e9;
	color: #007bbb;
	border: 2px dashed #698aab;
	border-radius: 5px;
	box-shadow: 0 0 3px 3px #c1e4e9;
	text-shadow: 0 0 5px;
	padding: 10px;
	margin: 0 4% 0 4%;
}

/* 07.リボン */
.heading07{
	position: relative;
	padding: 20px;
	font-weight:bold;
/*	font-size:1.2em;*/
/*	font: bold 1.2em;*/	
	text-align: center;
	color: #FFF;
	-webkit-transform: rotate(-3deg) skew(-3deg);
	-moz-transform: rotate(-3deg) skew(-3deg);
	-o-transform: rotate(-3deg) skew(-3deg);
	transform: rotate(-3deg) skew(-3deg);
	background: #FF1340;
	box-shadow: 10px 0 0 0 #009933,
		-10px 0 0 0 #009933,
		0 3px 3px 0 rgba(0,0,0,0.1);
	background-color: #009933;
}
.heading07:before{
	content: " ";
	position: absolute;
	top: 100%;
	left: -10px;
	width: 0;
	height: 0;
	border-width: 0 10px 10px 0;
	border-style: solid;
	border-color: transparent #009933 transparent transparent;
	border-right-color: #003300;
}
.heading07:after{
	content:" ";
	position:absolute;
	top:0px;
	left:100%;
	width:0;
	height:0;
	border-width:64px 22px;
	border-style:solid;
	border-color:#009933;
	border-right-color:transparent;
}

#brown .heading07{
	box-shadow: 10px 0 0 0 #990000,
				-10px 0 0 0 #990000,
				0 3px 3px 0 rgba(0,0,0,0.1);
	background-color: #990000;
}
#brown .heading07:before{
	border-color: transparent #990000 transparent transparent;
	border-right-color: #990000;
}
#brown .heading07:after{
	border-width:51px 22px;
	border-color:#990000;
	border-right-color:transparent;
}

#red .heading07{
	box-shadow: 10px 0 0 0 #FF0000,
				-10px 0 0 0 #FF0000,
				0 3px 3px 0 rgba(0,0,0,0.1);
	background-color: #FF0000;
}
#red .heading07:before{
	border-color: transparent #FF0000 transparent transparent;
	border-right-color: #FF0000;
}
#red .heading07:after{
	border-width:64px 22px;
	border-color:#FF0000;
	border-right-color:transparent;
}

/* アメリカンな(?)吹き出し */
.heading08{
	position: relative;
	padding: 10px 20px;
	font: bold 50px/1.6 Arial, Helvetica, sans-serif;
	color: #FF5A37;
	text-shadow: 2px 2px 0 #ff0,
		3px 3px 0 #684639;
	text-align: center;
	border-top: #684639 solid 3px;
	border-bottom: #684639 solid 3px;
	background: url("../comimg/bg04.png") center top no-repeat;
	/*	background-image: -webkit-gradient(linear, left top, right bottom,
			from(			rgba(255, 0, 0, 0.0)), 
			color-stop(0.4, rgba(255, 0, 0, 0.0)), 
			color-stop(0.4, rgba(255, 0, 0, 0.1)), 
			color-stop(0.6, rgba(255, 0, 0, 0.1)), 
			color-stop(0.6, rgba(255, 0, 0, 0.0)),
			to(				rgba(255, 0, 0, 0.0))
			);
	background-image: -webkit-linear-gradient(top -45deg,
			transparent 40%,
            rgba(255, 0, 0, 0.1) 40%,
            rgba(255, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -moz-linear-gradient(top -45deg,
			transparent 40%,
            rgba(255, 0, 0, 0.1) 40%,
            rgba(255, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -o-linear-gradient(top -45deg,
			transparent 40%,
            rgba(255, 0, 0, 0.1) 40%,
            rgba(255, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: linear-gradient(to bottom -45deg,
			transparent 40%,
            rgba(255, 0, 0, 0.1) 40%,
            rgba(255, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-size: 10px 10px;
	background-color: #FF0;
*/	line-height: normal;
}
.heading08:before{
	content:" ";
	position:absolute;
	top:100%;
	left:24px;
	width:0;
	height:0;
	border-width:12px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#684639;
}
.heading08:after{
	content:" ";
	position:absolute;
	top:100%;
	left:28px;
	width:0;
	height:0;
	border-width:8px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#FF0;
	z-index:1;
}

.heading08 .nen{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4em;
	line-height: 1em;
	font-weight: bold;
	font-style: italic;
}

/*追加分*/
.bggreen{
    background-color: #C2E442;
}
.AppBox1b {
    width: 88%;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    background-color: #FFF;
    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 1px;
}
.ribbon21-wrapper {
    display: block;
    position: relative;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    padding: 20px 0 10px 0;
    width: 90%;
    background-color: #FFD56D;
  }
.ribbon21-wrapper p{
    font-size: 30px;
    text-align: center;
    color: #674639;
  }
.ribbon21 {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 10px;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    letter-spacing: 0.1em;
    color: white;
    background-color: #FF427F;
    box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1);
}
.ribbon21:before {
  position: absolute;
  content: '';
  top: 0;
  left: -7px;
  border: none;
  height: 38px;
  width: 7px;
  background: #FF427F;
  border-radius: 5px 0 0 5px;
}
.ribbon21:after {
    position: absolute;
    content: '';
    bottom: -7px;
    left: -5px;
    border: none;
    height: 7px;
    width: 5px;
    background-color: #92334B;
    border-radius: 5px 0 0 5px;
}