@charset "utf-8";

/* クリスマス */
.xmas {
	margin:0 4px 0 18px;
	line-height:180%;
}

.xmas .lead {
	width:100%;
	margin-bottom: 1.5em;
}

.xmas .lead p.leading {
	line-height:220%;
	display:block;
	margin-top:0.5em;
	/*color: #80422B;*/
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 120%;
	text-align: center;
}

.xmas .lead p.leading strong {
	font-size:160%;
}

.tx120 { font-size: 120%; }
.tx160 { font-size: 160%; }
.tx85 { font-size: 85% !important; }
.tx75 { font-size: 75% !important;  }
.tx-orange { color:#FF8C14; }
.tx-red { color:#E7465A; }
.tx-purple { color:#7F1083; }
.tx-markerline { font-size: 75% !important;	background:rgba(0, 0, 0, 0) linear-gradient(transparent 70%, #85C1A9 0%) repeat scroll 0 0;}


.bgtopic01 {
	background:url("images/baby/bg_baby_message.png") no-repeat;
	background-size:contain;
}
.bgtopic02 {
	background:url("images/xmas/bg_xmas02.png") no-repeat top right;
	background-size:contain;
}


.xmas .cnt {
	display:block;
	margin-bottom:40px;
}

.topic {
	display: flex;
	width:100%;
	justify-content: space-between;
	align-items: center;
	margin-bottom:3em;
}

.topic-lead {
	width:50%;
	background:url("images/xmas/bg_xmas01.png") no-repeat 0 1.5em;
	padding:0 1.5em 1.5em 2em;
}

.topic-lead h3 { 
	/*font-family:  kan415typos-std, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 140%;*/
	/*color:#E50012;*/
	margin-bottom:2.5em;
	line-height:1.5em;
	display: inline;
	text-align: center;
}

.topic-lead p {
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-style: normal;
	font-weight: 600;
	line-height:28px;
	margin-top:1em;
}

.recommended {
	display: flex;
	width:96%;
	max-width:650px;
	/*margin-bottom:1em;*/
	flex-wrap:wrap;
	justify-content: space-around;
	padding:1em;
	/*border-bottom:2px #80422B dotted;*/
}

.recommended .items {
	width:48%;
	text-align: center;
}

.recommended .items-white {
	width:47%;
	text-align: center;
	/*background:#ffffd2;*/
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-style: normal;
	font-weight: 400;
	padding:1em 0.5em;
	position: relative;
	overflow: hidden;
}

.recommended .items-white p.how-com {
	padding:0 1.5em !important;
	position: relative;
}

.bgsingle { background:#FFF !important; padding:0 !important; width:100% !important;}
/*.bgsingle { background:#e5f4fd !important;}*/

.btn_recom {
	position: absolute;
	display:block;
	width:93%;
	text-align:center;
	margin:1em auto 0 auto;
	bottom:1em;
}

.btn_recom a {
	display:inline-block;
	border:#007147 2px solid;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-ms-border-radius: 40px;
	background:#FFF;
	color:#007147 !important;
	font-size: 130%;
	font-weight: 600;
	letter-spacing: -0.05em;
	text-decoration: none;
	height:40px;
	width:100%;
	text-align:center;
	padding-top:0.8em;
}

.btn_recom a:hover { color:#FFF !important; background:#007147; }

.arrow {
  position: relative;
  /*display: inline-block;*/
  float:right;
}

.arrow::before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #007147;
  border-right: solid 2px #007147;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 10px;
  right: 15px;
}

a:hover .arrow::before {
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
}

.recommended02 {
	display: flex;
	width:100%;
	margin-bottom:1em;
	justify-content: center;
	padding-bottom:1em;
}
.recommended02 .items02 {
	width:24%;
	text-align: center;
	padding:0.5em;
}

.recommended02 .items03 {
	width:32%;
	text-align: center;
	padding:0.5em;
}

h4 {
	text-align: center;
	/*margin-bottom: 2em;*/
	margin-bottom: 0;
	padding-top:1.5em;
	padding-bottom:1em;
	/*border-bottom:2px #924898 dotted;
	border-top:2px #924898 dotted;*/
}

h4.originalcard {
	clear:both;
	text-align: center;
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	border:none;
}

h4.usrbil {
	padding-top:0 !important;
}

.recom-original {
	background:url("images/halloween/bgrecom_halloween.png") repeat-y ;
	background-size: contain;
	display:inline-block;
	text-align:center;
	margin:-0.5em auto 0 auto;
	padding-top:1.5em;
	position: relative;
	overflow: hidden;
	width:100%;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-style: normal;
	font-weight: 400;
}

.recom-original img { padding-bottom:10em; }

.btn_recom-orgcard {
	position: absolute;
	display:block;
	width:100%;
	text-align:center;
	margin:1em auto 0 auto;
	bottom:4em;
}

.btn_recom-orgcard a {
	display:inline-block;
	border:#72C2D6 2px solid;
	border-radius: 70px;
	-webkit-border-radius: 70px;
	-ms-border-radius: 70px;
	background:#FFF;
	color:#72C2D6 !important;
	font-size: 180%;
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height:120%;
	text-decoration: none;
	height:70px;
	width:90%;
	text-align:center;
	padding-top:0.2em;
}


.btn_recom-orgcard a:hover {
	background:#72C2D6;
	color:#FFF !important;
}

.tx-ss {
	font-weight: 400;
	font-size:65%;
}

.arrow-orgcard {
  position: relative;
  /*display: inline-block;*/
  float:right;
}

.arrow-orgcard::before {
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 3px #72C2D6;
  border-right: solid 3px #72C2D6;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: -7px;
  right: 35px;
}

a:hover .arrow-orgcard::before {
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
}

h5 {
	text-align: center;
	margin-bottom: 1em;
	padding-bottom:1em;
	border-bottom:2px #2C4197 solid;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-style: normal;
	font-weight: 600;
	color:#2C4197;
	font-size:180%;
	line-height:140%;
}

h5 strong {
	font-size:100%;
	color:#EB6D56;
}

h5.oneline { padding-top:1em; padding-bottom:1.5em; }

.pack-btn { text-align: center; margin-top:2em; }

.hello-bnr {
	clear:both;
	position:relative;
	text-align:center;
	margin-top:1.5em;
	width:100%;
}

.hello-bnr a {
	display:inline-block;
	text-align:center;
	text-decoration: none;
	width:80%;
	background:#ff9a17 url(images/icon_arrow_gray.png) no-repeat 3.5em;
	border-radius: 5px;
	padding:0.8em 0.5em 0.8em 3.5em;
	margin-bottom:0.5em;
	color:#FFF;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 180%;
}

.hello-bnr a:hover {
	background:#FCE0CD url(images/icon_arrow_orange.png) no-repeat 3.5em;
	color:#000;
}

.xmas .comment {
	font-weight:bold;
	color:#D53E55;
}

.blink {
  animation: 2s linear infinite blink_effect;
  font-weight:bold;
	color:#D53E55;
}

@keyframes blink_effect {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.25;
    }
}

.copyright_peter {
	text-align: right;
	margin-top:-1em;
	margin-right: 0.5em;
	margin-bottom: 1.5em;
}

.copyright_peter_all {
    max-width: 230px;
    margin: 0 auto;
    text-align: right;
}

.copyright_disney {
    max-width: 230px;
    margin: 0 auto;
    text-align: right;
    padding-right:5px;
}

/*.xmas table.recom td {	
	background:url(images/xmas/bg_xmas.jpg);
	font-size:85%;
	height:25px;
	padding-left:50px;
}*/

/*-----------------------------------------------------	*/
/*	Responsive					*/
/*-----------------------------------------------------	*/

.imgR {
	width:50%;
	max-width:207px;
}

@media screen and (min-width: 640px) {
.SP {display: none;}

}

@media screen and (max-width: 639px) {

.PC {display: none;}

.sp-lead {
	line-height:180% !important;
}

.sp-lead02 {
	line-height:180% !important;
	padding-left:1em;
	padding-right:1em;
	font-size:110% !important;
}

.topic {
	display: block;
	width:100%;
	margin-bottom:1em;
}

.topic-lead {
	display: block;
	width:92%;
	/*margin-bottom: 1em;*/
	background-size:contain;
	padding:3.2em 1.2em 1.5em 1em;
	text-align: center;
}

.topic-lead p { font-size:115%; }
.topic-lead h3 { font-size:160%; line-height: 120%; text-align: center; }

.topic div.spimg,
.topic div img {
	text-align: center;
	margin:-0.5em auto 0 auto;
}

	.recom-original { /*width:87.8%;*/ }
	.recom-original img { padding-bottom:10em; width:85%; }

	.items-white .btn_recom { clear:both; position: relative; display: inline-block;}
	
	.btn_recom-orgcard {
	width:95%;
	bottom:3em;
	}
	
	.btn_recom-orgcard a {
	font-size:130%;
	width:100%;
	padding-top:0.5em;
	margin-left:0.2em;
	}

	.arrow-orgcard::before {
  top: 0;
  right: 10px;
	}

	.xmas {
	margin:0 0.5em 0 0.6em;
	}

.recommended,
.recommended02 {
	max-width: none;
}

.recommended {
	padding-left:0 !important;
	width:96%;
	}

.recommended02 {
	padding-bottom: 0;
	width:98%;
	margin-bottom: 2em;
	display:inline-block;
}
	
.recommended02 .items03 {
	width:100%;
	max-width: 330px;
	margin: 0 auto;
}

.recommended .items-white {
	width:98%;
	margin-bottom:1em;
}

.recommended .items-white p.how-com {
	margin-bottom:1.5em !important;
}
	
.pack-btn {margin-top:3em;}

	.hello-bnr {
	width:100%;
	/*margin-left:5.5%;*/
	text-align: center;
	}
	
	.hello-bnr a {
	width:80%;
	background:#ff9a17 url(images/icon_arrow_gray.png) no-repeat 15%;
	border-radius: 5px;
	padding:0.8em 0.5em 0.8em 2.25em;
	margin:0 auto 0.5em auto;
	font-size: 140%;
}

}

@media screen and (max-width: 360px) {

.sp-lead02 {
	line-height:170% !important;
	font-size:105% !important;
}

}

@media screen and (max-width: 320px) {

	.btn_recom-orgcard a {
	font-size:105%;
	letter-spacing:-0.01em;
	padding-top:1em;
}

}