@charset "utf-8";
img {
	max-width: 100%;
}
/* /打ち消し */
#contents .headSection h1.title{
line-height: inherit!important;
}
#contents .headSection .innerBlock{
	margin-top: 0px !important;
}
#contents .headSection .ttl p{
margin-top: 0px !important
}
#contents .headSection .leftArea{
	padding-bottom: 0px !important;
}
/* /打ち消し */
#contents .headSection .top{
	border-right:1px solid #d9d9d9 !important;
}
#contents .headSection .ttl{
	width: inherit;	
}
#contents .headSection .ttl p{
	background: none;
	margin-top: 3px;
}
#contents .headSection .top img{
	margin-right: 25px;
}
#contents .mainSection {
width: 100%;
	max-width: 1200px;
}
#contents .mainSection .description {
	margin-top: 40px;
	text-align: center;
	font-size: 18px;
	font-size: bold;
}
#contents .section02, #contents .recommend_block {
position: relative;
}
#contents .section05 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	border: 1px solid #005ab4;
	box-sizing: border-box;
}
#contents .section05 h4 {
	text-align: left;
	font-size: 24px;
	color: inherit;
}
#contents .section05 .recommend {
	padding: 5px 15px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	border: 2px solid #f07d00;
	border-radius: 10px;
	line-height: 1.2;
}
#contents .section05 .recommend span {
	font-size: 38px;
	color: #ed1c24;
}
#contents .section05 .link a {
	display: block;
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	color: #fff;
	border-radius: 5px;
}
#contents .section05 .link a + a {
	margin-top: 10px;
}
#contents .section05 .link a.blue {
	padding: 10px 20px;
	background: #005ab4;
}
#contents .section05 a.orange {
	padding: 20px;
	background: #ef7d00;
}
#contents .section05 .link a img {
	padding-right: 10px;
}
#contents .section05 .link a:hover {
	color: #fff;
	opacity: 0.7;
}
.nodisplay {
display: none;
}
.headMod01 {
font-size: 36px;
letter-spacing: 1.1px;
line-height: 1.8;
text-align:center;
}
/*------------------------------------------------------*/

#contents span.line {
background: linear-gradient(transparent 70%, #fcfe00 0%);
}
#contents .section02 .open_detail {
background-color: #f6e8f5;
border-left: #ba54b7 solid 2px;
border-right: #ba54b7 solid 2px;
border-bottom: #ba54b7 solid 2px;
}
#contents .section02_detail {
width: 960px;
margin: 0 auto;
}
/*----------20180826----------*/
#contents .section02_detail_in {
width: 960px;
text-align: left;
margin: 0 auto;
padding: 10px 0 40px;
}
#contents .section02_detail_in table {
margin:60px 0 0;
line-height:1.2;
}
#contents .section02_detail_in table tr {
border-bottom:5px solid #ffffff;
}
#contents .section02_detail_in table th {
color:#ffffff;
height:40px;
padding:10px 30px;
font-size:24px;
text-align:center;
}
#contents .section02_detail_in table tr.read th {
background:#2aabe4;
}
#contents .section02_detail_in table tr.write th {
background:#22ac38;
}
#contents .section02_detail_in table tr.print th {
background:#ee1f7a;
}
#contents .section02_detail_in table td {
height:40px;
padding:10px 20px;
font-size:20px;
font-weight:bold;
}
#contents .section02 .section02_twin {
	margin: 60px 0;
}
#contents .section02 .section02_twin .twin_image {
	float: right;
}
#contents .section02 .section02_twin .twin_details {
	float: left;
	counter-reset: num;
}
#contents .section02 .section02_twin .twin_details .twin_title {
	margin-bottom: 25px;
	padding: 20px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background:#22ac38;
}
#contents .section02 .section02_twin .twin_details .twin_title span {
	font-size: 14px;
	font-weight: bold;
}
#contents .section02 .section02_twin .twin_details .flow {
	float: left;
	margin-right: 20px;
}
#contents .section02 .section02_twin .twin_details .list sup {
	font-size: 12px;
}
#contents .section02 .section02_twin .twin_details .list img {
	position: relative;
	top: 3px;
	padding-right: 5px;
}
#contents .section02 .section02_twin .twin_details .twin_caution {
	margin-top: 10px;
	font-size: 11px;
}


#contents .section02_detail01.change {
	width: 80%;
	margin: 0 auto;
}
#contents .section02 h4 {
}
#contents .section02_detail02 {
width: 770px;
margin: 0 auto;
padding: 15px 0px 15px !important;
border: 4px solid #b44bb5;
-moz-border-radius: 10px!important;
-webkit-border-radius: 10px!important;
border-radius: 10px!important;
position: relative;
}
#contents .section02_detail03 {
width: 360px;
padding-right: 30px;
border-right: 2px dotted#b44bb5;
float: left;
position: relative;
}
#contents .section02_detail04 {
width: 350px;
float: right;
position: relative;
}
#contents .section02_detail03 dt, #contents .section02_detail04 dt {
font-size: 22px;
font-weight: bold;
color: #b44bb5;
line-height: 130% !important;
border-bottom: 2px solid #b44bb5;
}
#contents .section02_detail03 dd, #contents .section02_detail04 dd {
font-size: 18px;
font-weight: bold;
line-height: 130% !important;
}
#contents .section02_detail04 dt {
padding: 0 0 10px;
}
#contents .section02_detail04 dd {
padding: 10px 0 0;
}
#contents .section02_detail05_1 {
position: absolute;
right: 30px;
bottom: 0px;
}
#contents .section02_detail05_2 {
position: absolute;
right: 20px;
bottom: 0px;
}
#contents h4 {
font-size: 22px;
font-weight: bold;
color: #338dc9;
}
#contents h4+p{
	line-height: 1.5;
}
#contents h5 {
font-weight:normal !important;
margin: 0 0 5px 0;
	font-size: 16px;
}
#contents h5.box1{
border: 1px solid;
border-radius: 10px;
display:inline-block;
	padding: 5px 10px;
}
#contents h5.box2{
border-radius: 10px;
display:inline-block;
background-color:#f07d00;
color: #fff;
	padding: 5px 10px;
}
#contents .block{
	width: 900px;
	-webkit-transform: skew(-20deg);
	   -moz-transform: skew(-20deg);
	     -o-transform: skew(-20deg);
	border :2px solid #338dc9;
	border-radius: 10px;
	box-shadow:10px 10px 0px #338dc9;
	padding: 10px 0;
}
#contents .block p{
	-webkit-transform: skew(20deg);
	   -moz-transform: skew(20deg);
	     -o-transform: skew(20deg);
	font-size: 20px;
	color:#338dc9;
}
#contents .recommend_block_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	top: 25px;
	margin-top: -25px;
	font-size: 16px;
}
#contents .recommend_block_title h3 {
	font-size: 27px;
}
#contents .recommend_block_detail{
width: 960px;
margin: 0 auto;
border: 4px solid #f07d00;
border-radius: 20px;
box-sizing: border-box;
/*border-right: #f07d00 solid 2px;
border-bottom: #f07d00 solid 2px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;:*/
}
#contents .recommend_block_detail h4 {
	padding-top: 30px;
	color: inherit;
	font-size: 24px;
}
#contents .recommend_block_detail_in{
width: 90%;
text-align: left;
margin: 0 auto;
padding: 15px 0 30px;
position: relative;
}
#contents .recommend_block_detail_in + .recommend_block_detail_in {
	border-top: 1px solid #000;
}
#contents .recommend_block_detail_in h4 {
text-align: center;
}
#contents .recommend_block_detail_in p {
font-size: 16px;
	text-align: center;
}
#contents .recommend_block_detail_in .btn {
	float: right;
	margin-top: 20px;
}
#contents .recommend_block_detail_in .btn a {
	display: inline-block;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	border-radius: 5px;
}
#contents .recommend_block_detail_in .btn a + a {
	margin-left: 15px;
}
#contents .recommend_block_detail_in .btn a.blue {
	padding: 8px 61px;
	background: #005ab4;
}
#contents .recommend_block_detail_in .btn a.orange {
	padding: 8px 71px;
	background: #ef7d00;
}
#contents .recommend_block_detail_in .btn a:hover {
	opacity: 0.7;
}
#contents .recommend_block_detail_in .btn a img {
	padding-right: 10px;
	vertical-align: middle;
}
#contents .recommend_block_tit1 {
	width: 570px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.7;
}
#contents .recommend_block_tit2 {
	width: 570px;
	margin-left: 15px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;
}
#contents .recommend_block_tit2 span {
	font-size: 16px;
	color: #ed1c24;
}
#contents .recommend_block_detail01 {
	display: flex;
	justify-content: space-between;
	padding-top: 25px;
}
#contents .recommend_block_detail02 {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
#contents .recommend_block_detail02 .info {
	width: 570px;
}
#contents .recommend_block_detail02 .info_box {
	margin-top: 25px;
}
#contents .recommend_block_detail02 .info_box .name {
	float: left;
}
#contents .recommend_block_detail02 .info_box .price {
	float: right;
	padding: 2px 2px 0;
	font-weight: bold;
	color: #fff;
	background: #e60012;
}
#contents .recommend_block_detail02 .info_box .price p {
	padding: 4px 10px;
	font-size: 24px;
}
#contents .recommend_block_detail02 .info_box .price .white {
	padding: 4px 0;
	color: #e60012;
	background: #fff;
}
#contents .recommend_block_detail02 .info_box .price span {
	font-size: 12px;
}

@media print, screen and (max-width: 768px) {
	.pc {
		display: none;
	}
}

@media print, screen and (min-width: 769px) {
	.sp {
		display: none;
	}
}

@media print, screen and (max-width: 768px) {
	#topicPath {
		width: 95%;
		padding-bottom: 15px;
	}

	#contents {
		min-width: 1px;
	}
	#contents .headSection .innerBlock {
		width: 95%;
	}
	#contents .headSection .ttl {
		display: flex;
		width:100%;
		align-items: center;
	}
	#contents .headSection .ttl p.productsLogo {
		width: 55%;
	}
	#contents .headSection .leftArea .title {
		font-size: 3vw;
	}

	#contents .mainSection .description {
		font-size: 4vw;
	}

	.headMod01 {
		font-size: 4.3vw;
	}

	#contents .detailSection {
		width: 95%;
	}
	#contents .section02_detail {
		width: 100%;
	}
	#contents .section02_detail_in {
		width: 100%;
	}
	#contents .section02_detail01.change {
		width: 90%;
	}
	#contents .section02 .section02_twin {
		margin: 20px auto;
	}
	#contents .section02 .section02_twin .twin_details .twin_title {
		font-size: 4vw;
	}
	#contents .section02 .section02_twin .twin_details .twin_title span {
		font-size: 3.5vw;
	}
	#contents .section02 .section02_twin .twin_details .twin_text {
		display: flex;
		flex-wrap: wrap;
	}
	#contents .section02 .section02_twin .twin_details .flow {
		float: none;
		width: 25%;
		margin: 0;
	}
	#contents .section02 .section02_twin .twin_details .text {
		width: 40%;
		margin: 0 2.5%;
		font-size: 3vw;
	}
	#contents .section02 .section02_twin .twin_details .list sup {
		font-size: 2vw;
	}
	#contents .section02 .section02_twin .twin_details .image {
		width: 30%;
	}
	#contents .recommend_block_title {
		align-items: flex-start;
        top: 15px;
	}
	#contents .recommend_block_title img {
		display: inline-block;
		width: 30%;
	}
	#contents .recommend_block_title div {
		margin-top: 10px;
	}
	#contents .recommend_block_title h3 {
		font-size: 3.5vw;
	}
	#contents .recommend_block_title p {
		font-size: 2.5vw;
	}
	#contents .recommend_block_detail {
		width: 100%;
	}
	#contents .recommend_block_detail h4 {
		font-size: 3.8vw;
	}
	#contents .recommend_block_detail_in {
		padding: 0 0 30px;
	}
	#contents .recommend_block_detail01 {
		display: block;
	}
	#contents .recommend_block_tit1 {
		width: 100%;
		margin: 20px auto;
		text-align: center;
		font-size: 4vw;
	}
	#contents .recommend_block_tit2 {
		width: 100%;
		margin: 20px auto;
		text-align: center;
		font-size: 3.8vw;
		line-height: 1.5;
	}
	#contents .recommend_block_tit2 span {
		font-size: 3vw;
	}
	#contents .recommend_block_detail02 {
		display: block;
		text-align: center;
	}
	#contents .recommend_block_detail02 .info {
		width: 100%;
	}
	#contents .recommend_block_detail02 div {
		margin: 20px auto;
	}
	#contents .recommend_block_detail02 .info_box {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	#contents .recommend_block_detail02 .info_box .name {
		float: none;
		width: 40%;
		margin: 0;
		margin-right: 5%;
	}
	#contents .recommend_block_detail02 .info_box .price {
		float: none;
		width: 57%;
		margin: 0;
	}
	#contents .recommend_block_detail02 .info_box .price p {
		padding: 4px 0;
		font-size: 3vw;
	}
	#contents .recommend_block_detail02 .info_box .price .white {
		font-size: 3.2vw;
	}
	#contents .recommend_block_detail_in .btn {
		float: none;
		display: flex;
		justify-content: center;
	}
	#contents .recommend_block_detail_in .btn a {
		font-size: 4vw;
	}
	#contents .recommend_block_detail_in .btn a.blue {
		padding: 14px 9%;
	}
	#contents .recommend_block_detail_in .btn a.orange {
		padding: 14px 10%;
	}
    #contents .recommend_block_detail_in .btn a + a {
	margin-left: 5%;
}
	#contents .section05 {
		flex-wrap: wrap;
	}
	#contents .section05 h4 {
		width: 45%;
		font-size: 3.4vw;
	}
	#contents .section05 .recommend {
		width: 40%;
		font-size: 3.2vw;
	}
	#contents .section05 .recommend span {
		font-size: 8vw;
	}
	#contents .section05 .image {
		width: 100%;
		justify-content: center;
		max-height: unset;
		margin: 20px auto;
	}
	#contents .section05 .link {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	#contents .section05 .link a {
		margin: 0;
		font-size: 4vw;
	}
	#contents .section05 .link a + a {
		margin: 0;
	}
	#contents .section05 .link a.blue {
		padding: 14px 25px;
	}
	#contents .section05 .link a.orange {
		padding: 14px 30px;
	}
}


/* /販売終了 */

#contents .recommend_block_detail02.endOfSele{
	align-items: center;
}

#contents .recommend_block_detail02.endOfSele .info_box .name{
float: none;
text-align:left;
}

#contents .recommend_block_detail_in .recommend_block_detail02.endOfSele .btn{
float: none;
}



#contents .recommend_block_detail_in .recommend_block_detail02.endOfSele .btn a.blue{
    padding: 8px 61px;
    background: #005ab4!important;
    width: auto;
    height: auto;
}

@media print, screen and (max-width: 768px) {

#contents .recommend_block_detail02.endOfSele .info_box{
margin-top:10px;
margin-bottom:0;
display:block;
}

#contents .recommend_block_detail02.endOfSele .info{
margin-bottom:0;
}

#contents .recommend_block_detail02.endOfSele .info_box .name{
width: 44%;
    margin: 25px auto 20px;
}



#contents .recommend_block_detail_in .recommend_block_detail02.endOfSele .btn{
width: 38%;
margin-bottom:0;
}

#contents .recommend_block_detail_in .recommend_block_detail02.endOfSele .btn a.blue {
    width: 100%;
    padding: 13px 0;
}


}


#contents .recommend_block.old .recommend_block_detail01 {
	display: block;
	
}
#contents .recommend_block.old .recommend_block_detail02 {
	display: block!important;
}


#contents .recommend_block.old .recommend_block_detail {
    background: url(../images/bg_recommend_block_detail_02.jpg) no-repeat;
    background-position: bottom;
    border: none;
}

#contents .recommend_block.old .recommend_block_detail{
background:url(../images/bg_recommend_block_detail_02.jpg) no-repeat;
background-position: bottom;
}
#contents .recommend_block.old .recommend_block_detail{
width: 960px;
margin: 0 auto;
}
#contents .recommend_block.old .recommend_block_detail_in{
width: 960px;
text-align: left;
margin: 0 auto;
padding: 15px 0 30px;
position: relative;
}
#contents .recommend_block.old .recommend_block_detail_in h4 {
text-align: center;
}
#contents .recommend_block.old .recommend_block_detail_in p {
font-size: 16px !important;
text-align: center;
}
#contents .recommend_block.old .recommend_block_tit1, #contents .recommend_block.old .recommend_block_tit2, #contents .recommend_block.old .recommend_block_tit3{
width: 200px;
font-size: 16px;
font-weight: bold;
text-align: center;
border: 2px solid #f07d00;
border: 2px solid #f07d00;
  -moz-border-radius: 10px!important;
-webkit-border-radius: 10px!important;
border-radius: 10px!important;
}
#contents .recommend_block.old .recommend_block_tit1 {
line-height: 160%;
margin: 0 auto 20px;
padding: 15px 0 4px !important;
}
#contents .recommend_block.old .recommend_block_tit2 {
line-height: 100%;
margin: 0 auto 24px;
padding: 8px 0 8px !important;
}
#contents .recommend_block.old .recommend_block_tit3 {
line-height: 160%;
width: 442px;
margin: 0 17px 18px;
padding: 8px 0 8px !important;
}
#contents .recommend_block.old .recommend_block_tit1 span {
font-size: 36px;
color: #ed1c24;
}
#contents .recommend_block.old .recommend_block_detail01 {
width: 240px;
padding-top: 62px;
float: left;
}
#contents .recommend_block.old .recommend_block_detail02 {
width: 240px;
float: left;
}

.recommend_blockTitleTxt{
background-color: #f07d00;
color: #fff;
border-radius: 8px 8px 0 0;
padding: 10px;
font-size: 20px;
font-weight: bold;
width: 97%;
margin-right: 3%;
}

.sp{
display:none;
}
.pc{
display:block;
}

.pc_iblk{
display:inline-block;
}

.recommend_btn_01{
    max-width: 180px;
    margin: 8px auto 0;
}

.recommend_btn_01 a{
position: relative;
    display: block;
    width: 78%;
    margin: 0 auto;
    height: 100%;
    background-color: #005ab4;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    transition: all 0.3s ease;
}
.recommend_btn_01 a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateY(-50%) rotate(45deg);
}
.recommend_btn_02 {
    text-align: center;
    margin-top: 10px;
}


@media print, screen and (max-width: 768px){
#contents .recommend_block.old .recommend_block_detail {
width: 100%;
    margin: 20px auto;
    text-align: center;
    font-size: 4vw;
    margin: 0 auto;
    border: 4px solid #f07d00;
    border-radius: 20px;
    box-sizing: border-box;
    background:none;
}

#contents .recommend_block.old .recommend_block_detail_in {
    width: 90%;
    text-align: left;
    margin: 0 auto;
    padding: 0 0 30px;
    position: relative;
}

#contents .recommend_block.old .recommend_block_detail01,#contents .recommend_block.old .recommend_block_detail02 {
   width:100%;    
   float: none;
   margin: 0 auto;
   border-top: 1px solid #000;
   padding-bottom: 45px;
}

#contents .recommend_block.old .recommend_block_detail02:first-child{
border-top: none;

}

.recommend_block.old .recommend_block_detail02 {

    padding-top: 45px;
}


#contents .recommend_block.old .recommend_block_detail h4 {
    padding-top: 0;

}
.sp{
display:block;
}
.pc,.pc_iblk{
display:none;
}


.recommend_blockTitleTxt{
border-radius: 10px 10px 0 0;
padding: 10px;
font-size: 15px;
width: 95%;
margin-right: 0;
}
#contents .recommend_block.old .recommend_block_tit3{
    line-height: 100%;
    margin: 0 auto 10px;
    padding: 8px 0 8px !important;
    width: 200px;
}
#contents .recommend_block_detail02 .recommend_btn_02, #contents .recommend_block_detail02 .recommend_btn_01{
    margin: 10px auto;
}
#contents .recommend_block.old .recommend_block_tit2{
    margin: 0 auto 10px;
}
}