@charset "UTF-8";
@font-face {
	font-family: 'ipaexm';
	src: url('../../common/font/ipaexm.ttf') format('truetype');
}	

/* Wordpress Default css*/
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }

img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}

blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}

/*clearfix
－－－－－－－*/
.clearfix:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

/*html body img a
－－－－－－－*/
html,body{width:100%;font-family:"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Helvetica,sans-serif;-webkit-text-size-adjust:none;background-color:#ffffff;color:#606060;}
img {vertical-align:bottom;}
a {text-decoration:none;cursor: pointer;}
.btn img{
	cursor: pointer;
}
.modalOpen img{
	cursor: pointer;
}
/*
.modalOpen img:hover{
	opacity: 0.7;
}
*/
/*Margin
－－－－－－－*/
.mg0 {margin:0px !important;}
.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg45 {margin:45px !important;}
.mg50 {margin:50px !important;}

/*top*/
.mgT0 {margin-top:0px !important;}
.mgT5 {margin-top:5px !important;}
.mgT10 {margin-top:10px !important;}
.mgT15 {margin-top:15px !important;}
.mgT20 {margin-top:20px !important;}
.mgT23 {margin-top:23px !important;}
.mgT25 {margin-top:25px !important;}
.mgT30 {margin-top:30px !important;}
.mgT35 {margin-top:35px !important;}
.mgT40 {margin-top:40px !important;}
.mgT45 {margin-top:45px !important;}
.mgT50 {margin-top:50px !important;}

/*right*/
.mgR0 {margin-right:0px !important;}
.mgR5 {margin-right:5px !important;}
.mgR10 {margin-right:10px !important;}
.mgR15 {margin-right:15px !important;}
.mgR20 {margin-right:20px !important;}
.mgR25 {margin-right:25px !important;}
.mgR30 {margin-right:30px !important;}
.mgR35 {margin-right:35px !important;}
.mgR40 {margin-right:40px !important;}
.mgR45 {margin-right:45px !important;}
.mgR50 {margin-right:50px !important;}

/*bottom*/
.mgB0 {margin-bottom:0px !important;}
.mgB5 {margin-bottom:5px !important;}
.mgB10 {margin-bottom:10px !important;}
.mgB15 {margin-bottom:15px !important;}
.mgB20 {margin-bottom:20px !important;}
.mgB25 {margin-bottom:25px !important;}
.mgB30 {margin-bottom:30px !important;}
.mgB35 {margin-bottom:35px !important;}
.mgB40 {margin-bottom:40px !important;}
.mgB45 {margin-bottom:45px !important;}
.mgB50 {margin-bottom:50px !important;}
.mgB95 {margin-bottom:95px !important;}
.mgB100 {margin-bottom:100px !important;}

/*left*/
.mgL0 {margin-left:0px !important;}
.mgL5 {margin-left:5px !important;}
.mgL10 {margin-left:10px !important;}
.mgL15 {margin-left:15px !important;}
.mgL20 {margin-left:20px !important;}
.mgL25 {margin-left:25px !important;}
.mgL30 {margin-left:30px !important;}
.mgL35 {margin-left:35px !important;}
.mgL40 {margin-left:40px !important;}
.mgL45 {margin-left:45px !important;}
.mgL50 {margin-left:50px !important;}

/*Padding
－－－－－－－*/
.pd0 {padding:0px !important;}
.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}

/*top*/
.pdT0 {padding-top:0px !important;}
.pdT5 {padding-top:5px !important;}
.pdT10 {padding-top:10px !important;}
.pdT15 {padding-top:15px !important;}
.pdT20 {padding-top:20px !important;}
.pdT25 {padding-top:25px !important;}
.pdT30 {padding-top:30px !important;}
.pdT35 {padding-top:35px !important;}
.pdT40 {padding-top:40px !important;}
.pdT45 {padding-top:45px !important;}
.pdT50 {padding-top:50px !important;}

/*right*/
.pdR0 {padding-right:0px !important;}
.pdR5 {padding-right:5px !important;}
.pdR10 {padding-right:10px !important;}
.pdR15 {padding-right:15px !important;}
.pdR20 {padding-right:20px !important;}
.pdR25 {padding-right:25px !important;}
.pdR30 {padding-right:30px !important;}
.pdR35 {padding-right:35px !important;}
.pdR40 {padding-right:40px !important;}
.pdR45 {padding-right:45px !important;}
.pdR50 {padding-right:50px !important;}

/*bottom*/
.pdB0 {padding-bottom:0px !important;}
.pdB5 {padding-bottom:5px !important;}
.pdB10 {padding-bottom:10px !important;}
.pdB15 {padding-bottom:15px !important;}
.pdB20 {padding-bottom:20px !important;}
.pdB25 {padding-bottom:25px !important;}
.pdB30 {padding-bottom:30px !important;}
.pdB35 {padding-bottom:35px !important;}
.pdB40 {padding-bottom:40px !important;}
.pdB45 {padding-bottom:45px !important;}
.pdB50 {padding-bottom:50px !important;}

/*left*/
.pdL0 {padding-left:0px !important;}
.pdL5 {padding-left:5px !important;}
.pdL10 {padding-left:10px !important;}
.pdL15 {padding-left:15px !important;}
.pdL20 {padding-left:20px !important;}
.pdL25 {padding-left:25px !important;}
.pdL30 {padding-left:30px !important;}
.pdL35 {padding-left:35px !important;}
.pdL40 {padding-left:40px !important;}
.pdL45 {padding-left:45px !important;}
.pdL50 {padding-left:50px !important;}
.pdL55 {padding-left:55px !important;}

/*text-align*/

.taC {
    text-align: center;
}

.taR {
    text-align: right;
}

.taL {
    text-align: left;
}


/*bg*/

.bgWhite {
    background-color: #fff!important;
}

.bgPink1 {
    background-color: #fbecf3!important;
}

.bgPink2 {
    background-color: #f2c6dc!important;
}

.bgGray {
    background-color: #f2f2f2!important;
}


/*color*/

.fontDark {
    color: #76293d;
}

.fontPink {
    color: #bf3b78;
}

.fontWhite {
    color: #fff;
}


/*float*/

.flR {
    float: right;
}

.flL {
    float: left;
}


/*common*/

.imgBox img {
    width: 100%;
}

a:hover {
    text-decoration: underline;
}

.mincho {
    font-family: 'ipaexm';
    font-weight: bold;
}

.exLink:hover {
    cursor: pointer;
}

.exLink:hover img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.spLayout {
    display: none;
}

.section {
    min-width: 980px;
    margin: 0 auto;
}

.inner {
    width: 980px;
    min-width: 980px;
    margin: 0 auto;
    position: relative;
}

.linkArrow {
    padding-right: 20px;
    color: #bf3b78;
    background-image: url(/wp-content/themes/renew_02/common/img/link_arrow.png);
    background-position: right 0px;
    background-repeat: no-repeat;
    background-size: 14px;
}


/*header
------------------------------------------*/

header {
    background-color: #fff;
    z-index: 10;
    position: relative;
    min-width: 1200px;
}

.headerTop {
    padding-top: 15px;
}

.headerTop .lang li a img {
    width: 100%;
}

.headerTop .lang {
    position: absolute;
    right: 0;
    top: 10px;
}

.headerTop .lang li {
    margin-left: 10px;
}

.headerTop .lang li:first-child {
    margin-left: 0px;
}

.headerTop .lang li {
    width: 30px;
    height: 30px;
    display: block;
    float: left;
}

.headerTop .lang .active {
    background-color: #808080;
}

.headerTop .logo a {
    display: inline-block;
    margin-left: 335px;
}

.headerTop .headerTopInfo {
    position: absolute;
    left: 0;
    top: 35px;
}

.headerTop .headerTopInfo ul li {
    margin-bottom: 5px;
}

.headerTopContact {
    position: absolute;
    right: 160px;
    top: 60px;
    font-size: 14px;
    width: 100px;
    background-image: url(/wp-content/themes/renew_02/common/img/arrow_contact.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.headerTopContact a {
    color: #666666;
}

.headerTopMypage {
    position: absolute;
    right: 0px;
    top: 60px;
    font-size: 14px;
    width: 130px;
    background-image: url(/wp-content/themes/renew_02/common/img/arrow_mypage.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.headerTopMypage span {
    color: #a57a43;
    cursor: pointer;
}

.headerBottom {
    height: 30px;
    padding-top: 15px;
    position: static;
}

.headerBottom .gNav {
    width: 100%;
    height: 50px;
    height: 30px;
    display: table
}

.headerBottom .gNav > li {
    display: table-cell;
    text-align: center;
    width: 196px;
}

.headerBottom .gNav > li > a {
    color: #141414;
    text-decoration: none;
}

.headerBottom .gNav > .active {
    background-image: url(/wp-content/themes/renew_02/common/img/header_active_bg.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
}

.headerBottom .gNav > .active > a {
    color: #af2465;
}

.headerBottom .gNav > li > a {
    display: block;
    border-right: 1px solid #f7afbf;
}

.headerBottom .gNav > li > a:first-child {
    display: block;
    border-left: 1px solid #f7afbf;
}
.headerBottom .gNav > li > a:hover {
color: #bf3b78;
}

#headerBottomFixed {
    height: 40px;
    padding-top: 20px;
    display: none;
    background-color: #fff;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
}

#headerBottomFixed > ul > li > a {
    color: #141414;
    text-decoration: none;
}

#headerBottomFixed .active > a {
    color: #af2465;
}

.fixed {
    position: fixed;
}

#headerBottomFixed > .gNav > li:first-child {
    width: 50px;
}

#headerBottomFixed > .gNav > li:first-child a {
    border: none;
    position: relative;
    display: block;
    width: 60px;
}

#headerBottomFixed > .gNav > li:first-child img {
    position: absolute;
    top: -12px;
    left: 0px;
}

#headerBottomFixed > .gNav > li {
    width: 186px;
    float: left;
    padding-bottom: 20px;
}

#headerBottomFixed > .gNav >li > a {
    text-align: center;
    width: 185px;
    display: table-cell;
    height: 24px;
    border-right: 1px solid #f7afbf;
    vertical-align: middle;
}
#headerBottomFixed > .gNav >li > a:hover {
	color: #B32465;
}

#headerBottomFixed .inner {
    position: static;
}

#headerBottomFixed .headerHover {
    top: 59px;
    width: 100%;
}

.headerHover {
    text-align: left; /*-- 201711追記 --*/
    position: absolute;
    ;
    top: 125px;
    left: 0;
    width: 100%;
}

.headerHover > div {
    display: none;
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
    position: absolute;
    ;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
}

.headerHover .toCateTop {
    font-size: 20px;
    padding: 20px 0px 20px 25px;
    font-family: 'ipaexm';
    font-weight: bold;
    background-image: url(/wp-content/themes/renew_02/common/img/link_arrow.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.headerHover .toCateTop a {
    color: #bf3b78;
}

.headerHover ul {
    padding-left: 25px;
}

.headerHover ul li {
    margin-bottom: 15px;
    text-align: left;
}

.headerHover ul li a {
    font-family: 'ipaexm';
    font-weight: bold;
    color: #141414;
    font-size: 16px;
    text-align: left;
    cursor: pointer;
}
.headerHover ul li a span {
	display: block;
	margin-top: 10px;
}

.headerHover .inner {
    padding-bottom: 30px;
}

.headerHover .imgBox {
    padding: 20px 0 15px 0;
}

.headerHover .navCorporateHover .linkArrow {
    background-position: right 35px center;
    line-height: 1.4;
    color: #141414;
}

.headerHover .flR {
    font-size: 14px;
}
.headerHover .flR p {
    font-size: 14px!important;
}

.headerHover .flR a {
    color: #bf3b78;
}

.headerHover .flR span {
    display: block;
    cursor: pointer;
}

.headerHover .navCorporateHover .linkArrow a {
    color: #bf3b78;
}

#headerMypageOverlay {
    display: none;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 40000;
    cursor: pointer;
}

.headerMypageModalWin {
    display: none;
    position: fixed;
    top: 60px;
    left: 50%;
    width: 1090px;
    margin-left: -545px;
    background: #ffffff;
    z-index: 40001;
}

.headerMypageModalInner {
    position: relative;
    padding: 140px 160px;
}

.headerMypageModalClose {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    width: 30px;
    height: 30px;
}

.headerMypageModalClose img {
    width: 100%;
}

.headerMypageModalConts ul {
    margin-top: 60px;
}

.headerMypageModalConts ul li {
    float: left;
    width: 370px;
    margin-left: 30px;
}

.headerMypageModalConts ul li {
    float: left;
    width: 370px;
    margin-left: 30px;
}
.li_num3{
	margin: 35px 0 0 0 !important;
}

.headerMypageModalConts ul li img {
    width: 100%;
}

.headerMypageModalConts ul li:first-child {
    margin-left: 0;
}

.headerHover .navCorporateHover ul li.nav-child {

}

.headerHover .navCorporateHover ul li.nav-child a {
    font-size: 14px;
}

.headerHover .navCorporateHover ul li.nav-child:before {
    color: #999;
    content: '－';
    padding-right: 0.25em;
}

.menu_banner {
    width: 310px;
    display: flex;
}

.menu_banner a {
    margin-left: 5px;
}

/*footer
------------------------------------------*/

footer {
    min-width: 1200px;
    width: 100%;
}

.footerTop {
    background-color: #efefef;
    padding: 45px 0 30px 0;
    position: relative;
    margin-top: 120px;
}

.footerTop .category {
    width: 33%;
    float: left;
    height: 190px;
    padding-left: 50px;
    box-sizing: border-box;
}

.footerTop > ul > li > ul > li {
    margin-bottom: 10px;
}

.footerTop > ul > li > ul > li > a {
    color: #323232;
    font-size: 14px;
}

.footerTop .categoryName a {
    font-weight: bold;
    font-size: 16px!important;
    margin-bottom: 15px;
}

.footerTop .iso {
    text-align: center;
    position: relative;
    top: -20px;
}

.footerTop .iso img:first-child {
    margin-right: 20px;
}

.footerBottom {
    background-color: #f9e3ee;
    padding: 60px 0 100px;
}

.footerBottom .inner {
    position: relative;
}

.footerBottom .logo {
    width: 160px;
    position: absolute;
    left: 0;
    top: 0;
}

.footerBottom .logo img {
    width: 100%;
}

.footerBottom .copy {
    text-align: center;
    font-size: 13px;
}

.footerBottom ul {
    margin: 0px auto 30px auto;
    width: 100%;
    text-align: right;
}

.footerBottom ul li {
    padding: 0 10px 0 15px;
    border-left: 1px solid #4d4d4d;
    display: inline-block;
}

.footerBottom ul li:first-child {
    border: none;
}

.footerBottom a {
    font-size: 14px;
    color: #4d4d4d;
}

#pageTop {
    display: none;
    position: fixed;
    bottom: 100px;
    right: 50%;
    margin-right: -600px;
    z-index: 4;
}


/*lowBtn
------------------------------------------*/

.lowBtn {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin-top: 120px;
    background-color: #c2457f;
    padding: 7px 0;
    z-index: 3;
}

.lowBtn ul {
    display: table;
    text-align: center;
    width: 100%;
}

.lowBtn li {
    display: table-cell;
    text-align: center;
}


/*topicPath
------------------------------------------*/

#topicPath {
    margin-bottom: 45px;
}

#topicPath ul {
    margin-top: 25px;
}

#topicPath ul li {
    display: inline-block;
    font-size: 14px;
}

#topicPath ul li a {
    color: #bf3b78;
}

#topicPath ul li:before {
    content: " > ";
}

#topicPath ul li:first-child:before {
    content: "";
}


/*localNav
------------------------------------------*/

#localNav {
    background-color: #be3a77;
    height: 65px;
}

#localNav ul {
    display: table;
    border-left: 1px solid #fff;
    width: 980px;
}

#localNav ul li {
    display: table-cell;
    border-right: 1px solid #fff;
}

#localNav .hide {
    display: none;
}

#localNav .show {
    display: block;
}


/*body.menu-open {
    overflow: hidden;
}*/





.pc_only{
	display:block;
}

.smp_only{
	display:none;
}



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

.pc_only{
	display:none;

}

.smp_only{
	display:inline;
}

}


/* 汎用テンプレート */
.multi-purpose-template h2 {
    text-align: center;
    color: #af2465;
    font-size: 36px;
    line-height: 1.5;
    margin-bottom: 40px;
    padding-top: 60px;
    text-align: center;
    font-family: 'ipaexm';
    font-weight: bold;
}
#quality {
    line-height: 1.7;
    font-size: 18px;
    margin-left: 5px;
}
#quality dl {
	display: flex;
}
#quality dl dt {
	min-width: 180px;
}
#quality dl dt,
#quality dl dd {
	padding: 20px;
}
.sign {
	display: flex;
	justify-content: flex-end;
	margin-top: 80px;
}
.sign p {
	font-size: 16px;
	line-height: 1.66;
}
.form-note {
	font-size: 16px!important;
	line-height: 1.66;
	margin-top: 60px;	
}
.form-note a {
	text-decoration: underline;
}

@media only screen and ( max-width: 640px ) {
.multi-purpose-template h2 {
	font-size: 24px;
	font-weight: normal;
}
#quality dl {
	flex-direction: column;
}
#quality dl dt {
	min-width: 100%;
}	
#quality dl dt,
#quality dl dd {
	padding: 10px 0;
}
#quality dl + dl {
	margin-top: 30px;
}
.form-note {
	font-size: 14px!important;
	line-height: 1.6;
}
}