@charset "utf-8";

/* 父の日 */
.msday {
	margin:0 4px 0 18px;
	line-height:180%;
}

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

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

.msday .lead p.leading strong {
	font-size:160%;
	color:#EB6D56;
}

.tx120 { font-size: 120%; }
.bgtopic01 {
	background:url("images/fsday/bg_fsday01.png") no-repeat;
	background-size:contain;
}

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

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

.topic-lead {
	width:46%;
	padding-top:1em;
}

.topic-lead h3 { 
	font-family:  kan415typos-std, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 140%;
	color:#2C4197;
	margin-bottom:1em;
	text-align: center;
}

.topic-lead p {
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-style: normal;
	font-weight: 400;
}

.recommended {
	display: flex;
	width:96%;
	max-width:650px;
	margin-bottom:1.5em;
	flex-wrap:wrap;
	justify-content: space-around;
	padding:1em;
	/*border-bottom:2px #80422B dotted;*/
	/*background: url("images/fsday/bg_recom.png")*/
}

.recommended .items:nth-of-type(2n) {
text-align: left;
}

.recommended .items:nth-of-type(2n+1) {
text-align: right;
}


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

.recommended .items-wh {
	width:48%;
	text-align: center;
	background:#FFF;
	padding:1em;
}

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

.copyright_peter {
	text-align: right;
	margin-top:-2.5em;
	margin-right: 0.5em;
	margin-bottom: 1.9em;

width: calc(100% - 10px);
margin-left: auto;
margin-right: auto;
}

.copyright_peter_pc {
	max-width: 230px;
/*	margin: 0 auto;*/
	margin-bottom: 0.9em;
	text-align: right;
}

@media screen and (max-width: 639px) {
.copyright_peter {
width: calc(96% - 10px);
	margin-top:-2em;
margin-bottom:1.5em;
}
}
.copyright_disney {
	max-width: 230px;
	text-align: right;
	margin-right: 3px;
/*	margin: 0 auto;*/
	padding-right: 3px;
}

.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:#EB6D56 2px solid;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-ms-border-radius: 40px;
	background:#FFF;
	color:#EB6D56 !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:#EB6D56; }

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

.arrow::before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #EB6D56;
  border-right: solid 2px #EB6D56;
  -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;
}

h4 {
	text-align: center;
	margin-bottom: 1em;
	padding-bottom:0.5em;
	border-bottom:2px #67a6da dotted;
	border-top:2px #67a6da dotted;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-style: normal;
	font-weight: 600;
	color:#2C4197;
	font-size:125%;
}

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:125%;
}

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

.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 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 5em;
	color:#000;
}

.msday .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;
    }
}


/*.msday table.recom td {	
	background:url(images/msday/bg_msday.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;}

.lead p.leading {
	letter-spacing: -0.03em;
}

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

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

.topic-lead p { font-size:115%; }
.topic-lead h3 { font-size:170%; line-height: 130%; }

.topic div.spimg {
	text-align: center !important;
	margin:0 auto;
}

.bgtopic01 {
	background:url("images/fsday/bg_fsday01sp.png") no-repeat top center;
}

.topic03h3 {
	padding-top:1.5em;
}
	
	.msday {
	margin:0 0.5em 0 0.5em;
	}

.recommended {
	max-width: none;
	margin-bottom: 1em;
}

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

.recommended02 {
	max-width: none;
	padding-bottom: 0;
	margin-bottom: 1.5em;
	width:98%;
}

.recommended .items-blue,
.recommended .items-wh {
	width:98%;
	margin-bottom:1em;
}

.pack-btn {margin-top:3em;}

	.hello-bnr {
	width:90%;
	}
	
	.hello-bnr a {
	width:90%;
	background:#ff9a17 url(images/icon_arrow_gray.png) no-repeat 1em;
	border-radius: 5px;
	padding:0.8em 0.5em 0.8em 2.5em;
	margin-bottom:0.5em;
	font-size: 140%;
}

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

.lead p.leading {
	letter-spacing: -0.15em;
}

}