/* =================================
	highlights CSS
================================= */
.name{color:#d21857;font-weight:bold;}
.txt-r{text-align: right;padding:5px;}
.txt {padding:0px 18px;}
.imgCB span, .imgCB span img,.imgCB1 span, .imgCB1 span img,.imgCB2 span, .imgCB2 span img{	display:block;}

.imgCB span {
	position:relative;
	height:0;
	background-size:contain;
	padding-top:50%;
	background-position:center center;
	background-repeat:no-repeat;
}


.imgCB1 span {
	position:relative;
	height:0;
	background-size:contain;
	padding-top:20%;
	background-position:center center;
	background-repeat:no-repeat;
}

.imgCB2 span {
	position:relative;
	height:0;
	background-size:contain;
	padding-top:20%;
	background-position:center center;
	background-repeat:no-repeat;
}

.imgCB3 span {
	position:relative;
	height:0;
	background-size:contain;
	padding-top:30%;
	background-position:center center;
	background-repeat:no-repeat;
}

@media all and (min-width: 768px) {
.imgCB1 {margin:10px 0px;}
.imgCB2 {margin:10px 0px;}
.imgCB3 {margin:10px 0px;}
.imgCB {margin:10px 0px;}
}
@media all and (max-width: 767px) {
.imgCB,.imgCB2,.imgCB1, .imgCB3{margin:10px 0px;}
}

/*	text pic
============================== */

div.txt_area{
 margin: 0em auto 2em;
 padding: 1.8em;
 border: 1px solid #ccc; /* 枠線 */
 background-color: #fff; /* 背景色 */
 box-shadow: 1px 1px 2px #ccc;
        }

 h2{
   background: #d21857;
   color:#FFFFFF;
   line-height: 1.5;
   text-shadow: 1px 1px 2px #bfbfbf;
   text-align: center;
   margin:0px;
   padding:10px;
    
}

div.txt_area h3{
   color: #c00081;
    line-height: 1.35;
    text-shadow: 1px 1px 2px #bfbfbf;
}

@media all and (min-width: 768px) {
 h2{
    margin-bottom: 15px;
   font-size:150%;
    }
div.txt_area p{
    font-size: 93.8%;
     line-height: 2.3;
     margin-bottom:18px;
}
div.areaR{
    margin: 0px 0 15px 20px;
    float: right;
}
div.areaL{
    margin: 0px 20px 15px 0;
    float: left;
}
div.pics span{
    width: 420px;
    height: 268px;
    display: block;
    background-repeat: no-repeat;
    border: 1px solid #c00081;
    background-color: #c00081;
    background-size: 420px 268px;
}

div.wide_pics span{
    width: 920px;
    height:180px;
    display: block;
    background-repeat: no-repeat;
    background-color: #c00081;
    background-size: 920px 180px;
    margin: 30px 0 20px;
}
}

@media all and (max-width: 767px) {
div.txt_area h2{
    margin-bottom: 15px;
    font-size: 100%;
}
div.txt_area{
    padding: 0px 0 15px;
    margin: 0 0px 15px;
}
div.txt_area p{
    font-size: 87.5%;
         line-height: 2.5;
}
div.pics span{
    margin: 0 auto 15px;
    width: 270px;
    height: 172px;
    background-size: 270px 172px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #ba960a;
    background-color: #ba960a;
}
div.wide_pics span{
    margin: 15px auto 10px;
    width: 270px;
    height: 53px;
    background-size: 270px 53px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #ba960a;
    background-color: #ba960a;
}
}

/*  checkitout_area
============================== */
div.checkitout_area h2{
    color: #c00081;
    line-height: 1.35;
    text-shadow: 1px 1px 2px #bfbfbf;
    text-align: center;
}

@media all and (min-width: 768px) {
div.checkitout_area h2{margin-bottom: 20px;font-size: 162.5%;}
}

@media all and (max-width: 767px) {
div.checkitout_area h2{margin-bottom: 15px;font-size: 100%;}
}