@charset "utf-8";





/*body{
	min-height:auto;
}*/




/* contentsWrapper
------------------------------------------------------------------------------------------------------ */

 .pc {
    display: block;
}
 .sp {
    display: none;
}
 a.c5-btn {
	text-decoration:none;
}

 a.c5-prod {
    color: #FF6E00;
	text-decoration:underline;
    font-weight: bold;
}
 a.c5-prod:active,  a.c5-prod:hover {
    color: #f0962b;
	text-decoration:none;
}



/* h1 title Area
------------------------------------------------------------------------------------------------------ */
#c5-head {
	width:100%;
    /*overflow: hidden;*/
    margin-bottom: 4%;
}
#c5-head h1 {
	margin: 0;
    padding: 0 0 2%;
    position: relative;
    overflow: hidden;
}
#c5-title {
	width:100%;
}
.c5-news {
    width: 48%;
    float: right;
    padding-top: 1.8%;
}
.c5-news #c5-label {
    border-left: 5px solid #000;
    padding: 0 0 0 1.2%;
    font-weight: bold;
    margin: 0 0 2%;
    line-height: 1.4 !important;
    font-size: 90%;
}
.c5-news ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 78%;
}
.c5-news li {
    border-bottom: 1px dotted #ccc;
    padding: 1.2%;
    margin: 0;
    line-height: 1.4 !important;
}

/* 2016.01.23追加（事例）*/
.c5-baloon {
    position: absolute;
    bottom: 8%;
    right: -5%;
    z-index: 0;
    margin: 0 !important;
    padding: 0 !important;
    width: 21%;
}
.c5-baloon img {
    width: 49% !important;
    height: auto;
}
.c5-baloon a img:hover {
    position: relative;
    top: 2px;
}




/* Nav Area
------------------------------------------------------------------------------------------------------ */
.c5-nav {
    clear: both;
    width: 100%;
    margin-bottom: 8%;
}
.c5-nav.c5-nav--pc{
    display: block;
}
.c5-nav.c5-nav--sp{
    display: none;
}
.c5-navInner{
    width: 100%;
}
.c5-navInner--fixed {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    width: 1200px;
    /*padding-right: 30px;*/
    /*left:0;*/

}
@media screen and (max-width: 1260px) {
    .c5-navInner--fixed {
        width: 100%;
        margin: 0 -30px;
    }
}


.c5-nav .c5-navInner--fixed ul {
  -moz-box-shadow: rgba(0,0,0,0.5) 0px 2px 10px;
  -webkit-box-shadow: rgba(0,0,0,0.5) 0px 2px 10px;
  box-shadow: rgba(0,0,0,0.5) 0px 2px 10px;
}
.c5-nav .c5-navInner--fixed ul:before,
.c5-nav .c5-navInner--fixed ul:after{
    display: none;
}

.c5-nav ul {
    margin-right: 0;
    margin-left: 0;
    padding: 0;
    display: table;
    width: 100%;
    background: #ffffff;
}
.c5-navInner--fixed ul{
    margin: 0;
}
.c5-nav ul:before,
.c5-nav ul:after {
    display: block;
    overflow: hidden;
    content: "";
}
.c5-nav ul:after {
    clear: both;
}
.c5-nav li {
    margin-right: 0;
    margin-left: 0;
    width: 25%;
    list-style: none;
    padding:0;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    background: url(../images/navsp.jpg) no-repeat right 50%;

}
/*.c5-nav li img {
    width: 100%;
    height: auto;
}*/
.c5-spnav span.c5-spnav--pc {
    display: block;
    height: auto;
    text-align: center;
    font-size: 14px;
    padding: 10px 28px 7px 15px;
}
.c5-spnav span.c5-spnav--sp {
    display: none;
}
.c5-spnav a{
    text-decoration: none !important;
    color:#000000;
}
.c5-spnav {
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
    border-left: 1px solid #1a1a1a;
    padding: 0;
    /*margin: 0 0 3%;*/
    font-size: 105%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


/* contents Area
------------------------------------------------------------------------------------------------------ */
.c5-section {
    clear: both;
    margin: 0 0 8%;
}
.c5-section h2 {
    margin: 0 0 2%;
}




/* Merit Area
-------------------------------------------------------------------- */
.c5-box {
    margin: 0 50px;
    overflow: hidden;
}
ul.c5-merit {
    margin-right: -3.5087%;
    *zoom: 1;
    margin-bottom: 2%;
}
ul.c5-merit:before,
ul.c5-merit:after {
    display: block;
    overflow: hidden;
    content: "";
}
ul.c5-merit:after {
    clear: both;
}
ul.c5-merit li {
    float: left;
    margin-right: 3.5087%;
    width: 29.8245%;
    list-style: none;
}

ul.c5-meritlist {
    clear: left !important;
    width: 100% !important;
    margin-right: 0 !important;
    padding-left: 5%;
    list-style: disc !important;
}
ul.c5-meritlist li {
    clear: left !important;
    list-style: disc !important;
    margin-right: 0 !important;
    padding-bottom: 1% !important;
    font-size: 80% !important;
    width: 95% !important;
}

.c5-arrow_box {
	position: relative;
	background: #ffffff;
	border: 1px solid #cccccc;
    padding: 20px;
    font-size: 88%;
    margin: 0 50px 4%;
}
.c5-arrow_box:after, .c5-arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.c5-arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.c5-arrow_box:before {
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #cccccc;
	border-width: 11px;
	margin-left: -11px;
}



/* Jirei Area
-------------------------------------------------------------------- */
#c5-jirei_watch1, #c5-jirei_watch2, #c5-jirei_watch3 {
    clear: both;
    margin: 0 0 2%;
}

.c5-jirei_top {
    clear: both;
    margin: 0 50px 0%;
    padding: 0 0 1%;
}
.c5-jirei_top .c5-title {
    margin: 0;
    padding: 0 0 3%;
}
.c5-jirei_top .c5-pht {
    margin: 0;
    padding: 0 0 0.5%;
}

.c5-jirei_main {
    clear: both;
    margin: 0 50px 4%;
    padding: 0% 0 1%;
    /* display: none; */
}
.c5-jirei_main.open {
	display: block;
}

/* 3列 */
.c5-jirei_box {
    width: 100%;
}
.c5-jirei_box ul {
    margin-right: -3.3816%;
    *zoom: 1;
    padding: 0;
}
.c5-jirei_box ul:before,
.c5-jirei_box ul:after {
    display: block;
    overflow: hidden;
    content: "";
}
.c5-jirei_box ul:after {
    clear: both;
}
.c5-jirei_box li {
    float: left;
    margin-right: 3.3816%;
    width: 23.9516%;
    list-style: none;
    background: #f1f4f9;
    padding: 3%;
}
.c5-jirei_box dl {
    display: block;
}
.c5-jirei_box dt {
    border-left: 5px solid #83838f;
    color: #83838f;
    margin-bottom: 6%;
    padding: 0 0 0 3.3%;
    line-height: 1.5;
    font-weight: bold;
    font-size: 100%;
}
.c5-jirei_box dd {
    padding: 0 0 3%;
    font-size: 116%;
    color: #000;
    font-weight: bold;
    margin: 0;
}
/* さらに表示がついたとき用（今未使用） */
.c5-jirei_btn {
    display: block;
    border-top: 1px solid #ccc;
}
.c5-jirei_btn_more {
    background: #fff none repeat scroll 0 0;
    cursor: pointer;
    margin: -30px auto 0;
    position: relative;
    text-align: center;
    width: 210px;
}
.c5-jirei_btn_more .c5-btn_open {
    background: rgba(0, 0, 0, 0) url("../images/btn_open.gif") no-repeat scroll 0 0;
    color: #000;
    display: table-cell;
    font-size: 1.3em;
    font-weight: bold;
    height: 60px;
    text-align: center;
    vertical-align: middle;
    width: 210px;
}
.c5-jirei_btn_more .c5-btn_open span {
    background: rgba(0, 0, 0, 0) url("../images/btn_open.png") no-repeat scroll 90% center;
    display: block;
    padding-right: 30px;
}
.c5-jirei_btn_more .c5-btn_open:hover {
	background: url(../images/btn_open_on.gif) no-repeat;
	color: #f6b61f;
}
.c5-jirei_btn_more .c5-btn_open span.close {
	display: block;
	background: url(../images/btn_close.png) no-repeat 90% center;
	padding-right: 30px;
}




/* FAQ Area
-------------------------------------------------------------------- */
.c5-accordion {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.c5-accordion dl {
    margin: 0;
    padding: 0;
  }
.c5-accordion dt {
    padding: 0 0 2% 40px;
    cursor: pointer;
    text-decoration: none;
    line-height: 1.6;
    font-size: 100%;
  }
.c5-accordion dt:hover {
    text-decoration: underline;
  }

.c5-accordion dd{
    background: url(../images/waku_img.gif) repeat;
    padding: 1% 0;
    margin: 0 0 6%;
  }
#c5-que1 {
    background: url(../images/sec2_ico_que1.gif) no-repeat left top;
}
#c5-que3 {
    background: url(../images/sec2_ico_que3.gif) no-repeat left top;
}
#c5-que5 {
    background: url(../images/sec2_ico_que5.gif) no-repeat left top;
}
#c5-que7 {
    background: url(../images/sec2_ico_que7.gif) no-repeat left top;
}
#c5-que2 {
    background: url(../images/sec2_ico_que2.gif) no-repeat left top;
}
#c5-que4 {
    background: url(../images/sec2_ico_que4.gif) no-repeat left top;
}
#c5-que6 {
    background: url(../images/sec2_ico_que6.gif) no-repeat left top;
}
#c5-que8 {
    background: url(../images/sec2_ico_que8.gif) no-repeat left top;
}
#c5-que9 {
    background: url(../images/sec2_ico_que9.gif) no-repeat left top;
}

.c5-accordion dd span.c5-faqbox {
    display: block;
    background: #fff;
    margin: 0 1% !important;
    padding: 3%;
}
.c5-accordion dd span.c5-faqbox dl {
    display: block;
    overflow: hidden;
}
.c5-accordion dd span.c5-faqbox dl dt {
    padding: 0 !important;
    margin: 0 !important;
    width: 4%;
    float: left;
    background: #fff;
}
.c5-accordion dd span.c5-faqbox dl dd {
    float: right;
    width: 93%;
    background: #fff;
    margin: 0;
}
.c5-txtpoint {
    font-weight: bold;
	color:#5887ab;
    padding: 0 !important;
    margin: 0 !important;
    display: inline !important;
}
.c5-red {
    color: #ff0000;
    font-weight: bold;
}

/* アースクリーン（株）*/
.c5-credit {
    clear: both;
    padding: 2%;
    background: #f7f7f7;
    overflow: hidden;
}
.c5-credit .c5-txt {
    width: 76%;
    font-size: 80%;
    float: left;
}
.c5-credit .c5-txt p {
    margin: 0;
    padding: 0;
}
.c5-credit .c5-logo {
    width: 20%;
    float: right;
}






/* Product Area
-------------------------------------------------------------------- */
.c5-product {
    background: #f7f7f7;
    padding: 50px;
    overflow: hidden;
}
.c5-product h3 {
    margin-top: 0;
    font-size: 155%;
}
.c5-product .c5-lead {
    clear: both;
    width: 100%;
    font-size: 88%;
    line-height: 2;
    margin-bottom: 2%;
}
.c5-product .c5-pht {
    width: 50%;
    float: right;
}
.c5-product .c5-prod {
    clear: right;
    width: 100%;
}
.c5-product .c5-detail {
    clear: both;
    float: left;
    width: 47%;
    margin-right: 3%;
    margin-top: 2%;
}

span.s5-label {
    background: #db4a39 none repeat scroll 0 0;
    border: 1px solid #db4a39;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 0.625rem;
    line-height: 1.2;
    padding: 2px 5px 1px;
}
.c5-name {
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 5px;
}
.c5-labelb {
    background: #000;
    padding: 8px 10px;
    color: #fff;
    font-weight: bold;
    font-size: 80%;
}

.s5-secondaryButton_2 {
    background: #1a1a1a !important;
    color: #fff;
}


/* Unit概要 Area */
.c5-line_ol {
    clear: both;
    width: 100%;
    overflow: hidden;
}
.c5-line_ol p {
    font-size: 106%;
    font-weight: bold;
}
.c5-line_ol p span {
    font-size: 80%;
    display: block;
    font-weight: normal;
}

.c5-line_ol ul {
    margin-right: -3.5087%;
    *zoom: 1;
    padding: 0;
}
.c5-line_ol ul:before,
.c5-line_ol ul:after {
    display: block;
    overflow: hidden;
    content: "";
}
.c5-line_ol ul:after {
    clear: both;
}
.c5-line_ol li {
    float: left;
    margin-right: 3.5087%;
    width: 21.4912%;
    list-style: none;
    font-size: 76%;
}
.c5-line_ol li span {
    font-weight: bold;
    display: block;
    font-size: 126%;
}
.c5-line_ol li img {
    margin: 3% 0 1.5%;
}




/* lineup Area
-------------------------------------------------------------------- */
#c5-lineup {
    clear: both;
    width: 100%;
    overflow: hidden;
}
#c5-lineup p {
    font-size: 116%;
    font-weight: bold;
}
#c5-lineup p span {
    font-size: 76%;
    font-weight: normal;
}

#c5-lineup ul {
    margin-right: -3.8461%;
    *zoom: 1;
    padding: 0;
}
#c5-lineup ul:before,
#c5-lineup ul:after {
    display: block;
    overflow: hidden;
    content: "";
}
#c5-lineup ul:after {
    clear: both;
}
#c5-lineup li {
    float: left;
    margin-right: 3.8461%;
    margin-bottom: 3.5%;
    width: 29.4871%;
    list-style: none;
    padding: 0;
}
#c5-lineup li dl.c5-prdbox {
    margin: 0 0 2%;
    padding: 2%;
    border: 1px solid #ccc;
    float: left;
}
#c5-lineup li dl.c5-prdbox dt {
    margin: 0 3.5% 0 0;
    padding: 0;
    float: left;
    width: 43%
}
#c5-lineup li dl.c5-prdbox dt img {
    width: 100%;
    float: left;
}
#c5-lineup li dl.c5-prdbox dd {
    margin: 6% 0;
    padding: 0;
    float: left;
    width: 53%;
    font-weight: bold;
}
#c5-lineup li span {
    font-size: 76%;
}
#c5-lineup li span a {
    color: #666;
    text-decoration: none;
}
#c5-lineup li span a:hover, #c5-lineup li span a:active {
    color: #999;
    text-decoration: none;
}
#c5-lineup li dl.c5-prdbox dd span {
    margin: 6% 0 0;
    padding: 0;
    display: block;
    color: #fff !important;
    font-weight: normal;
}
#c5-lineup li dl.c5-prdbox dd span a {
    color: #fff !important;
}
#c5-lineup li dl.c5-prdbox dd span a:hover, #c5-lineup li dl.c5-prdbox dd span a:active {
    color: #fff !important;
}

.s5-link a {
    text-decoration: underline !important;
}
.s5-link a:hover {
    text-decoration: none !important;
}

.c5-logoset {
    display: block;
    margin: 0;
    padding: 0 0 3%;
    width: 70%;
    overflow: hidden;
}



/* c5-bgGray
------------------------------------------------------------------------------------------------------ */
.s5-inStoreFeaturesItem2__title {
	border-bottom: none;
}

.c5-StoreHeading h3{
border-left: 4px solid #FF7900;
padding: 0 0 0 15px;
margin: 40px 0 10px;
color: #FF7900;
}

.c5-StoreHeading .c5-ttl{
border-left: 4px solid #FF7900;
padding: 0 0 0 15px;
margin: 0;
color: #FF7900;
}

.c5-StoreHeading .c5-ttl_2{
padding: 0;
margin: 0;
color: #2f353d;
}
  
.c5-storeText{
 font-weight: bold;
}

.c5-bgGray{
    background: #f1f4f9;
    padding: 20px;
	 	margin-top: 20px;
}
.c5-bgGray .c5-bgGray--pc{
    display: block;
}
.c5-bgGray .c5-bgGray--sp{
    display: none;
}
.c5-bgGray .s5-inStoreFeaturesItem1B,
.c5-bgGray .s5-inStoreFeaturesItem1B.s5-inStoreFeaturesItem1B--solid,
.c5-bgGray .s5-inStoreFeaturesItem1A,
.c5-bgGray .s5-inStoreFeaturesItem1A.s5-inStoreFeaturesItem1A--solid{
    margin: 0;
    padding: 0;
}
.c5-bgGray .s5-inStoreFeaturesItem1B__text,
.c5-bgGray .s5-inStoreFeaturesItem1A__text{
    margin-bottom: 0;
}
.c5-bgGray .s5-inStoreFeaturesItem1B__text p,
.c5-bgGray .s5-inStoreFeaturesItem1A__text p{
    margin: 0;
}

@media screen and (max-width: 640px) {
   .c5-bgGray .c5-bgGray--pc{
    display: none;
    }
    .c5-bgGray .c5-bgGray--sp{
        display: block;
    }
}


.s5-shopList{
    margin: 30px 0 0 0 ;
}




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


/* contentsWrapper
------------------------------------------------------------------------------------------------------ */
 .pc {
    display: none;
}
 .sp {
    display: block;
}





/* h1 title Area
------------------------------------------------------------------------------------------------------ */
#c5-head {
	width:100%;
    /*overflow: hidden;*/
    margin-bottom: 1%;
}
#c5-title {
	width:100%;
    clear: left;
    margin-right: 0;
}
#c5-title h1 {
	margin: 0.67em 0 0.9em;
    padding-bottom: 0.7em;
    border-bottom: 2px solid #1a1a1a;
}
.c5-news {
	width:100%;
    clear: left;
    margin: 1em 0 1em;
}
/* 吹き出し*/
.c5-baloon {
    position: absolute;
    top: 50%;
    right: 3.8%;
    z-index: 10;
    margin: 0 !important;
    padding: 0 !important;
    width: 21%;
}
.c5-baloon img {
    width: 100% !important;
    height: auto;
}

.c5-news #c5-label {
    margin: 0 0 2.5%;
    line-height: 1 !important;
    font-size: 110%;
}
.c5-news ul {
    font-size: 85%;
}
.c5-news li {
    border-bottom: 1px dotted #ccc;
    padding: 1.6% 1.2% 1.3%;
    margin: 0;
    line-height: 1.5 !important;
}

/* Nav Area
------------------------------------------------------------------------------------------------------ */
.c5-nav {
    clear: both;
    width: 100%;
    margin-bottom: 8%;
}
.c5-nav.c5-nav--pc{
    display: none;
}
.c5-nav.c5-nav--sp{
    display: block;
}
.c5-nav ul {
    margin-right: 0;
    margin-left: 0;
    padding: 0;
    width: 100%;
    background: #ffffff;
}
.c5-nav ul:before,
.c5-nav ul:after {
    display: block;
    overflow: hidden;
    content: "";
}
.c5-nav ul:after {
    clear: both;
}
.c5-navInner{
    /*width: 112%;*/
    /*margin-right: -20px;*/
    margin:0 -20px;
    width: auto;
    padding: 20px 0 20px 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}
.c5-navInner--fixed{
        left: 0;
        margin: 0;
        width: 100%;
        padding: 0;
        display: table;
}
    .c5-nav .c5-navInner--fixed li{
            width: 25%;
            display: table-cell;
    }
    .c5-nav li {
    width: 100%;
    list-style: none;
    padding:0;
    display: block;
    vertical-align: middle;
    height: 100%;
    background: url(../images/navsp.jpg) no-repeat right 50%;
    margin: 0 0 10px 0;
}

.c5-nav li img {
    display: none;
}

.c5-spnav {
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
    border-left: 1px solid #1a1a1a;
    padding: 0;
    /*margin: 0 0 3%;*/
    font-size: 105%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.c5-spnav span.c5-spnav--pc {
    display: none;
}
.c5-spnav span.c5-spnav--sp {
    display: block;
    /*padding: 2% 11.5% 2% 2%;*/
    /*background: url(../images/navsp.jpg) no-repeat right 50%;*/
    font-size: 14px;
    padding: 10px 18px 7px 5px;
    line-height: 1.2;
}
.c5-spnav a {
    display: block;
    font-size: 14px;
    text-decoration: none !important;
    height: 100%;
}
.c5-spnav a:hover, .c5-spnav a:active {
    display: block;
    color: #666;
}





/* contents Area
------------------------------------------------------------------------------------------------------ */
.c5-arrow_box {
    margin: 0 0 8%;
}

.c5-box {
    margin: 0;
    overflow: hidden;
}
ul.c5-merit {
    margin-right: 0;
}
ul.c5-merit:before,
ul.c5-merit:after {
    display: block;
    overflow: hidden;
    content: "";
}
ul.c5-merit:after {
    clear: both;
}
ul.c5-merit li {
    clear: left;
    margin-right: 0;
    margin-bottom: 10%;
    width: 100%;
    list-style: none;
    padding-bottom: 0;
}
ul.c5-meritlist {
    clear: left !important;
    width: 100% !important;
    margin-right: 0 !important;
    padding-left: 5%;
    margin-bottom:0 !important;
    list-style: disc !important;
}
ul.c5-meritlist li {
    clear: left !important;
    list-style: disc !important;
    margin-right: 0 !important;
    margin-bottom:0 !important;
    padding-bottom: 1% !important;
    font-size: 100% !important;
    width: 95% !important;
}



.c5-credit {
    padding: 5%;
    background: #f7f7f7;
}
.c5-credit .c5-txt {
    width: 100%;
    font-size: 80%;
    clear: left;
    margin-bottom: 3%;
}
.c5-credit .c5-logo {
    width: 100%;
    clear: right;
    margin-bottom: 0;
}


/*ポイント　３*/
 .c5-point3 .s5-inStoreFeaturesItem3__image img{
    max-width: 60%;
}



.c5-accordion dt {
    padding: 0 0 2% 40px;
    margin-bottom: 5%;
    cursor: pointer;
    text-decoration: underline;
    line-height: 1.6;
    font-size: 100%;
  }
.c5-accordion dd span.c5-faqbox {
    display: block;
    background: #fff;
    margin: 0 1% !important;
    padding: 6%;
}
.c5-accordion dd span.c5-faqbox dl dt {
    padding: 0 !important;
    margin: 0 0 0 25% !important;
    clear: left;
    text-align: center !important;
    background: #fff;
    width: 50%;
    display: block;
}
.c5-accordion dd span.c5-faqbox dl dt img {
    width: 20% !important;
    height: auto;
}
.c5-accordion dd span.c5-faqbox dl dd {
    clear: left;
    width: 100%;
    background: #fff;
    margin: 0;
}



.c5-product {
    background: #f7f7f7;
    padding:5%;
    overflow: hidden;
    font-size: 90%;
}
.c5-product .c5-lead {
    width: 100%;
    font-size: 88%;
    clear: left;
    margin-right: 0;
}
.c5-product .c5-pht {
    width: 100%;
    clear: right;
}

.c5-product .c5-prod {
    clear: right;
    width: 100%;
}
.c5-product .c5-detail {
    clear: both;
    width: 100%;
}
.c5-name {
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 5px;
    font-size: 140%;
}
.c5-product .c5-txtS {
    font-size: 120% !important;
}

.s5-secondaryButton_2 {
    background: #1a1a1a !important;
    color: #fff;
    display: block;
    width: 100%;
}

/* 実例追加（2016.1.23）---------------------------------------------------------*/


/* 実例エリア */
.c5-jirei_main {
    clear: both;
    margin: 0 0 5%;
    padding: 0% 0 1%;
    /* display: none; */
}

.c5-jirei_box ul {
    margin-right: 0;
    *zoom: 1;
    padding: 0;
}
.c5-jirei_box ul:before,
.c5-jirei_box ul:after {
    display: block;
    overflow: hidden;
    content: "";
}
.c5-jirei_box ul:after {
    clear: both;
}
.c5-jirei_box li {
    clear: left;
    margin-right: 0;
    margin-bottom: 5%;
    width: 94%;
    list-style: none;
    background: #f1f4f9;
    padding: 3%;
}
.c5-jirei_box dl {
    display: block;
}
.c5-jirei_box dt {
    border-left: 5px solid #83838f;
    color: #83838f;
    margin-bottom: 6%;
    padding: 0 0 0 5%;
    line-height: 1.5;
    font-weight: bold;
    font-size: 100%;
}
.c5-jirei_box dd {
    padding: 0 0 3%;
    font-size: 116%;
    color: #000;
    font-weight: bold;
    margin: 0;
}

.c5-jirei_top {
    margin: 0 0 8%;
}
.c5-jirei_top .c5-title {
    margin: 0;
    padding: 0 0 8%;
}
.c5-jirei_top .c5-pht {
    margin: 0;
    padding: 0 0 2%;
}
.c5-jirei_btn_more {
    margin: -30px auto 10%;
}



/* Unit概要 Area */
.c5-line_ol p {
    font-size: 120%;
    font-weight: bold;
}
.c5-line_ol p span {
    font-size: 80%;
    display: block;
    font-weight: normal;
}

.c5-line_ol ul {
    margin-right: 0;
    *zoom: 1;
    padding: 0;
}
.c5-line_ol ul:before,
.c5-line_ol ul:after {
    display: block;
    overflow: hidden;
    content: "";
}
.c5-line_ol ul:after {
    clear: both;
}
.c5-line_ol li {
    clear: left;
    margin-right: 0;
    margin-bottom: 6%;
    border-bottom: 2px solid #ccc;
    padding-bottom: 6%;
    width: 100%;
    list-style: none;
    font-size: 100%;
}
.c5-line_ol li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.c5-line_ol li span {
    font-weight: bold;
    display: block;
    font-size: 126%;
}
.c5-line_ol li img {
    margin: 3% 0 1.5%;
}



/* lineup Area
-------------------------------------------------------------------- */
#c5-lineup {
    clear: both;
    width: 100%;
    overflow: hidden;
}
#c5-lineup p {
    font-size: 120%;
    font-weight: bold;
}
#c5-lineup p span {
    font-size: 76%;
    font-weight: normal;
    display: block;
}

#c5-lineup ul {
    margin-right: 0;
    *zoom: 1;
    padding: 0;
}
#c5-lineup ul:before,
#c5-lineup ul:after {
    display: block;
    overflow: hidden;
    content: "";
}
#c5-lineup ul:after {
    clear: both;
}
#c5-lineup li {
    clear: left;
    margin-right: 0;
    margin-bottom: 8%;
    width: 100%;
    list-style: none;
    padding: 0;
}
#c5-lineup li dl.c5-prdbox {
    float: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}
/*#c5-lineup li dl.c5-prdbox {
    width: 100%;
    margin: 0 0 2%;
    padding: 6%;
    border: 1px solid #ccc;
    clear: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#c5-lineup li dl.c5-prdbox dt {
    margin: 0;
    padding: 0;
    clear: left;
    width: 100%
}
#c5-lineup li dl.c5-prdbox dt img {
    width: 100%;
    clear: left;
}
#c5-lineup li dl.c5-prdbox dd {
    margin: 0;
    padding: 0;
    clear: left;
    width: 100%;
    font-weight: bold;
    font-size: 130%;
}
#c5-lineup li span {
    display: block;
    clear: both;
    font-size: 100%;
}
#c5-lineup li span a {
    color: #666;
    text-decoration: none;
}
#c5-lineup li span a:hover, #c5-lineup li span a:active {
    color: #999;
    text-decoration: none;
}
#c5-lineup li dl.c5-prdbox dd span {
    margin: 3% 0 0;
    padding: 0;
    display: block;
    color: #fff !important;
}
#c5-lineup li dl.c5-prdbox dd span a {
    color: #fff !important;
}
#c5-lineup li dl.c5-prdbox dd span a:hover, #c5-lineup li dl.c5-prdbox dd span a:active {
    color: #fff !important;
}
*/

}






/* c5-header2
-------------------------------------------------------------------- */
.c5-header2 a{
    margin: 0 5px !important;

}
/* s5
-------------------------------------------------------------------- */
 .s5-inStoreFeaturesItem1B__imageCol img{
        width: auto;
}

 .s5-button,
 .s5-link,
 .s5-shopListItem4 a,
 .s5-slideToggleForSmallScreen a,
 .s5-iconedBlockLinks2 a{
    text-decoration: none;
}
 .s5-inStoreFeaturesItem3__image img{
    width: auto;
}

.c5-blockOrange{
    padding: 10px;
    border: 1px solid #f5683a;
    display: inline-block;
    color:#f5683a;
    margin: 30px 0;
}
.c5-blockOrange2{
    padding: 10px;
    display: block;
    background: #f2a329;
    color: #ffffff;
    margin: -20px -20px 20px -20px;
}


#c5-lineup li dl.c5-prdbox dd .s5-storeButton,
#c5-lineup li dl.c5-prdbox dd .s5-button{
    width: 90%;
    text-align: center;
}

/* c5-chat
-------------------------------------------------------------------- */
 .c5-chat{
    /*border: 3px solid #f1f4f9;*/
    /*text-align: center;*/
    /*padding: 30px;*/
    margin: 0;
    display: table;
    width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
     .c5-chat{
        display: block;
    }
}
 .c5-chat .c5-chat__tableCell h3{
    text-align: left;
		margin-left: 100px;
}
@media screen and (max-width: 640px) {
     .c5-chat .c5-chat__tableCell h3{
        text-align: center;
				margin: 0;
    }
}
 .c5-chat .c5-chat__tableCell{
    display: table-cell;
    /*width: 50%;*/
    vertical-align: middle;
    text-align: center;
    }
    .c5-chat .c5-chat__tableCell:first-child{
        text-align: left;
        width: 70%;
    }
    .c5-chat .c5-chat__tableCell img{
        margin: 0 20px;
    }
@media screen and (max-width: 640px) {
     .c5-chat .c5-chat__tableCell{
        display: block;
        width: 100% !important;
    }
}






     .c5-chat img{
        width: auto;
    }


/* other
-------------------------------------------------------------------- */

.c5-img--pc img{
    width: 100%;
    display: block;
}
.c5-img--sp img{
    width: 100%;
    display: none;
}
@media screen and (max-width: 640px) {
    .c5-img--pc img{
        display: none;
    }
    .c5-img--sp img{
        display:block ;
    }
}

@media screen and (max-width: 640px) {
    .c5-mq--mt90{
        margin-top: 90px !important;
    }
}
@media screen and (max-width: 640px) {
    .c5-mq--mt70{
        margin-top: 70px !important;
    }
}
@media screen and (max-width: 640px) {
    .c5-mq--mt40{
        margin-top: 40px !important;
    }
}
@media screen and (max-width: 640px) {
    .c5-mq--mb40{
        margin-bottom: 40px !important;
    }
}
@media screen and (max-width: 767px) {
.s5-shopList:after{
	margin-top: 0px;
}
}

.s5-inStoreFeaturesItem1B{
	margin-bottom: 20px !important;
}

img.width100{
    width: 100%;
}
.c5-row--col3 .s5-row__col3 .s5-inStoreFeaturesItem1A__galleryCol{
    padding-left: 0;
}
.c5-row--col3 .s5-row__col3{
padding: 0 1px;
}
.c5-row--col3 .s5-row__col3 p{
padding: 0 10px 0 0;
}
#player_wp {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
#player_wp iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.mod-youtube{
    max-width: 640px;
    margin:0 auto;
}