#promotionV2.pdtindexSlide {
  height: 20.6vw;
  min-height: 20.6vw; /* これが命 */
  overflow: hidden;
 }

/* ------------------------------------- */
/*   newheader2   */
/* ------------------------------------- */

#headWrapNew{
	width: 100% !important;
}

.hTop{
	width:100%;
	padding: 10px 0 10px;
	background: #ffffff;
}

.tagline{
	font-size: 10px;
	padding: 0 0 2px 0;
	background: #fff;
	text-align: left;
}
.tagline p,
.tagline h1{
	width:1022px;
	margin: 0 auto;
	font-size: 10px;
	font-weight: normal;
}


.hTopCont{
	width:1070px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.logoNew{
	width:365px;
}
.logoNew img{
	width: 100%;
	height: auto;
}
.logoNew h1{
	margin: 0 !important;
}
.hTopMenu.viewPC{
	width:calc(1070px - 485px);
	display: flex;
	justify-content: space-between;
}
.hTopMenu.viewSP{
	display: none;
}
.hTopMenu ul{
	display: flex;
	flex-wrap: wrap;
	margin-left: 20px;
	margin-bottom: 0;
	align-items: center;
}
.hTopMenu ul li{
	margin-left: 16px;
}
.hTopMenu ul:nth-last-of-type(1) li{
	margin-left: 13px;
}

.hTopMenu ul li.active{
	opacity: .8;
}
.hTopMenu ul li a{
	color: #666 !important;
	text-decoration: none;
	line-height: 25px;
	font-weight: bold;
}

.hTopLogin{
	width:275px;
}
.hTopLogin ul{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0;
	align-items: center;
	padding-top: 6px;
}
.hTopLogin ul li{
	width:27px;
	margin-left: 25px;
}
.hTopLogin ul li.loginbtn{
	width:89px;
	margin-left: 5px;
}

.hTopLogin ul li img{
	width: 100%;
	height: auto;
}


.hTopNews{
	margin-top: 0;
	background: #00abef;
	text-align: center;
	padding: 6px 20px;

}
.hTopNews a{
	display: inline-block;
	padding: 3px 10px;
	font-size: 11px;
	text-decoration: none;
	color: #fff !important;
	position: relative;
	overflow: visible;
}
.hTopNews a::after{
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	right: 0;
	top: 50%;
	transform: translate(0,-50%) rotate(45deg);
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}




#gnaviNew{
	width:100%;
	padding: 12px 0 10px;
	background: #d5ebfb;
	transition: all ease-in-out .2s;
	
	position: relative;
}

#gnaviNew a{
	color: #555 !important;
	text-decoration: none;
}
#gnaviNew > ul{
	width:1070px;
	margin: 0 auto;
	display: flex;

}
#gnaviNew > ul > li{
	width: 100%;
	cursor: pointer;
}
#gnaviNew > ul > li > a{
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	padding-top: 79px;
	cursor: pointer;
	/*pointer-events: none;*/
	position: relative;
	overflow: visible;

}
#gnaviNew > ul > li > a:hover::after{
	position: absolute;
	content: "";
	background: #70bffb;
	height: calc(tan(60deg) * 14px / 2);
	width: 20px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	bottom: -18px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 101;
}

#gnaviNew > ul > li > .gnaviNewIn{
	display: none;
	position: absolute;
	z-index: 100;
	padding: 15px 12px;
	width:100%;
	border-top: 3px solid #70bffb;
	background: #fff;
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	margin: 10px 0 0 0;
	
	top: 100px;
	left: 0;
}

.gnaviNewLists{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.otherMenu{
	
}


#gnaviNew > ul > li > .gnaviNewIn .gnaviNewListsBox{
	width: 75%;
	display: flex;
	flex-wrap: wrap;
}
#gnaviNew > ul > li > .gnaviNewIn .gnaviNewListsBox ul{
	width: 33%;
}
#gnaviNew > ul > li > .gnaviNewIn .gnaviNewListsBoxOther{
	width: 25%;
	border-left: 1px solid #ddd;
	padding-left: 15px;
}


#gnaviNew > ul > li > .gnaviNewIn .gnaviNewListsBoxOther ul{
	width: 100%;
}




	
#gnaviNew > ul > li > .gnaviNewIn ul > li{
	margin-bottom: 8px;
}
#gnaviNew > ul > li > .gnaviNewIn ul > li > a.mnew::after{
	content: "NEW";
	display: inline-block;
	padding: 2px 3px 3px;
	line-height: 100%;
	margin: -1px 0 0 5px;
	background: #D45CD7;
	color: #fff;
	font-size: 9px;
	border-radius: 3px;
	letter-spacing: .1em;
}
#gnaviNew > ul > li > .gnaviNewIn ul > li.hm2{
	margin-bottom: 8px;
	padding-left: 15px;
	position: relative;
}


#gnaviNew > ul > li.mno1 > a{
	background: url("../images/head/gnav_icon_01.png") no-repeat center top;
	background-size: auto 74px;
}
#gnaviNew > ul > li.mno2 > a{
	background: url("../images/head/gnav_icon_02.png") no-repeat center top;
	background-size: auto 74px;
}
#gnaviNew > ul > li.mno3 > a{
	background: url("../images/head/gnav_icon_03.png") no-repeat center top;
	background-size: auto 74px;
}
#gnaviNew > ul > li.mno4 > a{
	background: url("../images/head/gnav_icon_04.png") no-repeat center top;
	background-size: auto 74px;
}
#gnaviNew > ul > li.mno6 > a{
	background: url("../images/head/gnav_icon_06.png") no-repeat center top;
	background-size: auto 74px;
}




#gnaviNew > ul > li > .gnaviNewIn ul.otherMenu{
	

}
#gnaviNew > ul > li > .gnaviNewIn ul.otherMenu{
    margin-left: auto;
}


#gnaviNew > ul > li > .gnaviNewIn .otherMenuTitle{
	font-size: 12px;
	color: #888;
	padding-bottom: 12px;
	width: 100%;
}




/**/


/**/

.spMenu{
	display: none;
}



#footMenu{
	width: 100%;
	padding: 50px 0;
	background: rgba(213,235,251,0.2);
}

#footnaviNew{
	width: 1070px;
	overflow: hidden;
	border-radius: 20px;
	border: 1px solid #ccc;
	margin: 0 auto;
	padding: 0 0 0;
	background: #fff;
	transition: all ease-in-out .2s;

}
#footnaviNew a{
	color: #333 !important;
	text-decoration: none;
}
#footnaviNew > ul{
	width:100%;
	margin: 0 auto;
	display: block;

}
#footnaviNew > ul > li{
	width: 100%;
	position: relative;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding: 19px;
	transition: all .3s ease-in-out;

}
#footnaviNew > ul > li:nth-last-of-type(1){
	border-bottom: none;
}
#footnaviNew > ul > li.mactive{
	background: #d5ebfb;
}
#footnaviNew > ul > li::after{
	content: "";
	position: absolute;
	top: 13px;
	right: 10px;
	width:10px;
	height: 10px;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	transform: rotate(45deg);
	transition: all .2s ease-in-out;
}
#footnaviNew > ul > li.mactive::after{
	transform: rotate(225deg);
}
#footnaviNew > ul > li > a{
	display: block;
	text-align: left;
	font-weight: bold;
	font-size: 15px;
	padding-top: 0;
	cursor: pointer;
	background:none !important;

	pointer-events: none;
}
#footnaviNew > ul > li.mactive a{
	color: #333 !important;
}

#footnaviNew > ul > li > a:hover{
	opacity: .8;
}
#footnaviNew > ul > li > ul{
	display: none;
	position: relative;
	background: none;
	padding: 10px 0;
	width:100%;
	border-top: none;
	box-shadow: none;
	margin: 12px 0 0 0;
}
#footnaviNew > ul > li > ul > li{
	margin-bottom: 13px;
}
#footnaviNew > ul > li > ul > li > a{
	font-size: 15px;
	padding-left: 10px;
}
#footnaviNew > ul > li > ul > li > a::before{
	content: "- ";
}



#promotionV2{
	width:100%;
	/*box-shadow: 0 0 20px rgba(0,0,0,.1);*/
	background: #E3F2FD;
}



#promotionV2 div .promoCont{
	padding: 15px;
}

#promotionV2 div .promoCont .promoBanaNew{
	width:900px;
	display: block;
	margin: 0 auto;
	border-radius: 30px;
	overflow: hidden;
}
#promotionV2 div .promoCont .promoBanaNew a{
	display: block;
	width: 100%;
	height: 100%;
}







.promoTxtBox{
	width:100%;
	text-align: center;
	padding: 30px 0 0 0;
}
.promoIcon{
	margin-bottom: 15px;
}
.promoIcon span{
	background: #E7383B;
	padding: 7px 10px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}
.promoTitle{
	font-size: 38px;
	margin-bottom: 13px;
	font-weight: bold;
	line-height: 120%;
}
.promoTitle span{
	font-size: 16px;
	display: block;
	line-height: 18px;
}
.promoTxt{
	font-size: 15px;
	margin-bottom: 20px;
	
}
.promoBtn{
	font-size: 15px;
}
.promoBtn a{
	display: inline-block;
	border: 1px solid #999;
	padding: 12px 50px 12px 20px;
	background: #fff url("../images/promotion/promo_btn_plus.png") no-repeat right 10px center;
	background-size: 18px auto;
	border-radius: 30px;
	color: #666 !important;
	text-decoration: none;
	
}

.promo-prev{
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%) rotate(45deg);
	width:30px;
	height: 30px;
	border-left: 2px solid #666;
	border-bottom: 2px solid #666;
	cursor: pointer;
	z-index: 1;
}
.promo-next{
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%) rotate(45deg);
	width:30px;
	height: 30px;
	border-right: 2px solid #666;
	border-top: 2px solid #666;
	cursor: pointer;
	z-index: 1;
}



/*ホーム　リセット*/
.home .container {
    width: 100% !important;
}

.home #content {
    margin-top: 0;
    width: 100%;
	left: 0;
	float: none;
	padding:0;
}


/*ホームレイアウト*/

#homeBanas{
	background: #C0E5FF;
	padding: 40px 0 ;
}
#homeBanaCont {
	width:1090px;
	margin: 0 auto;
}

.homeBanaSlide{
	width:1090px;
	margin: 0 auto 0;
	position: relative;
}
.homeBanaSlide > ul {
	margin: 0 ;
}
.homeBanaSlide ul li{
	padding: 0 10px;
}
.homeBanaSlide ul li a img{
	width:100%;
	height: auto;
}


.homeBanaEvent{
	width:1070px;
	margin: 20px auto 20px;
	position: relative;
}
.homeBanaEvent ul li{
	padding: 0 0;
}
.homeBanaEvent ul li a img{
	width:100%;
	height: auto;
}




.homeBanaEvent2{
	width:1070px;
	margin: 40px auto 40px;
	position: relative;
}
.homeBanaEvent2 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:10px 2%;
}
.homeBanaEvent2 ul li{
	width: 49%;
}
.homeBanaEvent2 ul li a img{
	width:100%;
	height: auto;
}


.homeBanaEvent3{
	width:1070px;
	margin: 40px auto 0;
	position: relative;
}
.homeBanaEvent3 ul li{
	padding: 0 0;
}
.homeBanaEvent3 ul li a img{
	width:100%;
	height: auto;
}




.carbtn-prev{
	position: absolute;
	top: 50%;
	left: -13px;
	transform: translateY(-50%) rotate(45deg);
	width:24px;
	height: 24px;
	border-left: 3px solid #999;
	border-bottom: 3px solid #999;
	cursor: pointer;
	z-index: 1001;
}
.carbtn-next{
	position: absolute;
	top: 50%;
	right: -13px;
	transform: translateY(-50%) rotate(45deg);
	width:24px;
	height: 24px;
	border-right: 3px solid #999;
	border-top: 3px solid #999;
	cursor: pointer;
	z-index: 1001;
}



.homeBanaBtm{
	width:1070px;
	margin: 20px auto 20px;
}
.homeBanaBtm.homeBanaList{
	margin: 20px auto 60px;
}
.homeBanaBtm ul{
	display: flex;
	justify-content: space-between;
}
.homeBanaBtm ul li{
	width:32%;
}
.homeBanaBtm ul li a{
	display: block;
}
.homeBanaBtm ul li a img{
	width:100%;
	height: auto;
}


#homeBlogmenu{
	background: #ffffff;
	padding: 40px 0 ;
}
#homeBlogmenuCont {
	width:1070px;
	margin: 0 auto;
}

#homeBlogmenuCont h2{
	margin-bottom: 40px;
	text-align: center;
	font-size: 38px;
	font-weight: 400;
	letter-spacing: .1em;
	color: #333;
}


#homeNewProducuts,
#homeNewProducutsBest5,
#homeSnsarea{
	background: #ffffff;
	padding: 40px 0 ;
}
#homeNewProducutsBest5Cont ,
#homeNewProducutsCont  ,
#homeSnsareaCont {
	width:1070px;
	margin: 0 auto;
}

#homeNewProducutsBest5Cont h2,
#homeNewProducutsCont h2,
#homeSnsareaCont h2{
	margin-bottom: 40px;
	text-align: center;
	font-size: 38px;
	font-weight: 400;
	letter-spacing: .1em;
	color: #333;
}





#homeCatmenu{
	background: #ffffff;
	padding: 40px 0 ;
}
#homeCatmenuCont {
	width:1070px;
	margin: 0 auto;
}
#homeCatmenuCont h2{
	margin-bottom: 40px;
	text-align: center;
	font-size: 38px;
	font-weight: 400;
	letter-spacing: .1em;
	color: #333;
	margin-top: 0;
}




.homeCatmenuImg{
	
}
.homeCatmenuImg ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.homeCatmenuImg ul li{
	width:32%;
	margin: 0 1.33333% 20px 0;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background:rgba(255,49,203,1.00);
}
.homeCatmenuImg ul li a{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;

}

.homeCatmenuImg ul li img{
	height: auto;
	display: block;
	width:55%;
}
.homeCatmenuImg ul li picture{
	width:55%;
}
.homeCatmenuImg ul li picture source{
}
.homeCatmenuImg ul li picture img{
	height: auto;
	display: block;
	width: 100%;

}
.homeCatmenuImg ul li .catCap{
	width:45%;
	padding: 10px;
	color: #fff;
	background:rgba(255,49,203,1.00);
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	position: relative;
}
.homeCatmenuImg ul li .catCap::after{
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	bottom: 10px;
	right: 10px;
}






.homeBlogImg{
	
}
.homeBlogImg ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.homeBlogImg ul li{
	width:32%;
	margin: 0 1.33333% 20px 0;
	position: relative;
}
.homeBlogImg ul li img{
	width:100%;
	height: auto;
}
.homeBlogImg ul li{
	display: block;
}
.homeBlogImg ul li a{
	cursor: pointer;
	text-decoration: none;
}
.homeBlogImg ul li .catCap{
	padding: 0 0 10px;
	color: #666;
	text-align: left;
	font-size: 16px;
	line-height: 140%;
	font-weight: bold;
	position: relative;
	text-decoration: underline;
}





.thDate{
	color: #666;
	padding: 6px 0 10px;
	z-index: 1;
	font-size: 14px;
	text-decoration: none !important;
}

#homeBlogmenu .homeCatmenuImg ul li .catCap,
#homeNewProducuts .homeCatmenuImg ul li .catCap,
#homeNewProducutsBest5 .homeCatmenuImg ul li .catCap{
	background: rgba(0,150,255,0.70);
}

#homeBlogmenu .goListBtn,
#homeNewProducuts .goListBtn,
#homeNewProducutsBest5 .goListBtn{
	text-align: center;
}

#homeBlogmenu .goListBtn a,
#homeNewProducuts .goListBtn a,
#homeNewProducutsBest5 .goListBtn a{
	padding: 7px 50px 7px 30px;
    text-align: center;
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
    background: #ff16d6 url(../images/page/icon_arrow.png) no-repeat right 15px center;
    background-size: 12.5px auto;
    border-radius: 50px;
}

.goListBtn{
	text-align: center;
}

.goListBtn a{
	padding: 7px 50px 7px 30px;
    text-align: center;
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
    background: #ff16d6 url(../images/page/icon_arrow.png) no-repeat right 15px center;
    background-size: 12.5px auto;
    border-radius: 50px;
}


.homeTwitter{
	width:600px;
	margin: 0 auto;
}



.homeCatMenuList{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.homeCatMenuList ul{
	width:25%;
}
.homeCatMenuList ul li{
	margin-bottom: 5px;
}

#homeCatmenuCont .homeCatMenuList ul li h2 {
    margin-bottom: 0;
    text-align: left;
    font-size: auto;
    font-weight: 400;
    letter-spacing: .0;
    color: #333;
}

#homeCatmenuCont .homeCatMenuList ul li h3 {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: none;
    font-weight: normal;
    font-size: auto;
    line-height: 120%;
    background: none;
    padding: 0 0 0 0;
	letter-spacing: 0;
	
}
#homeCatmenuCont .homeCatMenuList ul li h4 {
    font-weight: normal;
}




.homeCatMenuList ul li a{
	color: #333 !important;
	text-decoration: none;
	display: block;
	font-size: 14px;
	line-height: 140%;
}
.homeCatMenuList ul li.homeCatMenuListTitle a{
	color: #57b7ff !important;
	display: block;
	font-weight: bold;
	padding: 25px 0 5px;
	font-size: 17px;
}
.homeCatMenuList ul li a:hover{
	text-decoration: underline !important;
}


#homeNews{
	background: #e7f5ff;
	padding: 40px 0 ;
}
#homeNewsCont {
	width:1070px;
	margin: 0 auto;
}
#homeNewsCont h2{
	margin-bottom: 40px;
	text-align: center;
	font-size: 38px;
	font-weight: 400;
	letter-spacing: .1em;
	color: #333;
}
#homeNewsCont .homeNewsLists{
	display: flex;
	justify-content: center;
}
#homeNewsCont .homeNewsList{

}
#homeNewsCont dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0;
}
#homeNewsCont dl dt{
	width:140px;
	margin: 0 0 30px;
	font-weight: normal;
}
#homeNewsCont dl dd{
	margin: 0 0 30px;
}

#homeNewsCont dl dd a{
	text-decoration: none !important;
	color: #333 !important;
	font-weight: bold;
}

/*カテゴリindexページ*/

.pdtListMenu{
	padding: 60px 0;
}
.pdtListMenu ul{
	
}
.pdtListMenu ul li{
	margin-bottom: 15px;
}
.pdtListMenu ul li a{
	color: #333 !important;
	text-decoration: none;
	display: block;
	position: relative;
	padding: 0 0 0 17px;
}
.pdtListMenu ul li a::before{
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	top: 3px;
	left: 0;
	border-top:1px solid #ccc;
	border-right: 1px solid #ccc;
	transform: rotate(45deg);
}



.home .container {
	margin-bottom: 0 !important;
}
.two-column,
.sidebar{
    margin-top: 30px !important;
}


/* ------------------------------------- */
/*   newheader   */
/* ------------------------------------- */
div.slider{
	opacity: 0;
	transition:all 1s ease-out !important;
}
.home {
	opacity: 1;
	transition: .3s ease-out !important;
	overflow-x: hidden;;
}
/*  全体  */
.onecolumn-cont{
	width:100% !important;
	padding: 20px 0 0 0;
}
.onecolumn-cont.onecolumn-lp{
	padding: 0 0 0 0;
}
.onecolumn-cont .row #content{
	/*width:1070px;*/
	margin: 0 auto;
	padding: 0;
	float: none;
}
.onecolumn-cont .row #content .catbox{
	width:1070px;
	margin: 0 auto;
	float: none;
}

.titleArea{
	background: #00abef;
	padding: 50px 0;
}
.titleArea h1{
	width:1070px;
	margin: 0 auto;
	color: #fff;
}
.one-column{
	width:1070px !important;
	left: inherit;
	margin: 0 auto;
	float: inherit;
}

.member_page_title {
    padding: 50px 0 52px 0;
    margin: 0 0 20px !important
		;
    height: auto;
    border-top: none;
    border-bottom: none;
    line-height: 100%;
    background-position: 0;
    background-repeat: no-repeat;
    background-color: #00abef;
    position: relative;
	
	color: #fff;
}
.page-title{
    margin: 0 0 0 0;
    height: auto;
    border-top: none;
    border-bottom: none;
    line-height: 100%;
    background-position: 0;
    background-repeat: no-repeat;
    background-color: #00abef;
    position: relative;
}
.member_page_title span,
.cart_page_title span,
.page-title span{
	display: block;
	width:1070px;
	margin: 0 auto;
	text-align: left;
	color: #fff;
}

#memberpages .loginbox p.submit {
	text-align: center;
}





/* ページ内リンク */
.pageTopMenu{
	padding: 10px 0;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 30px;

	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
}
.pageTopMenu li{
	display: inline-block;
}
.pageTopMenu li a{
	display: block;
	text-decoration: none;
	color: #666 !important;
	padding: 0 20px 0 15px;
	position: relative;
	font-weight: bold;
}
.pageTopMenu li a::before{
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 2px;
	width: 7px;
	height: 7px;
	border-top: solid 2px #d813b5;
	border-right: solid 2px #d813b5;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.newContTitle3{
}
.newContTitle3 h2{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 10px;
	line-height: 100%;
	border-bottom: 1px solid #e5e5e5;
}

.newPdtMenu{
	margin-bottom: 50px;
}



/*  ナビゲーション  */
#wrap{
	overflow:hidden;
	padding-top: 0;
}
#header{
	position: relative;
}
#headWrap{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	padding: 20px 0 20px;
}
#hLogo{
	width:22.4%;
	padding: 0 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
	vertical-align: bottom;
}
#hLogo img{
	width:90%;
	height: auto;
	vertical-align: bottom;
}

#gnavi{
	width:55.2%;
	position: relative;
}
#gnavi ul{
	font-size: 0;
	line-height: 100%;
}
#gnavi ul li{
	display: inline-block;
	border-left: 1px solid #ddd;
	font-size: 14px;
}
#gnavi ul li:nth-last-of-type(1){
	border-right: 1px solid #ddd;
}
#gnavi ul li a{
	display: block;
	padding: 5px 6px;
	line-height: 100%;
	font-size: 100%;
	color: #333 !important;
	text-decoration: none;
}
#gnavi ul li a:hover{
	background: #F0F0F0;
}
#hlogin{
	width:22.4%;
	min-height: 30px;
	white-space: nowrap;
}
#hloginTop{
	margin-bottom: 8px;
}
#hloginBtm{
	margin-bottom: 0;
}
#hloginTop ul,#hloginBtm ul{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
}
.hBtnCart{
	width:15%;
	text-align: center;
}
.hBtnCart.hBtnMypage{
	width:15%;
	margin-left: 12%;
	text-align: center;
}
.hBtnCart.hBtnMypage a{
	text-align: center;
}
.hBtnCart a{
	display: block;
	padding: 3px 0 0;
}
.hBtnCart img{
	width:19px;
	height: auto;
}
.hBtnLogin{
	width:36%;
	margin-right: 2%;
}
.hBtnLogin a{
	text-align: center;
	display: block;
	padding: 7px 10px 5px 22px;
	background: #e0e0e0 url("../images/head/head_icon_login.svg") no-repeat 5px center;
	background-size: 14px auto;
	line-height: 100%;
	font-size: 90%;
	color: #333 !important;
	text-decoration: none;
	font-weight: bold;
}
.hBtnLogin.hBtnMypage{
	width:73%;
	margin-right: 0%;
}
.hBtnLogin.hBtnMypage a{
	background: #e0e0e0 url("../images/head/head_icon_account.svg") no-repeat 5px center;
	background-size: 10px auto;
}
.hBtnLogin a:hover{
	background-color: #eee;
}
.hBtnAply{
	width:47%;
}
.hBtnAply a{
	text-align: center;
	display: block;
	padding: 7px 10px 5px 18px;
	background: #ff16d6 url("../images/head/head_icon_aply.svg") no-repeat 3px center;
	background-size: 14px auto;
	line-height: 100%;
	font-size: 90%;
	color: #fff !important;
	text-decoration: none;
	font-weight: bold;
}
.hBtnAply a:hover{
	background-color: #ff64e4;
}

.hBtnTwi{
	width:15%;
	margin-left: 12%;
}
.hBtnTwi a{
	display: block;
	text-align: center;
}
.hBtnTwi a img{
	width:24px;
	height: 24px;
}

.hBtnContact{
	width:73%;
}
.hBtnContact a{
	display: block;
	border-radius: 20px;
	padding: 5px 10px 5px 25px;
	color: #fff !important;
	text-decoration: none;
	font-weight: bold;
	line-height: 100%;
	font-size: 100%;
	background: #ff16d6 url("../images/head/head_icon_contact.svg") no-repeat 12px center;
	background-size: 14px auto;
	text-align: center;
}
.hBtnContact a:hover{
	background-color: #ff64e4;
}


#gnavi ul li.hMTlist .gnaviHover{
	opacity: 0;
	pointer-events: none;
}
#gnavi ul li.hMTlist:hover .gnaviHover{
	opacity: 1;
	pointer-events: auto;
}

#gnavi ul > li.hMTlist{
	position: relative;
}
 
/* Submenu */



#gnavi ul.gnaviList{
	position: absolute;
	left: 0;
	bottom: 0;
}

#gnavi ul li.hMTlist .gnaviHover{
	position: absolute;
	bottom: inherit;
	top: 100%;
	left: -60px;
	z-index: 2000;
	padding: 45px 20px 10px 10px !important;
	transition-duration: .3s;

	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
}
#gnavi ul li.hMTlist:nth-of-type(1) .gnaviHover{width:900px;}
#gnavi ul li.hMTlist:nth-of-type(2) .gnaviHover{width:800px;}
#gnavi ul li.hMTlist:nth-of-type(3) .gnaviHover{width:700px;}
#gnavi ul li.hMTlist:nth-of-type(4) .gnaviHover{width:530px;}

#gnavi ul li.hMTlist .gnaviHover .gmenuIcon{
	width: 50px;
	margin-top: -5px;
	margin-bottom:10px;
	margin-left: 0;
	
}
#gnavi ul li.hMTlist .gnaviHover .gmenuIcon img{
	width: 39px;
	height: auto;
}
#gnavi ul li.hMTlist .gnaviHover ul{
	width:90%;
}
#gnavi ul li.hMTlist .gnaviHover ul:nth-of-type(2){
	margin-left: 50px;
}
.gnaviListBg{
	display: none;
	position: absolute;
	bottom: inherit;
	top: 100%;
	left: 0%;
	background: rgba(0,28,78,.96);
	width:100%;
	height: 100px;
	
	z-index: 2000;
}
#gnavi ul li.hMTlist:hover::before{
	content: "";
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-top: 7px solid rgba(255,255,255,1);
	position: absolute;
	left: 31px;
	bottom: -33px;
	z-index: 2003;
	margin-left: -7px;
}

#gnavi ul li.hMTlist ul{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	
	margin-bottom: 20px;
	
}
#gnavi ul li.hMTlist ul li{
	border: none;
	display: block;
	color: #fff;
	font-weight: bold;
}
#gnavi ul li.hMTlist:nth-of-type(1) ul li{width: 33.333333%;}
#gnavi ul li.hMTlist:nth-of-type(2) ul li{width: 33.333333%;}
#gnavi ul li.hMTlist:nth-of-type(3) ul li{width: 33.333333%;}
#gnavi ul li.hMTlist:nth-of-type(4) ul li{width: 33.333333%;}

#gnavi ul li.hMTlist ul li.gnaviListTitle{
	margin-bottom: 12px;
	font-size: 14px;
	border-left: 3px solid #51a9ec;
	padding: 0 0 0 10px;
	margin-bottom: 10px;
	width:100%;
}
#gnavi ul li.hMTlist ul li a::before{
	content: ">";
	position: absolute;
	top: 0;
	left: 0;
	width:10px;
	height: 10px;
	display: block;
	padding: 0 5px 0 0;
	vertical-align: middle;
	font-size: 10px;
	color: #d813b5;
	font-weight: bold;
}
#gnavi ul li.hMTlist ul li a{
	display: block;
	width:100%;
	margin-right: 2%;
	margin-bottom: 8px;
	vertical-align: middle;
	position: relative;
	border: none;
	padding: 0 0 0 14px;
	color: #fff !important;
	vertical-align: middle;
	display: block;
	font-size: 14px;
	font-weight: normal;
}

#gnavi ul li.hMTlist ul li a:hover{
	color: #fff !important;
	transition-duration: .3s;
	background: transparent;
}

#rSideMenu{
	position: fixed;
	right: 0;
	top: 67px;
	z-index: 2100;
}
.rSideBtn{
	width:77px;
	padding-left: 25px;
	transition: .2s;
}
.rSideBtn img{
	width:100%;
	height: auto;
	display: block;
	cursor: pointer;
	transition: .2s;
}
#rSideMenu ul{
	width:77px;
	padding: 5px 0 0 5px;
	background: #264bc3;
}
#rSideMenu ul li{
	padding-bottom: 5px;
	text-align: center;
}
#rSideMenu ul li img{
	width:100%;
	height: auto;
}
#rSideMenu ul li:nth-last-of-type(1) img{
	width:26px;
	height: auto;
}


#gnavi > .gnaviWrap > ul.spMTop,#gnavi > .gnaviWrap > ul.spMMdl,#gnavi > .gnaviWrap > ul.spMBtm{
	display: none;
}


.slides li img{
	width:1070px !important;
	height: auto !important;
}
.slick-prev, .slick-next{
	z-index: 99999 !important;
	width:40px !important;
	height: 40px !important;

	box-shadow: 3px 3px 0 rgba(0,0,0,.2);
	border-radius: 30px;
	background: #fff !important;
}
.slick-prev{
	left: 90px !important;
}
.slick-next{
	right: 90px !important;
}
.slick-prev::before,.slick-next::before{
	padding: 0 !important;
		position: absolute;
		top:0 !important;
		left: 0 !important;
		content: "" !important;

}


.slick-next::before{
	width: 0;
	height: 0;
	border-left: 7px solid rgba(0,0,0,.4);
	border-right: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-top: 7px solid transparent;
	position: absolute;
	left: 60% !important;
	top: 36% !important;
	z-index: 2003;
	margin-left: -7px;
}
.slick-prev::before{
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid rgba(0,0,0,.4);
	border-bottom: 7px solid transparent;
	border-top: 7px solid transparent;
	position: absolute;
	left: 40% !important;
	top: 36% !important;
	z-index: 2003;
	margin-left: -7px;
}



#promotionV2 .slick-slide{
	pointer-events: none !important;
	opacity: 1;
}
#promotionV2 .slick-center{
	pointer-events: visible !important;
	opacity: 1;
}
#promotionV2 .slick-active{
	pointer-events: visible !important;
	opacity: 1;
}
#promotion{
	background: #ddd;
}




.mitsumoriBtn {
	text-align: center;
}
.mitsumoriBtn a{
	background: #fff url("../images/page/mitsumori_icon.jpg") no-repeat left 20px center;
	background-size: 30px auto;
	display: inline-block;
	padding: 20px 20px 20px 70px;
	font-size: 14px;
	font-weight: bold;
	border: 2px solid #ff00d1;
	color: #333 !important;
	text-decoration: none;
	line-height: 180%;
}
.mitsumoriBtn a span{
	color:#ff00d1;
	display: inline-block;
	font-size: 24px;
}


.mitsumoriTab{
	margin-top: 40px;
}
.mitsumoriTab ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 40px;
}
.mitsumoriTab ul li{
	width:32%;
	position: relative;
}
.mitsumoriTab ul li.active::before{
	content: "";
	position: absolute;
	width:14px;
	height: 14px;
	bottom: -16px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	border-bottom: 2px solid #ff00d1;
	border-right: 2px solid #ff00d1;
}
.mitsumoriTab ul li a{
	display: block;
	padding: 15px 0;
	text-align: center;
	font-size: 20px;
	background: #ff00d1;
	color: #fff;
	border: 3px solid #ff00d1;
	cursor: pointer;
}
.mitsumoriTab ul li.active a{
	background: #fff;
	color: #ff00d1;
	border: 3px solid #ff00d1;
}
.tabContents {
  display: none;
}
.tabContents.active {
  display: block;
}

.mitsumoriChartArea{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.mitsumoriChartArea .uc{
	font-size: 32px;
	padding: 120px 0;
	text-align: center;
	font-weight: bold;
	width: 100%;
}
.mitsumoriChart{
	width:48%;
}


.mitsumoriChart table th,
.mitsumoriChart table td{
	font-size: 15px !important;
	padding: 5px 5px;
}

.mitsumoriChart table td:nth-of-type(2n+1){
	background: #fffede;
}
.mitsumoriChart ul{
	margin-left: 1.2em;
}
.mitsumoriChart p{
	
}
.mitsumoriChart ul li{
	list-style-type: "・";
	margin-bottom: 14px;
	line-height: 160%;
}
.mitsumorihcarttxt{
	background: #f9f9f9;
	padding: 24px;
}


body.no-scroll {
    overflow: hidden;
}


.viewSP{
	display: none;
}
.viewPC{
	display: block;
}


@media (max-width:767px){
.viewSP{
	display: block;
}
.viewPC{
	display: none;
}

	
	#promotionV2 {
		  height: 119vw;
		  min-height: 119vw; /* これが命 */
		  overflow: hidden;
	 }
	#wrap{
		overflow:hidden;
		padding-top: 51px;
	}
	
	#headWrap{
		box-shadow: 0 0 5px rgba(0,0,0,.4);
		width:100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 2200;
		background: #fff;
	}
	body.no-scroll {
		overflow: hidden !important;
	}


	


	/*  全体  */
	#main.onecolumn-cont{
		width:100% !important;
		/*メニューありpadding: 40px 0 0 0 !important;*/
		padding: 0 0 0 0 !important;
	}
	.onecolumn-cont .row #content{
		width:100% !important;
		margin: 0 auto;
		float: none;
	}
	.onecolumn-cont .row #content .catbox{
		width:100% !important;
		margin: 0 auto;
		float: none;
	}
	.titleArea{
		background: #00abef;
		padding: 20px 0;
	}
	.titleArea h1{
		width:94%;
		font-size: 24px
	}
	.member_page_title,
	.cart_page_title,
	.page-title{
		background: #00abef;
		padding: 20px 0;
	}
	.member_page_title span,
	.cart_page_title span,
	.page-title span{
		width:94%;
		font-size: 24px !important;
	}

	.one-column{
		width:100% !important;
		padding: 0 10px;
	}

	/* ページ内リンク */
	.pageTopMenu{
		margin-bottom: 10px;
	}

	.newContTitle3 h2{
		font-size: 18px;
		margin-bottom: 10px;
		padding-bottom: 5px;
	}
	.newPdtMenu{
		margin-bottom: 40px;
	}



	/*  ナビゲーション  */

	#main{
		padding-top: 0;
	}
	.home #main{
		padding-top: 0;
	}
	#gnavi{
		display: none;
	}
	#hlogin{
		display: none;
	}
	#rSideMenu{
		display: none;
	}
	
	#hLogo{
		width:100%;
		padding: 0 3% !important;
		font-size: 12px !important;

	}
	#hLogo img{
		width:auto;
		height: 30px;
	}



	/*ハンバーガーメニュー*/
	#panel-btn {
		display: inline-block;
		position:fixed;
		width:40px;
		height: 44px;
		/* メニューあり top:-5px; */
		top:0;
		right:5px;
		margin: 0 0 0;
		cursor:pointer;
		z-index:2201 ;
		
	}
	#panel-btn::after {
		content: "メニュー";
		font-size: 10px;
		color: #999;
		position: absolute;
		display: block;
		bottom: 0;
		left: 0;
		width:100%;
		line-height: 100%;
		text-align: center;
		letter-spacing: -.1em;
		padding-bottom: 3px;
	}
	#panel-btn-icon {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 30px;
		height: 2px;
		margin: -4px 0 0 -15px;

		background: #999;
		transition: .2s;

	}
	#panel-btn-icon:before, #panel-btn-icon:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 30px;
		height: 2px;
		margin-left: -15px;
		background: #999;
		transition: .3s;

	}
	#panel-btn-icon:before {
		margin-top: -8px;
	}
	#panel-btn-icon:after {
		margin-top: 6px;
	}

	#panel-btn .close {
		background: transparent;
		opacity: 1;

	}
	#panel-btn .close:before, #panel-btn .close:after {
		margin-top: -2px;
		background: #999;
		width: 34px;
	}
	#panel-btn .close:before {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	#panel-btn .close:after {
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
	}




	/*MENU*/
	#gnavi{
		position: fixed;
		top: 0;
		left: 0;
		bottom: inherit;
		transition: 0;
		width: 100%;
		height:100%;
		background: rgba(0,0,0,.7);
		
		z-index: 2300;

		overflow-y: scroll;
		
		

	}
	#gnavi .gnaviWrap{
		position: relative;
		width:82%;
		background: #f7f7f7;
		overflow-y: auto;
		padding: 0 0 20px;
		min-height: 100%;
	}
	
	#gnavi > .gnaviWrap > ul{
		position: relative;
		width:100%;
		overflow-y: auto;
		padding: 0 0 0;
	}
	#gnavi ul li{
		display: block;
	}
	#gnavi > .gnaviWrap > ul.gnaviList{
		border-top: 1px solid #ddd;
	}
	#gnavi ul li.hMTlist{
		display: block;
		position: relative;
		font-size: 15px;
		transition: .3s;
	}

	#gnavi ul li.hMTlist > a::before {
		content: "";
		display: block;
		position: absolute;
		top: 14px;
		right: 5%;
		width: 8px;
		height: 8px;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		transform: translateX(-50%) rotate(135deg);
		pointer-events: none;
	}
	#gnavi ul li.hMTlist .gnaviHover{
		position: relative;
		width:100%;
		overflow-y: auto;
		padding: 0 0 0 !important;
		display: none;
		background: #fff;
		width:100%;
		left: 0;
	}
	#gnavi ul li.hMTlist:hover::before{
			display: none;
	}
	#gnavi ul li.hMTlist .gnaviHover{
		width: 100% !important;
	}
	#gnavi ul li.hMTlist .gnaviHover ul:nth-of-type(2){
		margin-left: 0;
	}

	#gnavi ul li.hMTlist .gnaviHover .gmenuIcon{
		display: none;
	}

	/*#gnavi ul li.hMTlist:nth-of-type(4) > a::before,#gnavi ul li.hMTlist:nth-of-type(5) > a::before {
		content: "";
		display: block;
		position: absolute;
		top: 14px;
		right: 6%;
		width: 8px;
		height: 8px;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		transform: translateX(-50%) rotate(45deg);
	}*/
	#gnavi ul li.hMTlist a{
		pointer-events: none;
		border-bottom: 1px solid #ddd;
		padding: 16px 12px;
		display: block;
	}
	
	/*#gnavi ul li.hMTlist:nth-of-type(4) a,#gnavi ul li.hMTlist:nth-of-type(5) a {
		pointer-events:visible;
	}*/

	#gnavi ul li.hMTlist ul{
		background: #fff;
		transition: .3s;
	}
	#gnavi ul li.hMTlist ul::before{
		content: "";
		display: none;
		
	}
	#gnavi ul li.hMTlist ul{
		opacity: 1;
		position: relative;
		box-shadow: 0 0 0 rgba(255,255,255,0);
		border: none;
		padding: 5px 0 0 0 !important;
	}
	#gnavi ul li.hMTlist ul li {
		margin-right: 0;
		margin-bottom: 0;
		color: #333 !important;
		padding: 6px;
		
		width:100% !important;
	}
	#gnavi ul li.hMTlist ul li{width: 100%;}

	#gnavi ul li.hMTlist ul li.gnaviListTitle{
		margin:10px 0 10px 10px;
		padding: 0 0 0 10px;
		font-size: 14px;
	}
	#gnavi ul li.hMTlist ul li::before {
		left: 8px;
		top:12px;
		width: 10px;
		height: 8px;
		display: block;
		padding: 0 5px 0 0;
		margin-top: -2px;
		vertical-align: middle;
		font-size: 10px;
		color: #01a8ed;
		font-weight: bold;
	}
	#gnavi ul li.hMTlist ul li a{
		font-size: 80%;
		display: block;
		padding: 0 8px 0 18px;
		color: #333 !important;
		margin-bottom: 0;
		pointer-events: auto;
	}

	#gnavi > .gnaviWrap > ul.spMTop,#gnavi > .gnaviWrap > ul.spMMdl{
		display: block;
	}

	#gnavi > .gnaviWrap > ul.spMTop{
		background: #264bc3;
		text-align: center;
		padding: 10px 0;
	}
	#gnavi > .gnaviWrap > ul.spMTop li{
		display: inline-block;
		font-size: 0;
		padding: 0 2px;
		border: none;
		width:24%;
	}
	#gnavi > .gnaviWrap > ul.spMTop li img{
		width:100%;
		height: auto;
	}
	#gnavi > .gnaviWrap > ul.spMTop li a{
		padding: 0;
	}
	#gnavi > .gnaviWrap > ul.spMMdl{
		background: #467ad0;
		text-align: center;
		padding: 10px 0;
		display : -webkit-box;     /* old Android */
		display : -webkit-flex;    /* Safari etc. */
		display : -ms-flexbox;     /* IE10        */
		display : flex;
		-webkit-flex-wrap: wrap;          /* Safari etc. */
		-ms-flex-wrap    : wrap;          /* IE10        */
		flex-wrap        : wrap;
		justify-content: center;
		
	}
	#gnavi > .gnaviWrap > ul.spMMdl li{
		display: block;
		border-left: 1px solid #eee;
		width:24%;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		background-color: white;

	}
	#gnavi > .gnaviWrap > ul.spMMdl li:nth-last-of-type(1){
		border-right: 1px solid #eee;
	}
	#gnavi > .gnaviWrap > ul.spMMdl li a{
		padding: 3px;
	}
	#gnavi > .gnaviWrap > ul.spMMdl li a img{
		width:100%;
		height: auto;
	}
	
	#gnavi > .gnaviWrap > ul.spMBtm{
		text-align: center;
		padding: 20px 0 0 0;
		display : -webkit-box;     /* old Android */
		display : -webkit-flex;    /* Safari etc. */
		display : -ms-flexbox;     /* IE10        */
		display : flex;
		-webkit-flex-wrap: wrap;          /* Safari etc. */
		-ms-flex-wrap    : wrap;          /* IE10        */
		flex-wrap        : wrap;
		justify-content: center;
		
	}
	#gnavi > .gnaviWrap > ul.spMBtm li{
		display: block;
		border-left: none;
		width:12%;


	}
	#gnavi > .gnaviWrap > ul.spMBtm li:nth-last-of-type(1){
		border-right: none;
	}
	#gnavi > .gnaviWrap > ul.spMBtm li a{
		padding: 3px;
	}
	#gnavi > .gnaviWrap > ul.spMBtm li a img{
		width:100%;
		height: auto;
	}




	.slides li img{
		width:100% !important;
		height: auto !important;
	}
	.slick-prev, .slick-next{
		z-index: 99999 !important;
		width:20px !important;
		height: 20px !important;

		box-shadow: 1px 1px 5px rgba(0,0,0,.2);
		border-radius: 30px;
		background: #fff !important;
		top:inherit !important;
		bottom: -34px !important;
	}
	.slick-prev{
		left: 2px !important;
	}
	.slick-next{
		right: 2px !important;
	}
	.slick-prev::before,.slick-next::before{
		padding: 0 !important;
			position: absolute;
			top:0 !important;
			left: 0 !important;
			content: "" !important;

	}


	.slick-next::before{
		width: 0;
		height: 0;
		border-left: 4px solid rgba(0,0,0,.4);
		border-right: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-top: 4px solid transparent;
		position: absolute;
		left: 65% !important;
		top: 32% !important;
		z-index: 2003;
		margin-left: -4px;
	}
	.slick-prev::before{
		width: 0;
		height: 0;
		border-left: 4px solid transparent;
		border-right: 4px solid rgba(0,0,0,.4);
		border-bottom: 4px solid transparent;
		border-top: 4px solid transparent;
		position: absolute;
		left: 35% !important;
		top: 32% !important;
		z-index: 2003;
		margin-left: -4px;
	}



	#promotionV2 .slick-slide{
		pointer-events: none !important;
		opacity: .6;
	}
	#promotionV2 .slick-active{
		pointer-events: visible !important;
		opacity: 1;
	}

	
	




	.mitsumoriBtn {
		text-align: center;
		margin-bottom: 40px;
	}
	.mitsumoriBtn a{
		background: #fff url("../images/page/mitsumori_icon.jpg") no-repeat left 10px center;
		background-size: 14px auto;
		display: inline-block;
		padding: 20px 10px 20px 30px;
		font-size: 16px;
		font-weight: bold;
		border: 2px solid #ff00d1;
		color: #333 !important;
		text-decoration: none;
		text-align: center;
	}
	.mitsumoriBtn a span{
		color:#ff00d1;
		display: inline-block;
	}

	

	.mitsumoriTab{
		margin-top: 40px;
	}
	.mitsumoriTab ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-bottom: 40px;
	}
	.mitsumoriTab ul li{
		width:32%;
		position: relative;
	}
	.mitsumoriTab ul li.active::before{
		content: "";
		position: absolute;
		width:14px;
		height: 14px;
		bottom: -16px;
		left: 50%;
		transform: translateX(-50%) rotate(45deg);
		border-bottom: 2px solid #ff00d1;
		border-right: 2px solid #ff00d1;
	}
	.mitsumoriTab ul li a{
		display: block;
		padding: 6px 0;
		text-align: center;
		font-size: 14px;
		background: #ff00d1;
		color: #fff;
		border: 3px solid #ff00d1;
		cursor: pointer;
		line-height: 130%;
	}
	.mitsumoriTab ul li.active a{
		background: #fff;
		color: #ff00d1;
		border: 3px solid #ff00d1;
	}
	.tabContents {
	  display: none;
	}
	.tabContents.active {
	  display: block;
	}

	.mitsumoriChartArea{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.mitsumoriChartArea .uc{
		font-size: 24px;
		padding: 60px 0;
		text-align: center;
		font-weight: bold;
		width: 100%;
	}
	.mitsumoriChart{
		width:100%;
	}


	.mitsumoriChart table th,
	.mitsumoriChart table td{
		font-size: 15px !important;
		padding: 5px 5px;
	}

	.mitsumoriChart table td:nth-of-type(2n+1){
		background: #fffede;
	}
	.mitsumoriChart ul{
		margin-left: 1.2em;
	}
	.mitsumoriChart p{

	}
	.mitsumoriChart ul li{
		list-style-type: "・";
		margin-bottom: 14px;
		line-height: 160%;
	}
	.mitsumorihcarttxt{
		background: #f9f9f9;
		padding: 15px;
	}



}








/*sideMenu*/

#sideMTop ul li ul{
	opacity: 0;
	pointer-events: none;
}
#sideMTop ul li:hover ul{
	opacity: 1;
	pointer-events: auto;
}

#sideMTop {
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: 0;
	border-left: 5px solid #e4e4e4;
	padding-left: 8px;
	
	position: relative;

}
#sideMTop  a{
	color: #424242 !important;
	text-decoration: none;
	display: block;
}
#sideMTop  a:hover{
}
#sideMTop > ul{
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	position: relative;
}
#sideMTop ul > li.sideMTitle a{
	display: block;
	position: relative;
	background: #fff url("../images/home/new/sidemenu/icon_ondemand.png") no-repeat 0 12px;
	background-size: 28px auto;
	padding: 20px 0 18px 34px;
	font-weight: bold;
	line-height: 100%;
}
#sideMTop::before{
	content: "";
	position: absolute;
	width:5px;
	height: 52px;
	top:0;
	left: -5px;
	background: #51a9ec;
	z-index: 1000;
}
#sideMTop ul > li.sideMTitle a:hover{
	background: #fff url("../images/home/new/sidemenu/icon_ondemand.png") no-repeat 0 12px;
	background-size: 28px auto;
}
#sideMTop ul > li.sideMTlist{
	display: block;
	position: relative;
	border-top: 1px solid #e4e4e4;
}
#sideMTop ul > li.sideMTlist::after{
	content: "";
	background: url("../images/home/new/sidemenu/menu_plus.png") no-repeat 0 0;
	background-size: 10px auto;
	position: absolute;
	right: 5px;
	top:22px;
	width:10px;
	height: 10px;
}
#sideMTop ul > li.sideMTlist > a{
	padding: 19px 0 19px 0;
	line-height: 100%;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
}
#sideMTop ul > li.sideMTlist > span{
	margin-left: 1.2em;
}
#sideMTop ul > li.sideMTlist:hover > a{
	background-color: #d1f2ff;
	color: #444;
}
 
/* Submenu */
 
#sideMTop ul li.sideMTlist ul{
	position: absolute;
	top: -5px;
	left: 99%;
	z-index: 2000;
	width:880px;
	background: #fff;
	padding: 15px 20px 10px 30px !important;
	border: 3px solid #e4e4e4;
	box-shadow: 5px 5px 0 rgba(0,0,0,.07);
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	transition-duration: .3s;
}
#sideMTop ul li.sideMTlist ul li{
	display: inline-block;
	width:30%;
	margin-right: 2%;
	margin-bottom: 12px;
	vertical-align: middle;
	position: relative;
}
#sideMTop ul li.sideMTlist ul li::before{
	content: "> ";
	position: absolute;
	top: 0;
	left: -12px;
	width:10px;
	height: 10px;
	display: block;
	padding: 0 5px 0 0;
	vertical-align: middle;
	font-size: 10px;
	color: #01a8ed;
	font-weight: bold;
}
#sideMTop ul li.sideMTlist ul li a{
	color: #444;
	vertical-align: middle;
	display: block;
}

#sideMTop ul li.sideMTlist ul li a:hover{
	color: #01a8ed !important;
	transition-duration: .3s;
}




#sideMBtm,#sideMBtm2,#sideMBtm3 {
	font-size: 14px;
	margin-bottom: 15px;
	border-left: 5px solid #e4e4e4;
	padding-left: 8px;
	position: relative;
}
#sideMBtm::before,#sideMBtm2::before,#sideMBtm3::before{
	content: "";
	position: absolute;
	width:5px;
	height: 52px;
	top:0;
	left: -5px;
	background: #51a9ec;
	z-index: 1000;
}

#sideMBtm > ul,#sideMBtm2 > ul,#sideMBtm3 > ul {
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}
#sideMBtm  a,#sideMBtm2  a,#sideMBtm3  a{
	color: #424242 !important;
	text-decoration: none;
	display: block;
}
#sideMBtm  a:hover,#sideMBtm2  a:hover,#sideMBtm3  a:hover{
	transition-duration: .3s;
}
#sideMBtm ul > li.sideMTitleAcryl,#sideMBtm3 ul > li.sideMTitleCloth,#sideMBtm2 ul > li.sideMTitleGoods{
	display: block;
	position: relative;
	padding: 20px 0 18px 34px;
	font-weight: bold;
	line-height: 100%;
}
#sideMBtm ul > li.sideMTitleAcryl{
	background: #fff url("../images/home/new/sidemenu/icon_acryl.png") no-repeat 0 12px;
	background-size: 28px auto;
}
#sideMBtm3 ul > li.sideMTitleCloth{
	background: #fff url("../images/home/new/sidemenu/icon_cloth.png") no-repeat 0 12px;
	background-size: 28px auto;
}
#sideMBtm2 ul > li.sideMTitleGoods{
	background: #fff url("../images/home/new/sidemenu/icon_goods.png") no-repeat 0 12px;
	background-size: 28px auto;
}
#sideMBtm ul > li.sideMTlist,#sideMBtm2 ul > li.sideMTlist,#sideMBtm3 ul > li.sideMTlist{
	display: block;
	position: relative;
	border-top: 1px solid #e4e4e4;
}
#sideMBtm ul > li.sideMTlist > a,#sideMBtm2 ul > li.sideMTlist > a,#sideMBtm3 ul > li.sideMTlist > a{
	padding: 9px 0 7px 0;
	line-height: 120%;
	display: block;
	text-transform: uppercase;
	background: #fff url("../images/home/new/sidemenu/menu_arrow.png") no-repeat right 0 top 11px;
	background-size: 9px auto;
	font-size: 13.5px;
}
#sideMBtm ul > li.sideMTlist > a:hover,#sideMBtm2 ul > li.sideMTlist > a:hover,#sideMBtm3 ul > li.sideMTlist > a:hover{
	background-color: #d1f2ff;
	color: #444;
}


@media (max-width: 767px) {
	#sideMTop ul li ul{
		display: block;
	}
	#sideMTop ul li:hover ul{
		display: block;
	}
	#sideMTop,#sideMBtm,#sideMBtm2 {
		font-size: 13px;
	}
	#sideMTop ul > li.sideMTlist::after{
		content: none;
	}
	#sideMTop ul > li.sideMTlist{
		margin-bottom: 4px;

	}
	#sideMTop ul > li.sideMTlist > a{
		padding: 10px 0 8px 0;
		line-height: 100%;
		display: block;
		text-transform: uppercase;
		font-weight: bold;
		background-color: #fafafa;
		background-position: 6px 8px !important;
		background-size: 22px auto !important;
	}
	#sideMTop ul li.sideMTlist ul{
		position: relative;
		top: inherit;
		left: inherit;
		z-index: 2000;
		width:100%;
		background: #fff;
		padding: 0 !important;
		border: none;
		box-shadow: 5px 5px 0 rgba(0,0,0,.0);
		opacity: 1;
	}
	#sideMTop ul li.sideMTlist ul li{
		display: block;
		width:100%;
		margin-right: 0;
		margin-bottom: 0;
		vertical-align: middle;
	}
	#sideMTop ul li.sideMTlist ul li{
		display: block;
		position: relative;
		border-top: 1px solid #e4e4e4;
	}
	#sideMTop ul li.sideMTlist ul li a{
		padding: 6px 0 4px 0;
		line-height: 120%;
		display: block;
		text-transform: uppercase;
		font-size: 12px;
		background: #fff url("../images/home/new/sidemenu/menu_arrow.png") no-repeat right 0 top 11px;
		background-size: 9px auto;
	}
	#sideMTop ul li.sideMTlist ul li::before{
		content: none;
	}

	#sideMTop ul li.sideMTlist ul li a:hover{
		color: #01a8ed !important;
	}

	#sideMBtm ul > li.sideMTlist > a,#sideMBtm2 ul > li.sideMTlist > a{
		padding: 6px 0 4px 0;
		line-height: 120%;
		display: block;
		text-transform: uppercase;
	}
	


}


/*ブログ*/
#breadcrumbArea{
	padding: 12px 0 10px;
	border-top: 2px solid #eee;
}
#breadcrumb{
	width:1070px;
	font-size: 12px;
	padding: 0;
	margin: 0 auto;
}
#breadcrumb li{
	display: inline-block;
	vertical-align: middle;
	vertical-align: top;
}
#breadcrumb li::after{
	content: " > ";
	display: inline-block;
	padding: 0 5px;
}
#breadcrumb li h1{
	font-size: 12px;
	font-weight: normal;
	vertical-align: top;
	margin: 0;
}
#breadcrumb li:nth-last-of-type(1)::after{
	display: none;
}
.blogContents{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
}
.blogL{
	width:100%;
	margin: 0 auto;
	padding: 30px 0 0 0;
}
.blogR{
	width:24%;
}
.blogPost{
	font-family: 'Noto Sans JP', sans-serif !important;
	margin-bottom: 100px;
	padding: 0 15%;
}


.blogTitle{
	font-size: 42px;
	text-align: center;
	margin-bottom: 50px;
}

.blogPostHead{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	background: #f7f7f7;
	padding: 30px;
	
	margin: 0 0 40px

}
.blogPostHead .snsbtnBox{
	width:80%;
	vertical-align: middle
}
.blogPostHead .entryDate{
	width:20%;
	vertical-align: middle;
	line-height: 28px;
}

.blogCat {
	width:80%;
	vertical-align: middle;
	text-align: left;
}
.blogCat a{
	display: inline-block;
	background: #264bc3;
	border-radius: 20px;
	padding: 4px 14px;
	color: #fff !important;
	text-decoration: none;
	vertical-align: middle;
}

.snsbtnBox{
	text-align: center;
	margin-bottom: 60px;
}
.snsbtnBox ul li{
	display: inline-block;
	margin-right: 6px;
	vertical-align: top;
}
.snsbtnBox ul li a{
	width:40px;
	height: 40px;
	background: #eee;
	display: block;
	border-radius: 50%;
	position: relative;
}
.snsbtnBox ul li a::before{
	position: absolute;
	display: block;
	width:100%;
	text-align: center;
	
	top: 50%;
	margin-top: -7px;
	font-size: 20px;

	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;

	
	color: #fff;
}
.snsbtnBox ul li.facebook a{background: #4065b4;}
.snsbtnBox ul li.facebook a::before{content: "\f09a";}

.snsbtnBox ul li.tweet a{background: #50abf1;}
.snsbtnBox ul li.tweet a::before{content: "\f099";}

.snsbtnBox ul li.googleplus a{background: #c90000;}
.snsbtnBox ul li.googleplus a::before{content: "\f0d5";}

.snsbtnBox ul li.hatena a{background: #00a3df;}
.snsbtnBox ul li.hatena a::before{content: "B!";
    font-weight: bold;
	font-family: Verdana, Geneva, "sans-serif";
}

.blogPost .section{
	margin-bottom: 60px;
}
.blogPost .section p{
	line-height: 190%;
	font-size: 16px;
	color: #444;
	margin-bottom: 30px;
}
.storycontent p {
	line-height: 190%;
	font-size: 16px;
	color: #444;
	margin-bottom: 30px;

}
.blogPost .read{
	font-size: 20px;
	margin-bottom: 50px;
	line-height: 190%;
	
}
.blogPost h3{
    padding: 50px 0 15px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    font-size: 24px;
    line-height: 120%;
    background: none;

	text-align: left;
	position: relative;
	
	
}



.blogPost .blogLinkList{
	background: #fff;
	border:2px solid #eee;
	padding: 20px 20px 10px 20px;
	margin-bottom: 70px;
}
.blogPost .blogLinkList h3{
    margin-top: 0;
    margin-bottom: 10px;
    border-bottom: none;
    font-weight: normal;
    font-size: 24px;
    line-height: 120%;
    background: none;
    padding: 0 0 0 0;
	text-align: center;
}


.blogPost .blogLinkList ul li{
	margin-bottom: 14px;
	font-size: 16px;
	line-height: 120%;
}
.blogPost .blogLinkList ul li:before{
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: "\f107";
	display: inline-block;
	padding: 0 6px; 0 0;
}
.blogPost .blogLinkList ul li a{
	
}

.blogPost .blogCampList ul{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;

}

.blogPost .blogCampList ul li{
    width: 24%;
    margin-right: 1%;
    margin-bottom: 10px;
}
.blogPost .blogCampList ul li:nth-of-type(4n){
	margin-right: 0;
}
.blogPost .blogCampList ul li img {
    width: 100%;
    height: auto;
}

.blogPost .blogChart{
	border-top: 1px solid #ddd;
}
.blogPost .blogChart th,.blogPost .blogChart td{
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
}





.chartBasic{
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
}
.cTxtGbc{
	background: #f2f2f2;
	text-align: center;
}
.chart0104Br {
    border-top: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
}
.chartBasic td {
    font-size: 15px;
    line-height: 15px;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin: 0;
    padding: 12px 14px 11px 14px;
    font-family: 'arial' !important;
}
.cBgB010401 {
    background: #f2f2f2;
    background-image: none;
	text-align: center;
}
.chartBasic tr td:nth-of-type(1).cBgB010401 {
    background: #f9f9f9;
}





.blogBack li{
	margin-bottom: 10px;
}
.blogBack li::before{
	content: "< ";
	display: inline-block;
	vertical-align: top;
	padding-right: 8px;
}

.blogSideArea{
	margin-bottom: 30px;
}
.blogSideArea li{
	padding: 14px 0;
	border-bottom: 1px solid #ccc;
}
.blogSideArea li::before{
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f105";
    display: inline-block;
    padding: 0 6px;
}


.blogSideTitle{
	padding: 0 0 10px;
	border-bottom: 2px solid #ccc;
	font-weight: bold;
}
.mainImage{
	width:1070px;
	margin: 0 auto 20px;
	border: 2px solid #f3f3f3;
}
.mainImage img{
	width:100%;
	height: auto;
	display: block;
}

.blogKanrenTitle{
	border-top: 1px solid #ccc;
	padding: 50px 0 0 0;
	text-align: center;
}

.blogArchiveArea{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	margin-bottom: 100px;
}
.blogArchiveList{
	width:32%;
	margin-right: 1.5%;
}
.blogArchiveList:nth-of-type(3n){
	margin-right: 0;
}
.blogArchiveImg{
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
	border-bottom: 1px solid #ddd;
	
	background-size:contain;
	background-position: center center;
	background-repeat: no-repeat;
	
	width:100%;
	height: 170px;
}
.blogArchiveImg img{
	width:100%;
	height: auto;
}
.blogArchiveList h3{
	font-size: 16px;
	font-weight: bold;
	padding: 0 7% 16px 7%;
	margin: 0;
	background: none;
	border: none;
	vertical-align: middle;
}
.blogArchiveList p{
	margin-bottom: 25px;
}
.blogArchiveList h3 .iconNew{
	display: inline-block;
	border-radius: 20px;
	padding: 4px 8px;
	line-height: 100%;
	font-size: 10px;
	margin-left: 5px;
	margin-top: -3px;
	background-color: #FF395F;
	color: #fff !important;
	vertical-align: middle;
}
.blogArchiveList a {
	color: #666 !important;
	text-decoration: none;
	padding: 0;
	border: 1px solid #ddd;
	display: block;
	height: 100%;
	overflow: visible;
}
.blogArchiveList a:hover{
	border: 1px solid #ccc;
	background: #FCFCFC;
}
.blogCatIcon{
	text-align: left;
	margin-left: -5px;
	margin-top: -20px;
	position: relative;
	z-index: 10;
}
.blogCatIcon span{
	line-height: 100%;
	display: inline-block;
	background: #264bc3;
	padding: 6px 9px;
	font-size: 12px;
	color: #fff;
	border-radius: 3px;
}
.blogDate{
	padding: 0 7% 8px;
	font-size: 12px;
	text-align: right;
}
.blogEx{
	padding: 0 7%;
}




.storycontent {
    /* margin-top: 5px; */
    margin-bottom: 30px;
    /* padding-top: 15px; */
    /* border-top: none; */
    border-bottom: none;
    padding-bottom: 15px;
 

   min-height: 300px;
}

.home .homeblogArchiveArea{
	margin: 50px 0 50px 0;
	padding: 30px 0 0;
    border-top: 1px solid #ccc;
}


.home .blogArchiveArea{
	margin: 0 0 0 0;
}

.homeblogArchiveArea > h2 {
    vertical-align: middle;
    margin-bottom: 10px;
    font-weight: bold;
	text-align: center;
}

ul.archiveCatList {
	text-align: center;
	width: 100%;
	padding: 10px 0 30px;
}
.single-blog ul.archiveCatList {
	padding: 30px 0 30px;
	border-top: 2px solid #eee;
}


ul.archiveCatList li {
	display: inline-block;
	margin: 0 6px 10px;
	margin: 0 20px;
}
ul.archiveCatList li a{
	display: block;
	padding: 10px 0 15px;
	text-decoration: none;
	color: #666 !important;
	letter-spacing: 0.05em;
	position: relative;
	font-size: 16px;
}
ul.archiveCatList li.current-cat a,ul.archiveCatList li.current-cat2 a{
	color: #264bc3 !important;

}
ul.archiveCatList li.current-cat a::after,ul.archiveCatList li.current-cat2 a::after{
	position: absolute;
	content: "";
	width:60px;
	height: 3px;
	bottom: 0;
	left: 50%;
	margin-left: -30px;
	background:#436AE7;
}
ul.archiveCatList li a:hover{
	color: #color !important;

}
.post-type-archive-blog ul.archiveCatList li.current-cat a{
	color: #666 !important;
}
.post-type-archive-blog ul.archiveCatList li.current-cat a::after{
	display: none;
}



.post-type-archive-blog #main.container,
.tax-blog_category #main.container,
.single-blog #main.container{
	width:100% !important;
}

.blogTitleArea{
	background: #00abef url("../images/blog/blog_title_bg.jpg") no-repeat center center; 
	background-size:cover;

	padding: 120px 0;
	color: #fff;
	font-weight: bold;
	margin-bottom: 30px;
}
.blogTitleAreaIn{
	width: 1070px;
	margin: 0 auto;
	text-align: center;
}
.blogTitleArea h2{
	text-decoration: none;
	color: #fff !important;
	
	display: inline-block;
	padding: 10px 20px 8px;
	font-family: 'PT Sans Narrow', sans-serif !important;
	font-weight:400;
	font-size: 36px;
	
	background: #00C8FF;
	line-height: 100%;
	
	letter-spacing: 0.15em;
	
	border-radius: 4px;
}
.blogTitleArea h2 a{
	display: block;
	text-decoration: none;
	color: #fff !important;
	font-size: 36px;
	letter-spacing: 0.3em;
}
.blogTitleArea p{
	text-align: center;
}
.blogTitleArea p span{
	color: #666 !important;
	font-size: 20px;
	font-weight: normal;
	
	background: #fff;
	line-height: 100%;
	
	letter-spacing: 0;
	
	border-radius: 4px;
	padding: 10px 20px 8px;
	
	display: inline-block;
}

.blogListBtn{
	text-align: center;
	margin-bottom: 20px;
}

.blogListBtn a {
    display: inline-block;;
    color: #fff !important;
    background: #f10fc9 url(../images/arrow/btn_arrow.png) no-repeat right 10px center;
    background-size: 18px auto;
    padding: 8px 40px 8px 20px;
    line-height: 120%;
    text-decoration: none;
    border-radius: 30px;
    text-align: center;
    border: none;
    font-weight: 700;
    transition: .3s ease;
}



@media (max-width: 767px) {

	/* ------------------------------------- */
	/*   newheader2   */
	/* ------------------------------------- */

	#headWrapNew{
		width: 100% !important;
	}

	.hTop{
		width:100%;
		/* メニューあり　padding: 10px 0 10px 0 ;*/
		padding: 7px 0 6px 0 ;
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;

	}

	.tagline{
		font-size: 8px;
		padding: 0 0 5px 0;
		background: #fff;
		text-align: left;
	}
	.tagline p,
	.tagline h1{
		width:calc(96% - 12px);
		margin: 0 auto;
		font-size: 6px;
		font-weight: normal;
	}
	.hTopCont{
		width:100%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}

	.logoNew{
		width:184px;
		padding-top: 0px;
		padding-left: 6px;
		margin-top: -1px;
	}
	.logoNew img{
		width: 100%;
		height: auto;
		display: block;
	}
	.logoNew h1{
		margin: 0 !important;
	}

	.hTopMenu.viewSP{
		display: block;
		width:100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #fff;
	}
	.hTopMenu.viewPC{
		display: none;
	}
	.hTopMenu ul{
		display: flex;
		flex-wrap: wrap;
		margin-left: 0;
		justify-content: center;
		margin-bottom: -1px;
	}
	.hTopMenu ul li{
		margin-left: 0;
	}
	.hTopMenu ul:nth-last-of-type(1) li{
		margin-left: 0;
	}
	.hTopMenu ul li.active{
		opacity: .8;
	}
	.hTopMenu ul li a{
		color: #00abef !important;
		text-decoration: none;
		font-weight: bold;
		padding: 8px 12px 8px 12px;
		display: block;
		line-height: 100%;
		background: none;
	}

	.hTopMenu ul li.active{
		opacity: 1;
	}
	.hTopMenu ul li.active a{
		background: #00abef;
		color: #fff !important;
	}
	.hTopLogin{
		width:210px;
	}
	.hTopLogin ul{
		display: flex;
		flex-wrap: wrap;
		padding-right: 40px;
		padding-top: 0;
	}
	.hTopLogin ul li{
		width:20px;
		margin-left: 2px;
	}
	.hTopLogin ul li.loginbtn{
		width:63px;
		margin-left: 2px;
	}
	.hTopLogin ul li img{
		width: 100%;
		height: auto;
	}

	
	.fixMenu{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		background: #fff;
		box-shadow: 0 0 10px rgba(0,0,0,.1);
	}
	.fixMenu ul{
		display: flex;
		flex-wrap: wrap;
		border-top: 1px solid #ddd;
	}
	.fixMenu ul li{
		width: 20%;

	}
	.fixMenu ul li a{
		font-size: 9px;
		display: block;
		text-align: center;
		color: #888 !important;
		text-decoration: none;
		padding: 50px 0 6px;
		border-right: 1px solid #ddd;
		position: relative;
	}
	.fixMenu ul li:nth-last-of-type(1) a{
		border-right: none;
	}
	.fixMenu ul li.active a::after{
		content: "";
		pointer-events: none;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		border: 4px solid #eee;
	}
	.fixMenu ul li:nth-of-type(1) a{
		background: url("../images/head/fixicon_goods.png") no-repeat center top 7px;
		background-size: 37px 37px;
	}
	.fixMenu ul li:nth-of-type(2) a{
		background: url("../images/head/fixicon_blog.png") no-repeat center top 7px;
		background-size: 37px 37px;
	}
	.fixMenu ul li:nth-of-type(3) a{
		background: url("../images/head/fixicon_guide.png") no-repeat center top 7px;
		background-size: 37px 37px;
	}
	.fixMenu ul li:nth-of-type(4) a{
		background: url("../images/head/fixicon_faq.png") no-repeat center top 7px;
		background-size: 37px 37px;
	}
	.fixMenu ul li:nth-of-type(5) a{
		background: url("../images/head/fixicon_mail.png") no-repeat center top 7px;
		background-size: 37px 37px;
	}
	
	
	
	
	.hTopNews{
		margin-top: 0;
		text-align: center;
		padding: 6px 10px;
	}
	.hTopNews a{
		display: inline-block;
		padding: 3px 10px;
		font-size: 11px;
		text-decoration: none;
		position: relative;
		overflow: visible;
	}


	
	
	/**/
	
	#gnaviNew{
		width:100%;
		padding: 0 0 0;
		background: #d5ebfb;
		transition: all ease-in-out .2s;

		display: none;
		
		position: fixed;
		left: 0;
		/*　メニューありtop:40px; */
		top:51px;
		z-index: 100;
		right: 0;
		bottom: 0;
		overflow-y: auto;
	}
	#gnaviNew a{
		color: #555 !important;
		text-decoration: none;
	}
	#gnaviNew > ul{
		width:100%;
		margin: 0 auto;
		display: block;
		border-top: 1px solid rgba(0,0,0,.1)

	}
	#gnaviNew .spMenu > ul{
		margin: 0;
		padding: 4px 0;

	}

	#gnaviNew > ul > li{
		width: 100%;
		position: relative;
		border-bottom: 1px solid rgba(0,0,0,.1);
		padding: 12px;
		transition: all .3s ease-in-out;
		
	}
	#gnaviNew .spMenu > ul > li{
		width: 100%;
		position: relative;
		padding: 0;
		transition: all .3s ease-in-out;
		font-size: 13px;
		
	}
	#gnaviNew > ul > li::after{
		content: "";
		position: absolute;
		top: 13px;
		right: 10px;
		width:10px;
		height: 10px;
		border-right: 2px solid #999;
		border-bottom: 2px solid #999;
		transform: rotate(45deg);
		transition: all .2s ease-in-out;
	}
	#gnaviNew .spMenu > ul > li::after{
		content: "";
		position: absolute;
		top: 13px;
		right: 10px;
		width:10px;
		height: 10px;
		border-right: 2px solid #999;
		border-top: 2px solid #999;
		transform: rotate(45deg);
		transition: all .2s ease-in-out;
	}
	#gnaviNew > ul > li > a{
		display: block;
		text-align: left;
		font-weight: bold;
		font-size: 12px;
		padding-top: 0;
		cursor: pointer;
		background:none !important;
		
		pointer-events: none;
	}
	#gnaviNew .spMenu > ul > li > a{
		padding: 10px;
		display: block;
	}
	
	#gnaviNew > ul > li > a:hover{
		opacity: .8;
	}
	


	#gnaviNew > ul > li > .gnaviNewIn{
		display: none;

		z-index: 100;
		padding: 15px 12px;
		width:100%;
		border-top:none;
		background: none;
		box-shadow: none;
		margin: 10px 0 0 0;

		top: 100px;
		left: 0;
	}

	.gnaviNewLists{
		width: 100%;
		margin: 0 auto;
		display: block;
		flex-wrap: wrap;
	}
	.otherMenu{

	}
	
	
	#gnaviNew > ul > li > .gnaviNewIn .gnaviNewListsBox{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		gap:0 2%;
	}
	#gnaviNew > ul > li > .gnaviNewIn .gnaviNewListsBox ul{
		width: 49%;
	}
	#gnaviNew > ul > li > .gnaviNewIn .gnaviNewListsBoxOther{
		width: 100%;
		border-left: none;
		border-top: 1px solid #ddd;
		padding-left: 0;
		margin-top: 6px;
		padding-top: 6px;
	}


	#gnaviNew > ul > li > .gnaviNewIn .gnaviNewListsBoxOther ul{
		width: 100%;
	}

	
	#gnaviNew > ul > li > .gnaviNewIn{
		display: none;
		position: relative;
		z-index: 100;
		background: none;
		padding: 10px 0;
		width:100%;
		border-top: none;
		box-shadow: none;
		margin: 0 0 0 0;
		top: 0;
	}
	#gnaviNew > ul > li > .gnaviNewIn ul > li{
		margin-bottom: 8px;
	}
	#gnaviNew > ul > li > .gnaviNewIn ul > li > a{
		font-size: 12px;
		padding-left: 5px;
	}
	#gnaviNew > ul > li > .gnaviNewIn ul > li > a::before{
		content: "- ";
	}

	#gnaviNew > ul > li > .gnaviNewIn ul > li.hm2{
		margin-bottom: 4px;
		padding-left: 0px;
		position: relative;
	}


	#gnaviNew > ul > li > .gnaviNewIn ul.otherMenu{
		padding-top: 0;

	}
	#gnaviNew > ul > li > .gnaviNewIn ul.otherMenu{
		margin-left: auto;
	}


	#gnaviNew > ul > li > .gnaviNewIn .otherMenuTitle{
		display: none;
	}


	
	/**/
	
	
	
	.spMenu{

		display: block;
		border: 1px solid rgba(0,0,0,.1);
		border-radius: 5px;
		background: #fff;
		width: 94%;
		margin: 10px auto;
	}


	
	
	#footMenu{
		width: 100%;
		padding: 30px 0;
		background: rgba(213,235,251,0.2);
	}

	#footnaviNew{
		width:90%;
		padding: 0 0 0;
		border-radius: 10px;
		transition: all ease-in-out .2s;
		
	}
	#footnaviNew a{
		text-decoration: none;
	}
	#footnaviNew > ul{
		width:100%;
		margin: 0 auto;
		display: block;

	}
	#footnaviNew > ul > li{
		width: 100%;
		position: relative;
		padding: 12px;
		transition: all .3s ease-in-out;
		
	}
	#footnaviNew > ul > li::after{
		content: "";
		position: absolute;
		top: 13px;
		right: 10px;
		width:10px;
		height: 10px;
		border-right: 2px solid #999;
		border-bottom: 2px solid #999;
		transform: rotate(45deg);
		transition: all .2s ease-in-out;
	}
	#footnaviNew > ul > li.mactive::after{
		transform: rotate(225deg);
	}
	#footnaviNew > ul > li > a{
		display: block;
		text-align: left;
		font-weight: bold;
		font-size: 12px;
		padding-top: 0;
		cursor: pointer;
		background:none !important;
		
		pointer-events: none;
	}
	#footnaviNew > ul > li.mactive a{
		color: #333 !important;
	}
	
	#footnaviNew > ul > li > a:hover{
		opacity: .8;
	}
	#footnaviNew > ul > li > ul{
		display: none;
		position: relative;
		background: none;
		padding: 10px 0;
		width:100%;
		border-top: none;
		box-shadow: none;
		margin: 0 0 0 0;
	}
	#footnaviNew > ul > li > ul > li{
		margin-bottom: 8px;
	}
	#footnaviNew > ul > li > ul > li > a{
		font-size: 12px;
		padding-left: 10px;
	}
	#footnaviNew > ul > li > ul > li > a::before{
		content: "- ";
	}



	
	
	

	#promotionV2{
		width:100%;
		/* メニューあり padding-top: 40px;*/
		padding-top: 0;
	}
	#promotionV2 div .promoCont{
		width:100%;
		height: inherit;
		display: block;
		margin: 0 auto;
	}
	

	#promotionV2 div .promoCont .promoBanaNew{
		width: calc(100vw - 30px);
		height: 108.8vw;
		display: block;
		margin: 0 auto;
		border-radius: 15px;
	}
	#promotionV2 div .promoCont .promoBanaNew a{
		display: block;
		width: 100%;
		height: 100%;
	}

	
	
	
	.promoTxtBox{
		width:100%;
		text-align: center;
		padding-top: 30px;
	}
	.promoIcon{
		margin-bottom: 15px;
	}
	.promoIcon span{
		background: #E7383B;
		padding: 5px 6px;
		font-size: 12px;
		color: #fff;
		font-weight: bold;
	}
	.promoTitle{
		font-size: 32px;
		margin-bottom: 10px;
		font-weight: bold;
		line-height: 110%;
	}
	.promoTitle span{
		font-size: 12px;
		display: block;
		line-height: 18px;
	}
	.promoTxt{
		font-size: 12px;
		margin-bottom: 10px;

	}
	.promoBtn{
		font-size: 12px;
		margin-bottom: 30px;
	}
	.promoBtn a{
		display: inline-block;
		border: 1px solid #999;
		padding: 9px 30px 9px 14px;
		background: #fff url("../images/promotion/promo_btn_plus.png") no-repeat right 10px center;
		background-size: 12px auto;
		border-radius: 30px;
		color: #666 !important;
		text-decoration: none;

	}

	.promo-prev{
		position: absolute;
		top: inherit;
		bottom: 20px;
		left: 10px;
		transform: translateY(0) rotate(45deg);
		width:14px;
		height: 14px;
		border-left: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
		cursor: pointer;
		z-index: 1;
	}
	.promo-next{
		position: absolute;
		top: inherit;
		bottom: 20px;
		right: 10px;
		transform: translateY(0) rotate(45deg);
		width:14px;
		height: 14px;
		border-right: 2px solid #999;
		border-top: 2px solid #999;
		cursor: pointer;
		z-index: 1;
	}


	/*ホーム　リセット*/
	.home .container {
		width: 100% !important;
	}

	.home #content {
		margin-top: 0;
		width: 100%;
		left: 0;
		float: none;
	}


	/*ホームレイアウト*/

	#homeBanas{
		padding: 20px 0 10px;
	}
	#homeBanaCont {
		width:100%;
		margin: 0 auto;
	}

	.homeBanaSlide{
		width:100%;
		margin: 0 auto 10px;
		position: relative;
	}
	.homeBanaSlide ul{
		padding: 0 15px;
	}
	.homeBanaSlide ul li{
		padding: 0 5px;
	}
	.homeBanaSlide ul li a img{
		width:100%;
		height: auto;
	}
	.homeBanaEvent{
		width:100%;
		margin: 20px auto 20px;
		position: relative;
	}
	.homeBanaEvent ul{
		padding: 0 15px;
	}
	.homeBanaEvent ul li{
		padding: 0 0;
	}
	.homeBanaEvent ul li a img{
		width:100%;
		height: auto;
	}


	.homeBanaEvent2{
		width:calc(100% - 40px);
		margin: 20px auto 20px;
		position: relative;
	}
	.homeBanaEvent2 ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap:10px 2%;
	}
	.homeBanaEvent2 ul li{
		width: 100%;
	}
	.homeBanaEvent2 ul li a img{
		width:100%;
		height: auto;
	}


	.homeBanaEvent3{
		width:100%;
		margin: 40px auto 0;
		position: relative;
	}
	.homeBanaEvent3 ul{
		padding: 0 15px;
	}
	.homeBanaEvent3 ul li{
		padding: 0 0;
	}
	.homeBanaEvent3 ul li a img{
		width:100%;
		height: auto;
	}


	
	.carbtn-prev{
		position: absolute;
		top: 50%;
		left: -5px;
		transform: translateY(-50%) rotate(45deg);
		width:20px;
		height: 20px;
		border-left: 2px solid #999;
		border-bottom: 2px solid #999;
		cursor: pointer;
		z-index: 1;
	}
	.carbtn-next{
		position: absolute;
		top: 50%;
		right: -5px;
		transform: translateY(-50%) rotate(45deg);
		width:20px;
		height: 20px;
		border-right: 2px solid #999;
		border-top: 2px solid #999;
		cursor: pointer;
		z-index: 1;
	}

	.homeBanaSlide .carbtn-prev{
		left: 5px;

	}
	.homeBanaSlide .carbtn-next{
		right: 5px;
	}


	.homeBanaBtm{
		width:100%;
		margin: 20px auto 20px;
	}
	.homeBanaBtm ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 0 20px;
	}
	.homeBanaBtm ul li{
		width:32%;
		margin-bottom: 0;
	}
	.homeBanaBtm ul li a{
		display: block;
		text-align: center;
	}
	.homeBanaBtm ul li a img{
		width:100%;
		height: auto;
	}

	.homeBanaBtm.homeBanaList{
		width:100%;
		margin: 20px auto 20px;
	}




	#homeBlogmenu,
	#homeNewProducuts{
		background: #ffffff;
		padding: 20px 0 ;
	}
	#homeBlogmenuCont ,
	#homeNewProducutsCont {
		width:92%;
		margin: 0 auto;
	}
	#homeBlogmenuCont h2,
	#homeNewProducutsCont h2{
		margin-bottom: 20px;
		text-align: center;
		font-size: 24px;
		font-weight: 400;
		letter-spacing: .1em;
		color: #333;
	}

	#homeNewProducuts,
	#homeNewProducutsBest5,
	#homeSnsarea{
		background: #ffffff;
		padding: 40px 0 0;
	}

	#homeNewProducutsBest5Cont ,
	#homeNewProducutsCont ,
	#homeSnsareaCont {
		width:92%;
		margin: 0 auto;
	}

	#homeNewProducutsBest5Cont h2,
	#homeNewProducutsCont h2,
	#homeSnsareaCont h2{
			margin-bottom: 20px;
			text-align: center;
			font-size: 24px;
			font-weight: 400;
			letter-spacing: .1em;
			color: #333;
	}


	
	
	
	
	

	#homeCatmenu{
		background: #ffffff;
		padding: 20px 0 ;
	}
	#homeCatmenuCont {
		width:92%;
		margin: 0 auto;
	}
	#homeCatmenuCont h2{
		margin-bottom: 20px;
		text-align: center;
		font-size: 24px;
		font-weight: 400;
		letter-spacing: .1em;
		color: #333;
	}

	.homeCatmenuImg{

	}
	.homeCatmenuImg ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.homeCatmenuImg ul li{
		width:100%;
		margin: 0 0 10px 0;
		position: relative;
	}
	.homeCatmenuImg ul li img{
		width:55%;

	}
	.homeCatmenuImg ul li a{
		width:100%;
	}
	.homeCatmenuImg ul li .catCap{
		width: 45%;
		padding: 5px 5px 5px 12px;
		font-size: 12px;
		line-height: 140%;
		font-weight: bold;
	}
	
	



	.homeBlogImg{

	}
	.homeBlogImg ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap:20px 2%;
	}
	.homeBlogImg ul li{
		width:49%;
		margin: 0;
		position: relative;
	}
	.homeBlogImg ul li img{
		width:100%;
		height: auto;
	}
	.homeBlogImg ul li{
		display: block;
	}
	.homeBlogImg ul li a{
		cursor: pointer;
		text-decoration: none;
	}
	.homeBlogImg ul li .catCap{
		padding: 0 0 10px;
		color: #666;
		text-align: left;
		font-size: 13px;
		line-height: 150%;
		font-weight: bold;
		position: relative;
		text-decoration: underline;
		
	}



	

	.thDate{

	}



	.homeTwitter{
		width:100%;
		margin: 0 auto;
	}



	
	
	.homeCatMenuList{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.homeCatMenuList ul{
		width:48%;
	}
	.homeCatMenuList ul li{
		margin-bottom: 3px;
	}
	.homeCatMenuList ul li a{
		color: #333 !important;
		text-decoration: none;
		display: block;
		line-height: 140%;
		font-size: 12px;
	}
	.homeCatMenuList ul li.homeCatMenuListTitle a{
		color: #57b7ff !important;
		display: block;
		font-weight: bold;
		padding: 15px 0 4px;
		font-size:14px;
	}
	.homeCatMenuList ul li a:hover{
		text-decoration: underline !important;
	}


	#homeNews{
		background: #e7f5ff;
		padding: 20px 0 ;
	}
	#homeNewsCont {
		width:92%;
		margin: 0 auto;
	}
	#homeNewsCont h2{
		margin-bottom: 20px;
		text-align: center;
		font-size: 24px;
		font-weight: 400;
		letter-spacing: .1em;
	}
	#homeNewsCont .homeNewsLists{
		display: flex;
		justify-content: center;
	}
	#homeNewsCont .homeNewsList{

	}
	#homeNewsCont dl{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin: 0;
	}
	#homeNewsCont dl dt{
		width:100%;
		margin: 0 0 4px;
	}
	#homeNewsCont dl dd{
		width:100%;
		margin: 0 0 15px;
	}

	#homeNewsCont dl dd a{
		text-decoration: none !important;
		color: #666 !important;
	}


	.home .container {
		margin-bottom: 0 !important;
		padding: 0 0 0 0 !important;
	}
	.two-column,
	.sidebar{
		margin-top: 0 !important;
	}
	
	/*ブログ*/
	#breadcrumbArea{
		padding: 12px 10px 10px;
		border-top: 2px solid #eee;
	}
	#breadcrumb{
		width:100%;
		font-size: 10px;
		padding: 0;
		margin: 0 auto;
	}
	#breadcrumb li{
		display: inline-block;
		vertical-align: middle;
		vertical-align: top;
	}
	#breadcrumb li::after{
		content: " > ";
		display: inline-block;
		padding: 0 5px;
	}
	#breadcrumb li h1{
		font-size: 10px;
		font-weight: normal;
		vertical-align: top;
		margin: 0;
	}
	#breadcrumb li:nth-last-of-type(1)::after{
		content: "";
	}
	.blogContents{
		display : -webkit-box;     /* old Android */
		display : -webkit-flex;    /* Safari etc. */
		display : -ms-flexbox;     /* IE10        */
		display : flex;
		-webkit-flex-wrap: wrap;          /* Safari etc. */
		-ms-flex-wrap    : wrap;          /* IE10        */
		flex-wrap        : wrap;
	}
	.blogL{
		width:100%;
		margin-right: 0%;
		margin-bottom: 40px;
		padding-top:10px;
	}
	.blogR{
		width:100%;
	}



	.blogPost{
		margin-bottom: 50px;
		padding: 0 0;
	}


	.blogPostHead{
		padding: 15px;
		margin-bottom: 15px;

	}
	.blogPostHead .snsbtnBox{
		width:70%;
		vertical-align: middle;
		margin-bottom: 0;
	}
	.blogPostHead .entryDate{
		width:40%;

		line-height: 26px;
	}

	.blogCat {
		margin-bottom: 0;
		
		width:60%;
	}
	.blogCat a{
		display: inline-block;
		background: #264bc3;
		border-radius: 20px;
		padding: 4px 10px;
		color: #fff !important;
		text-decoration: none;
		font-size: 12px;
	}
	.snsbtnBox{
		margin-bottom: 30px;
	}
	.snsbtnBox ul li{
		display: inline-block;
		margin-right: 3px;
		vertical-align: top;
	}
	.snsbtnBox ul li a{
		width:24px;
		height: 24px;
		background: #eee;
		display: block;
		border-radius: 50%;
		position: relative;
	}
	.snsbtnBox ul li a::before{
		position: absolute;
		display: block;
		width:100%;
		text-align: center;

		top: 50%;
		margin-top: -5px;
		font-size: 20px;

		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;


		color: #fff;
	}
	.snsbtnBox ul li.facebook a{background: #4065b4;}
	.snsbtnBox ul li.facebook a::before{content: "\f09a";}

	.snsbtnBox ul li.tweet a{background: #50abf1;}
	.snsbtnBox ul li.tweet a::before{content: "\f099";}

	.snsbtnBox ul li.googleplus a{background: #c90000;}
	.snsbtnBox ul li.googleplus a::before{content: "\f0d5";}

	.snsbtnBox ul li.hatena a{background: #00a3df;}
	.snsbtnBox ul li.hatena a::before{content: "B!";
		font-weight: bold;
		font-family: Verdana, Geneva, "sans-serif";
	}

	.blogPost .section{
		margin-bottom: 60px;
		line-height: 160%;
	}

	.blogTitle{
		font-size: 20px;
		margin-bottom: 30px;
	}
	.blogPost .section p{
		line-height: 190%;
		font-size: 14px;
		margin-bottom: 20px;
	}
	.storycontent p {
		line-height: 190%;
		font-size: 14px;
		margin-bottom: 20px;
	}

	.blogPost .read{
		font-size: 16px;
		line-height: 190%;
		margin-bottom: 30px;
	}
	.blogPost h3{
		padding: 0 0 10px 0;
		margin-bottom: 20px;
		font-size: 18px;
		font-weight: bold;
		line-height: 140%;
	}



	.blogPost .blogLinkList{
		padding: 12px 12px 6px 12px;
		margin-bottom: 30px;
	}
	.blogPost .blogLinkList h3{
		margin-bottom: 7px;
		font-size: 16px;
	}


	.blogPost .blogLinkList ul li{
		margin-bottom: 10px;
		margin-left: 1.5em;
		text-indent: -0.5em;
		font-size: 14px;
	}
	.blogPost .blogLinkList ul li:before{
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		content: "\f107";
		display: inline-block;
		padding: 0 6px 0 0;
	}
	.blogPost .blogLinkList ul li a{

	}

	.blogPost .blogCampList ul{
		display : -webkit-box;     /* old Android */
		display : -webkit-flex;    /* Safari etc. */
		display : -ms-flexbox;     /* IE10        */
		display : flex;
		-webkit-flex-wrap: wrap;          /* Safari etc. */
		-ms-flex-wrap    : wrap;          /* IE10        */
		flex-wrap        : wrap;

	}

	.blogPost .blogCampList ul li{
		width: 32%;
		margin-right: 1.3333333%;
		margin-bottom: 7px;
	}
	.blogPost .blogCampList ul li:nth-of-type(4n){
		margin-right: 1.3333333%;
	}
	.blogPost .blogCampList ul li:nth-of-type(3n){
		margin-right: 0;
	}
	.blogPost .blogCampList ul li img {
		width: 100%;
		height: auto;
	}

	.blogPost .blogChart{
		border-top: 1px solid #ddd;
	}
	.blogPost .blogChart th,.blogPost .blogChart td{
		border-bottom: 1px solid #ddd;
		display: block;
		width: 100%;
		font-size: 14px;
		line-height: 190%;
	}
	.blogPost .blogChart th{
		padding: 10px 0 5px 0;
		border-bottom: none;
	}
	.blogPost .blogChart td{
		padding: 0 0 10px 0;
	}





	
	.chartBasic td {
		font-size: 12px;
		line-height: 16px;
	}
	
	
	
	.blogBack li{
		margin-bottom: 10px;
	}
	.blogBack li::before{
		content: "< ";
		display: inline-block;
		vertical-align: top;
		padding-right: 8px;
	}

	.blogSideArea{
		margin-bottom: 15px;
	}
	.blogSideArea li{
		padding: 8px 0;
		border-bottom: 1px solid #ccc;
	}

	.blogSideTitle{
		padding: 10px 0 5px 0;
		border-bottom: 2px solid #ccc;
		font-weight: bold;
	}
	.mainImage{
		margin-bottom: 0;
		border: none;
		width:100%;
	}
	.mainImage img{
		width:100%;
		height: auto;
	}

	.blogArchiveArea{
		display : -webkit-box;     /* old Android */
		display : -webkit-flex;    /* Safari etc. */
		display : -ms-flexbox;     /* IE10        */
		display : flex;
		-webkit-flex-wrap: wrap;          /* Safari etc. */
		-ms-flex-wrap    : wrap;          /* IE10        */
		flex-wrap        : wrap;
		margin-bottom: 50px;
		margin-top: 20px;
	}
	.blogArchiveList{
		width:100%;
		margin:0 auto 16px;
		margin-bottom: 16px;
		position: relative;
	}
	.blogArchiveList:nth-of-type(3n){
		margin:0 auto 16px;
	}
	.blogArchiveList:nth-of-type(2n){
		margin:0 auto 16px;
	}
	
	.blogArchiveImg{
		margin-bottom: 0;
		position: relative;
		z-index: 1;
		border-bottom: none;
		height: auto;
		width: 37%
	}
	.blogArchiveImg img{
		width:100%;
		height: auto;
	}
	.blogArchiveTxt{
		width:58%;
		margin-left: 3%;
		margin-right: 2%;
		padding-top: 8px;
	}
	.blogArchiveList h3{
		font-size: 13px;
		font-weight: bold;
		padding: 0 0 0 0;
		margin: 0;
		text-align: left;
		line-height: 140%;
	}
	.blogArchiveList h3 .iconNew {
		border-radius: 20px;
		padding: 4px 5px;
		font-size: 8px;
		margin-left: 5px;
		margin-top: -3px;
	}
	.blogArchiveList a {
		color: #666 !important;
		text-decoration: none;
		padding: 0;
		border: 1px solid #ddd;
		height: 100%;
		overflow: visible;
		font-size: 14px;
		line-height: 140%;
		display : -webkit-box;     /* old Android */
		display : -webkit-flex;    /* Safari etc. */
		display : -ms-flexbox;     /* IE10        */
		display : flex;
		-webkit-flex-wrap: wrap;          /* Safari etc. */
		-ms-flex-wrap    : wrap;          /* IE10        */
		flex-wrap        : wrap;
	}
	.blogArchiveList a:hover{
		border: 1px solid #ccc;
		background: #FCFCFC;
	}
	.blogCatIcon{
		text-align: left;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		z-index: 10;
		top: -8px;
		left: -6px;
		
	}
	.blogCatIcon span{
		line-height: 100%;
		display: inline-block;
		background: #264bc3;
		padding: 5px 8px;
		font-size: 10px;
		color: #fff;
		border-radius: 30px;
	}
	.blogDate{
		padding: 0 0 7px;
		font-size: 10px;
		text-align: left;
		line-height: 100%;
	}
	.blogEx{
		padding: 0 7%;
		display: none;
	}
	.blogEx p{
		margin-bottom: 20px;
	}


	.home .homeblogArchiveArea{
		margin: 30px 0 30px 0;
		padding: 30px 0 0;
		border-top: 1px solid #ccc;
	}


	.home .blogArchiveArea{
		margin: 0 0 0 0;
	}

	.homeblogArchiveArea > h2 {
		vertical-align: middle;
		margin: 0 0 10px 0;
		font-weight: bold;
		text-align: center;
		font-size: 22px;
	}



ul.archiveCatList {
	text-align: center;
	width: 100%;
	padding: 0px 0 10px;
}
.single-blog ul.archiveCatList {
	padding: 10px 0 5px;
	border-top: none;
}


ul.archiveCatList li {
	display: inline-block;
	margin: 0 6px;
}
ul.archiveCatList li a{
	display: block;
	padding: 5px 0 8px;
	text-decoration: none;
	color: #666 !important;
	letter-spacing: 0;
	position: relative;
	font-size: 12px;
}
ul.archiveCatList li.current-cat a,ul.archiveCatList li.current-cat2 a{
	color: #264bc3 !important;

}
ul.archiveCatList li.current-cat a::after,ul.archiveCatList li.current-cat2 a::after{
	position: absolute;
	content: "";
	width:60px;
	height: 3px;
	bottom: 0;
	left: 50%;
	margin-left: -30px;
	background:#436AE7;
}
ul.archiveCatList li a:hover{
	color: #color !important;

}
.post-type-archive-blog ul.archiveCatList li.current-cat a{
	color: #666 !important;
}
.post-type-archive-blog ul.archiveCatList li.current-cat a::after{
	display: none;
}

	
	
	.post-type-archive-blog #main.container,
	.tax-blog_category #main.container,
	.single-blog #main.container{
		width:100% !important;
		padding: 70px 0 10px 0;
	}

	.blogTitleArea{
		background: #00abef url("../images/blog/blog_title_bg.jpg") no-repeat;
		background-size:cover;

		padding: 150px 0;
		color: #fff;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.blogTitleAreaIn{
		width: 100%;
		margin: 0 auto;
		padding: 0 20px;
	}
	.blogTitleArea h2,.blogTitleArea h2 a{
		text-decoration: none;
		color: #fff !important;
		text-shadow: 1px 1px 1px rgba(0,0,0,.5);
		font-size: 22px;
		margin: 0 0 10px;
		line-height: 140%;
		padding: 6px 12px 4px;
		

	}
	.blogTitleArea p span {
		color: #666 !important;
		font-size: 14px;
		font-weight: normal;
		background: #fff;
		line-height: 120%;
		letter-spacing: 0;
		border-radius: 4px;
		padding: 6px 12px 4px;
		display: inline-block;
	}
	
	.blogListBtn{
		text-align: center;
		margin-bottom: 10px;
	}

	.blogListBtn a {
		display: inline-block;;
		color: #fff !important;
		background: #f10fc9 url(../images/arrow/btn_arrow.png) no-repeat right 10px center;
		background-size: 12px auto;
		padding: 6px 30px 6px 15px;
		line-height: 120%;
		text-decoration: none;
		border-radius: 30px;
		text-align: center;
		border: none;
		font-weight: 700;
		transition: .3s ease;
		font-size: 12px;
	}

}


/*マイページ系*/
#memberpages #memberinfo .member_submenu{
	margin-top: 20px;
}

#memberpages #memberinfo .member_submenu li a{
    border-radius: 3px;
    border: 1px solid #aaa;
    background-color: #fff100;
    padding: 9px 14px 9px 14px;
    font-weight: bold;
	
	font-size: 14px;
	
	display: inline-block;
	
	color: #000 !important;
	
	text-decoration: none;
}

.edit_member a{
    border-radius: 3px;
    border: 1px solid #aaa;
    background-color: #fff100;
    padding: 9px 14px 9px 14px;
    font-weight: bold;
	
	display: inline-block;
	
	color: #000 !important;
	
	text-decoration: none;
}
.allocation_dialog_exp{
	padding: 15px 15px 5px !important;
	
}

.allocation_dialog_exp ul li{
	margin-bottom: 10px;
	
}
.msa_operation #destination{
	padding: 10px 28px 10px 15px !important;
	display: inline-block !important;
}

#AllAllocationPDF, #determine, #del_destination, #new_destination, #add_destination, #edit_destination, #cancel_destination, #new_alloc_button, .open_allocation_bt, .allocation_edit_button, .allocation_delete_button, .return_navi a, .go_destination a{
	box-shadow: none !important;
}

input, select, textarea {
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	border: 1px solid #ccc;
	
	vertical-align: middle !important;
}
select {
	padding: 10px 28px 10px 12px; 
    background: #eee url(/wp-content/themes/welone-3col/images/select-arrow.png) center right 0 no-repeat;
}
input[type="text"]{
	padding: 5px;
}
input[type="radio"]{
  width:15px;
  height:15px;
  border:2px solid #999;
  border-radius:15px;
  background:transparent;
  opacity:0.5;
	display: inline-block;
	
	margin: 0 5px 0 5px;
	
}
input[type="radio"]:checked{
  background:#666;
  opacity:1;
}
input[type="checkbox"]{
  width:15px;
  height:15px;
  border:2px solid #999;
  border-radius:2px;
  background:transparent;
	display: inline-block;
}
input[type="checkbox"]:checked{
  background:#666;
  opacity:1;
}
.go_destination{
	vertical-align: middle;
}
.go_destination a{
	color: #fff !important;
}
.msa_thumb{
	display: none !important;
}




#memberpages{
	padding-top: 30px;
}



.history-area #history_head{
	margin-bottom: 10px;
}
.history-area .retail{
	margin-bottom: 40px !important;
}

.history-area th,
.history-area td{
	padding: 8px 6px !important;
	font-size: 0.9em !important;
}
.history-area .cartrownum{
	text-align: center;
}

.history-area .productname a{
	text-decoration: none;
	color:#333 !important;
}
.history-area .productname a:hover{
	text-decoration: underline;
	color: #ff3dfe !important;
}



#memberinfo th {
    font-size: 0.9em !important;
}
#newmember .customer_form input,
#memberinfo .customer_form input,
#customer-info .customer_form input{
	margin: 0 5px 0 0 !important;
}
#newmember .customer_form #name_row input,
#newmember .customer_form #furikana_row input,
#memberinfo .customer_form #name_row input,
#memberinfo .customer_form #furikana_row input,
#customer-info .customer_form #name_row input,
#customer-info .customer_form #furikana_row input{
	margin: 0 5px 0 5px !important;
}



div.usccart_navi ol.ucart {
    list-style-image: none;
    list-style-type: none;
    display: block;
    height: 31px;
    width: 100%;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0;
    padding: 0px;
}

.wc-cart .usccart_navi li.ucart {
    width: calc(25% - 2px);

    height: auto;
    padding: 15px 0;
    color: #555;
    background-color: #eee;
    background-image: none;
	margin-right: 2px;
	
	position: relative;
}

.wc-cart .usccart_navi li.ucart:nth-last-of-type(1) {
    width: 25%;
	margin-right: 0;
	
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;

}
.wc-cart .usccart_navi li.ucart:nth-of-type(1) {
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;

}
.wc-cart .usccart_navi li.ucart.usccart_cart, .wc-cart .usccart_navi li.ucart.usccart_customer, .wc-cart .usccart_navi li.ucart.usccart_delivery, .wc-cart .usccart_navi li.ucart.usccart_confirm {
    background-color: #00abef;
	color: #fff;
}

#delivery-info .customer_form dt {
    font-size: 14px !important;
    line-height: 160%;
    color: #333333;
    width: auto;
    padding-top: 5px;
}



#delivery-info table th,#delivery-info table td,.customer_form th,.customer_form td,#confirm_table th,#confirm_table td{
	font-size: 14px !important;
}
#delivery-info td {
	padding: 10px !important;
}

#confirm_table{
	margin-top: 30px;
}
#name_row th{
	width:180px;
}

#coupon_table td, #cart #coupon_table td {
	border-left: #CCCCCC solid 1px ;
	border-top: #CCCCCC solid 1px ;
}
#newmember th {
    width: 280px !important;
}
.allocation_add_button a#determine{
	color: #fff !important;
}
#multi_cart_table .thumbnail{
	display: none!important;
}
#multi_cart_table{
	margin-bottom: 20px;
}

.history-area .thumbnail{
	display: none !important;
}
.destination{
	background:rgba(0,118,255,0.08)}


#delivery-info table th.deliveryTitle, 
.customer_form th.deliveryTitle{
	background: #fff;
	font-weight: bold !important;
	font-size: 18px !important;
}
#delivery-info table th.deliveryTitle span, 
.customer_form th.deliveryTitle span{
	font-weight: normal !important;
	font-size: 14px !important;
}


.wc-cart .send input[type="submit"] {
    border-radius: 0;
    border: none;
    background-color: #ff16d6;
    padding: 12px 20px 12px 20px;
    font-weight: bold;
	color: #fff;
	margin: 0 10px;
}
.wc-cart .send input[type="submit"]:hover {
    background-color: #FF47DE ;
}
#delivery-info .send {
    border-top-color: #ddd !important;
}


@media (max-width: 767px) {
	
	#memberpages,#delivery-info,#inside-cart,#wc_confirm,#wc_newmemberform,#cartCompBox{
		padding-top: 10px;
		width:94%;
		margin: 0 auto 0;
	}


	#memberinfo th.price {
		width: 10% !important;
	}
	#memberinfo th.quantity {
		width: 10% !important;
	}
	#memberinfo th.subtotal {
		width: 10% !important;
	}

	.wc-cart .usccart_navi li.ucart {
		width: calc(50% - 2px);
		margin-right: 2px;
		margin-bottom: 2px;
		height: auto;
		padding: 12px 0;
		color: #555;
		background-color: #eee;
		background-image: none;
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;

	}
	.wc-cart .usccart_navi li.ucart:nth-of-type(2n) {
		width:50%;
		margin-right: 0;		
	}
	.wc-cart .usccart_navi li.ucart:nth-of-type(1) {
		border-top-left-radius: 5px;
	}
	.wc-cart .usccart_navi li.ucart:nth-of-type(2) {
		border-top-right-radius: 5px;
	}
	.wc-cart .usccart_navi li.ucart:nth-of-type(3) {
		border-bottom-left-radius: 5px;
	}
	.wc-cart .usccart_navi li.ucart:nth-of-type(4) {
		border-top-right-radius: 0;
		border-bottom-right-radius: 5px;
	}
	
	.wc-cart #delivery-info th.unitprice,
	.wc-cart #delivery-info th.quantity,
	.wc-cart #delivery-info th.subtotal{
		width:10%;
	}

	#memberpages #memberinfo .member_submenu{
		padding-left: 0;
		text-align: center;
	}


	#memberpages #memberinfo .member_submenu li a{
		padding: 5px 5px 3px 5px;
		font-size: 13px;
	}



	#multi_cart_table,.table-responsive,.history-area {
		overflow-x: auto;
		border: none;
		width:100%;
		margin: 0;
		background: linear-gradient(to left, hsla(0,0%,100%,0), white 15px) 0 0 / 50px 100%,
			linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) 0 0/20px 100%,
			linear-gradient(to right, hsla(0,0%,100%,0), white 15px) right / 50px 100%,
			linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) right/20px 100%;
		background-repeat: no-repeat;
		background-attachment: local, scroll, local, scroll;
		border-right: 1px solid #CCC;
	}
	
	#multi_cart_table table,.table-responsive table,.history-area table {
		min-width: 600px;
		margin: 0 0 50px;
	}
	#cart table#cart_table {
		margin-bottom: 0 !important;
	}
	#cart_table td.msa-destination, #cart_table td.msa-postage-title, #cart_table td.msa-postage-detail,#memberinfo th.historyrow,#memberinfo th {
		background-color: rgba(0,0,0,.05) !important;
		color: #666 !important;
	}
	
	.ui-dialog.allocation {
		width: auto !important;
		max-width: 94%;
		text-align: initial;
	}
	.msa_table {
		font-size: 12px;
	}
	.msa_table td.msa_price {
		width: 10%;
	}
	
	.destination_area .destination_name, .destination_area .edit_button_area,.new_alloc_button_area {
		text-align: center;
	}
	.new_alloc_button_area {
		display : -webkit-box;     /* old Android */
		display : -webkit-flex;    /* Safari etc. */
		display : -ms-flexbox;     /* IE10        */
		display : flex;
		-webkit-flex-wrap: wrap;          /* Safari etc. */
		-ms-flex-wrap    : wrap;          /* IE10        */
		flex-wrap        : wrap;
	}
	.go_destination {
		width:45% !important;
		margin-right: 10%!important;
	}
	#new_alloc_button{
		width:45% !important;
		white-space: normal;
	}
	
	.allocation_dialog_exp ul li{
		margin-bottom: 10px;

	}

	#delivery-info table th,#delivery-info table td,.customer_form th,.customer_form td,#confirm_table th,#confirm_table td{
		font-size: 12px !important;
		padding-left: 5px;
		padding-right: 5px;
	}
	.customer_form th,.customer_form td,#memberpages #memberinfo .memberinfotop th,#memberpages #memberinfo .memberinfotop td{
		display: block;
		width:100% !important;
	}
	#newmember th {
		width:100% !important;
	}
	.customer_form th {
		text-align: left !important;
	}
	.spnone{
		display: none !important;
	}
	.wc-member .send input[type="button"], .wc-member .send input[type="submit"] {
		padding: 5px 5px 3px 5px;
		font-size: 13px;
	}
	#delivery-info .customer_form dt {
		font-size: 12px !important;
		line-height: 160%;
		color: #333333;
		width: auto;
		padding-top: 5px;
	}
	#delivery-info table th.deliveryTitle, .customer_form th.deliveryTitle {
		background: #fff;
		font-weight: bold !important;
		font-size: 14px !important;
	}
	#delivery-info table th.deliveryTitle span, .customer_form th.deliveryTitle span {
		font-weight: normal !important;
		font-size: 12px !important;
	}
}


/*カート内*/


@media (max-width: 767px) {
	.wc-cart .send input[type="submit"] {
		margin-bottom: 0;
        font-size: 13px;
        padding: 9px 10px 8px 10px;
        margin: 1px;
	}
}




/*ランディング*/


h2.h2TitleHoujin{
	padding: 0;
	font-size: 40px;
	font-weight: lighter;
	color: #444;
	border: 0;
	position: relative;
	text-align: center;
	margin: 0 0 30px;
}
h2.h2TitleHoujin span{
	display: inline-block;
	position: relative;
}
h2.h2TitleHoujin span::after{
	content: "";
	width: 100%;
	height: 4px;
	left: 0;
	bottom: -10px;
	background: #51a9ec;
	border-radius: 10px;
	display: block;
	position: absolute;
	
}
.contRead{
	text-align: center;
	font-size: 16px;
	margin-bottom: 30px;
	
}
.contRead .contReadStitle{
    display: inline-block;
    padding: 5px 15px;
    border-radius: 20px;
    background: #51a9ec;
    margin-left: -4px;
    text-align: center;
    margin-bottom: 3px;
	font-weight: bold;
	color: #fff;
}


.contRead2{
	text-align: center;
	font-size: 20px;
	padding: 40px 0  10px 0;
	margin: 0;
}
.contRead3{
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
}


	
.goodsPhNew{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	justify-content: center;
	
	position: relative;

}
.goodsPhNew li {
    width: 30%;
    margin-right: 5%;
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 130%;
    vertical-align: top;
	
	text-align: center;
	
	/*box-shadow: 0 0 10px rgba(0,0,0,.1);*/
	
	padding: 0;
	position: relative;
	
}
.goodsPhNew li:nth-of-type(3n) {
    margin-right: 0;
}
.goodsPhNew li:nth-last-of-type(1) {
    margin-right: 0;
}
.goodsPhNew li.muryo::before,.goodsPhNew li.yuryo::before,.goodsPhNew li.yuryo2::after {
	position: absolute;
	left: -10px;
	top: -10px;
	border-radius: 50%;
	width:50px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #fff;

}
.goodsPhNew li.muryo::before {
	content: "無料";
	background: #51a9ec;
}
.goodsPhNew li.yuryo::before {
	content: "有料";
	background: #ff16d6;
}
.goodsPhNew li.yuryo2::after {
	content: "有料";
	background: #ff16d6;
	left: 45px;
}


.goodsPhNew li img {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    display: block;
    margin-bottom:15px;
	
	border-radius: 15px;
	border: 4px solid #eee;
	text-align: center;
}
.goodsPhNew li.serviceImg img{
    width: 70%;
	height: auto;
	background: #fff;
	border: none;
	border-radius: 50%;
	margin: 0 auto 10px;
}

.goodsPhNew .goodsCatch{
	color: #FF5800;
	font-size: 22px;
	line-height: 140%;
	font-weight: bold;
}
.goodsPhNew p{
	font-size: 14px;
	line-height: 150%;
}
.riyu1::before{
	content: "理由1";
}
.riyu2::before{
	content: "理由2";
}
.riyu3::before{
	content: "理由3";
}
.riyu1::before,
.riyu2::before,
.riyu3::before{
	position: absolute;
	top: -20px;
	left: -20px;
	width:50px;
	height: 50px;
	background: #ff16d6;
	color: #fff;
	text-align: center;
	line-height: 50px;
	border-radius: 50px;
	font-weight: bold;
	font-size: 14px;
}

.goodsPhNew p .caution{
	display: inline-block;
	padding: 5px 0 0;
}
.goodsPhNew p .caution::before{
	content: "※";
	color: #ff0000;
}


.lpCont{
	width:100%;
	padding: 60px 0;
}
.lpCont.lpcontG{
	background: #CCE7FB;
}
.lpCont section{
	width:1070px;
	margin: 0 auto;
}
.lpPromotion{
	text-align: center;
	width:100%;
	padding: 120px 0;
}
.lpPromotion h1{
	font-size: 52px;
	text-shadow: 0 0 3px rgba(255,255,255,1)
}
.lpPromotion span{
	font-size: 15px;
	padding-top: 10px;
	text-shadow: 0 0 3px rgba(255,255,255,1)
}

.lpPromotion.houjinPromo{
	background: url("../images/page/houjin/promotion2.jpg") no-repeat center center;
	background-size: cover;
	padding: 70px 0;
}
.houjinPdtList{
}
.houjinPdtList > li{

}
.houjinPdtList > li > ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 8px;
	margin-bottom: 10px;
}
.houjinPdtList > li > ul > li{
	width:calc(33% - 16px);
	line-height: 100%;
	margin: 0 5px 5px 0;
	display: flex;
	align-items: center;
	padding: 12px 0 11px 0;
	background: #fff;
	border: 1px solid rgba(0,0,0,.2);
}
.houjinPdtList > li > ul > li a{
	padding: 0 8px 0 24px;
	display: block;
	color: #666 !important;
	text-decoration: none;
	font-size: 15px !important;
	width:100%;
	position: relative;
	overflow: visible;
}
.houjinPdtList > li > ul > li a:hover{
	color: #F23B72 !important;
}
.houjinPdtList > li > ul > li a::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -6px;
	width:10px;
	height: 10px;
	border-right: 2px solid #FF00CE;
	border-top: 2px solid #FF00CE;
	transform: rotate(45deg);
}
.gnaviListTitle{
	font-weight: bold;
	margin-bottom: 7px;
}

.houjinlistTitle{
	background:  url(../images/home/new/sidemenu/icon_cloth.png) no-repeat 0 0;
	background-size: 28px auto;
	padding: 8px 0 8px 34px;
	margin-bottom: 6px;
	display: block;
	font-size: 18px;
}
.title1{background:  url(../images/home/new/sidemenu/icon_ondemand.png) no-repeat 0 0;background-size: 28px auto;}
.title2{background:  url(../images/home/new/sidemenu/icon_ondemand.png) no-repeat 0 0;background-size: 28px auto;}
.title3{background:  url(../images/home/new/sidemenu/icon_acryl.png) no-repeat 0 0;background-size: 28px auto;}
.title4{background:  url(../images/home/new/sidemenu/icon_cloth.png) no-repeat 0 0;background-size: 28px auto;}
.title5{background:  url(../images/home/new/sidemenu/icon_goods.png) no-repeat 0 0;background-size: 28px auto;}

.promoBana{
	margin-bottom: 60px;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	border: 5px solid #ccc;
}
.promoBana img{
	width:100%;
	height: auto;
}

.houjinJisseki{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.houjinJisseki li{
	width:calc(25% - 1.2em);
	list-style-type: disc;
	margin-left: 1.2em;
	margin-bottom: 10px;
	padding: 10px 0 7px;
	position: relative;
}


.houjinJisseki li::after{
	content: "";
	width: 100%;
	height: 2px;
	left: -1em;
	bottom: 0;
	background: #ddd;
	border-radius: 0;
	display: block;
	position: absolute;
	
}

.houjinBtm{
	display: flex;
}
.houjinTantou{
	width:75%;
	background: #51a9ec;
	display: flex;
	margin-right: 10px;
	padding: 20px 20px 19px;
	flex-wrap: wrap;
}
.houjinTantouImg{
	width:25%;
}
.houjinTantouImg img{
	width:100%;
	height: auto;
}
.houjinTantouTxt{
	padding: 0 0 0 20px;
	color: #fff;
	width:70%;
}

.houjinTantou ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:100%;
	margin-top: 14px;
}
.houjinTantou ul li:nth-of-type(1){width:36%;}
.houjinTantou ul li:nth-of-type(2){width:18%;}
.houjinTantou ul li:nth-of-type(3){width:42%;}
.houjinTantou ul li a{
	display: block;
	border: 2px solid #fff;
	background: rgba(255,22,214,1.00) url(../images/page/icon_arrow.png) no-repeat right 8px center;
	background-size: 12.5px auto;
	padding: 14px 14px 14px 14px;
	text-decoration: none;
	border-radius: 12px;
	color: #fff !important;
	font-weight: bold;
	box-shadow: 3px 3px 3px rgba(0,0,0,.2);
}


.houjiinBtn{
	width:25%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.houjiinBtn .btnContact{
	margin-bottom: 10px;
	background: #ff16d6 url("../images/page/houjin/contact_btn.svg") no-repeat 20px center;
	background-size: 50px;
	height: 155px;
	width: 100%;
	display: flex;
	align-items: center;
}
.houjiinBtn .btnAcryl{
	background: #ff16d6 url("../images/page/houjin/mitsumori_btn.svg") no-repeat 20px center;
	background-size: 50px;
	height: 155px;
	width: 100%;
	display: flex;
	align-items: center;
}
.houjiinBtn .btnContact a,
.houjiinBtn .btnAcryl a{
	color: #fff !important;
	text-align: left;
	width: 100%;
	height: 100%;
	text-decoration: none;
	display: flex;
	align-items: center;
	padding-left: 80px;
}
.houjiinBtn .btnContact:hover{
	margin-bottom: 10px;
	background: #008BF5 url("../images/page/houjin/contact_btn.svg") no-repeat 20px center;
	background-size: 50px;
}
.houjiinBtn .btnAcryl:hover{
	background: #008BF5 url("../images/page/houjin/mitsumori_btn.svg") no-repeat 20px center;
	background-size: 50px;
}
.houjiinBtn .btnContact a span,
.houjiinBtn .btnAcryl a span{
	display: block;
	width: 100%;
	font-size: 22px;
	font-weight: bold;
}


.houjinTanntouTitle{
	font-size: 21px;
	color: #F7FF00;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	font-weight: bold;
}

.meetingComp{
	padding: 150px 0;
	font-size: 24px;
	color: #FF7C00;
	font-weight: bold;
	text-align: center;
	line-height: 160%;
}

.homeBtn{
	text-align: center;
}
.homeBtn a{
	padding: 20px 35px 20px 37px;
	background: #ff3dfe;
	color: #fff !important;
	font-weight: 700;
	text-decoration: none;
	
	font-size: 16px;
	letter-spacing: .2em;
	
	border: none;
	margin: 0 5px;
	display: inline-block;
	border-radius: 4px;
	line-height: 160%;
}

.lpCont .stepTitle{
	height: inherit !important;
}
.lpCont .stepNo{
	width: 140px;
}
.lpCont .stepNo,
.lpCont .stepTxt{
	font-size: 18px;
}
.twibox{
	width:600px;
	margin: 0 auto;
}



@media (max-width: 767px) {
	
	
	h2.h2TitleHoujin{
		font-size: 21px;
		margin: 0 0 30px;
		font-weight: normal;
	}
	h2.h2TitleHoujin span::after{
		bottom: -7px;
	}
	.contRead{
		text-align: left;
		font-size: 13px;
		margin-bottom: 20px;
	}
	.contRead3{
		text-align: left;
		font-size: 13px;
		margin-bottom: 10px;
	}
	.nopd .contRead{
		padding: 0 4%;
	}
	.contRead br{
		display: none;
	}

	.goodsPhNew{
		display : -webkit-box;     /* old Android */
		display : -webkit-flex;    /* Safari etc. */
		display : -ms-flexbox;     /* IE10        */
		display : flex;
		-webkit-flex-wrap: wrap;          /* Safari etc. */
		-ms-flex-wrap    : wrap;          /* IE10        */
		flex-wrap        : wrap;
		justify-content: left;
		
		width:100%;
		margin: 0 auto 0;

	}
	.goodsPhNew li {
		width: 47%;
		margin-right: 4%;
		margin-bottom: 15px;
		font-size: 12px;
		line-height: 130%;
		vertical-align: top;

		text-align: center;

		/*box-shadow: 0 0 10px rgba(0,0,0,.1);*/

		padding: 0;

	}
	.goodsPhNew li:nth-of-type(3n) {
		margin-right: 4%;
	}
	.goodsPhNew li:nth-of-type(2n) {
		margin-right: 0;
	}

	.goodsPhNew li img {
		width: 100%;
		height: auto;
		box-sizing: border-box;
		display: block;
		margin: 0 auto 10px;

		border-radius: 15px;
		border: 2px solid #eee;
	}
	
	.goodsPhNew li.serviceImg img{
		width: 70%;
		height: auto;
		background: #fff;
		border: none;
		border-radius: 50%;
		margin: 0 auto 10px;
	}

	
	
	.goodsPhNew .goodsCatch{
		font-size: 14px;
		line-height: 120%;
		font-weight: bold;
	}
	.goodsPhNew p{
		font-size: 11px;
		line-height: 140%;
		margin-bottom: 5px;
		text-align: center;
	}
	.goodsPhNew li.muryo::before,.goodsPhNew li.yuryo::before,.goodsPhNew li.yuryo2::after {
		left: -10px;
		top: -8px;
		width:30px;
		height: 30px;
		line-height: 30px;
		font-size: 11px;
		
		z-index: 2000;
	}
	.goodsPhNew li.yuryo2::after {
		left: 25px;
	}


	.riyu1::before{
		content: "理由1";
	}
	.riyu2::before{
		content: "理由2";
	}
	.riyu3::before{
		content: "理由3";
	}
	.riyu1::before,
	.riyu2::before,
	.riyu3::before{
		position: absolute;
		top: -15px;
		left: -10px;
		width:40px;
		height: 40px;
		background: #ff16d6;
		color: #fff;
		text-align: center;
		line-height: 40px;
		border-radius: 40px;
		font-weight: bold;
		font-size: 12px;
	}
	.lpCont{
		width:100%;
		padding: 30px 0 20px;
	}
	.lpCont.lpcontG{
		background: #E7F5FF;
	}
	.lpCont section{
		width:94%;
		margin: 0 auto;
	}
	.lpPromotion{
		text-align: center;
		width:100%;
		padding: 80px 0;
	}
	.lpPromotion h1{
		font-size: 26px;
		text-shadow: 0 0 3px rgba(255,255,255,1)
	}
	.lpPromotion span{
		font-size: 13px;
		padding-top: 10px;
		text-shadow: 0 0 3px rgba(255,255,255,1)
	}

	.lpPromotion.houjinPromo{
		background: url("../images/page/houjin/promotion2.jpg") no-repeat center center;
		background-size: cover;
		padding: 40px 0;
	}
	.houjinPdtList{
	}
	.houjinPdtList > li{

	}
	.houjinPdtList > li > ul{
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		margin-top: 8px;
		margin-bottom: 10px;
	}
	.houjinPdtList > li > ul > li{
		width:calc(50% - 5px);
		line-height: 100%;
		margin: 0 5px 5px 0;
		display: flex;
		align-items: center;
		padding: 10px 0 9px 0;
		background: #fff;
		border: 1px solid rgba(0,0,0,.2);
	}
	.houjinPdtList > li > ul > li a{
		padding: 0 8px 0 20px;
		display: block;
		color: #666 !important;
		text-decoration: none;
		font-size: 11px !important;
		width:100%;
		position: relative;
	}
	.houjinPdtList > li > ul > li a:hover{
		color: #F23B72 !important;
	}
	.houjinPdtList > li > ul > li a::after{
		content: "";
		position: absolute;
		top: 50%;
		left: 5px;
		margin-top: -4px;
		width:6px;
		height: 6px;
		border-right: 2px solid #999;
		border-top: 2px solid #999;
		transform: rotate(45deg);
	}
	.gnaviListTitle{
		font-weight: bold;
		margin-bottom: 7px;
	}

	.houjinlistTitle{
		background:  url(../images/home/new/sidemenu/icon_cloth.png) no-repeat 0 0;
		background-size: 28px auto;
		padding: 8px 0 8px 34px;
		margin-bottom: 6px;
		display: block;
		font-size: 16px;
	}
	.title1{background:  url(../images/home/new/sidemenu/icon_ondemand.png) no-repeat 0 0;background-size: 28px auto;}
	.title2{background:  url(../images/home/new/sidemenu/icon_ondemand.png) no-repeat 0 0;background-size: 28px auto;}
	.title3{background:  url(../images/home/new/sidemenu/icon_acryl.png) no-repeat 0 0;background-size: 28px auto;}
	.title4{background:  url(../images/home/new/sidemenu/icon_cloth.png) no-repeat 0 0;background-size: 28px auto;}
	.title5{background:  url(../images/home/new/sidemenu/icon_goods.png) no-repeat 0 0;background-size: 28px auto;}



	.houjinJisseki{
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.houjinJisseki li{
		width:calc(50% - 1.2em);
		list-style-type: disc;
		margin-left: 1.2em;
		margin-bottom: 10px;
		padding: 6px 0 4px;
		position: relative;
	}


	.houjinJisseki li::after{
		content: "";
		width: 100%;
		height: 2px;
		left: -1em;
		bottom: 0;
		background: #ddd;
		border-radius: 0;
		display: block;
		position: absolute;

	}

	.houjinBtm{
		display: block;
	}
	.houjinTantou{
		width:100%;
		background: #51a9ec;
		display: flex;
		margin-right: 0;
		padding: 10px;
		margin-bottom: 10px;
		justify-content: space-between
	}
	.houjinTantouImg{
		text-align: center;
		margin-bottom: 10px;
		width: 30%;
	}
	.houjinTantouImg img{
		width: 100%;
		height: auto;
	}
	.houjinTantouTxt{
		padding: 0 0 0 0;
		color: #fff;
		width: 67%;
	}


	.houjinTantou ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width:100%;
		margin-top: 0;
	}
	.houjinTantou ul li:nth-of-type(1){width:69%;}
	.houjinTantou ul li:nth-of-type(2){width:29%;}
	.houjinTantou ul li:nth-of-type(3){width:100%;margin-top: 7px}
	.houjinTantou ul li a{
		display: block;
		border: 2px solid #fff;
		background: rgba(255,22,214,1.00) url(../images/page/icon_arrow.png) no-repeat right 8px center;
		background-size: 12.5px auto;
		padding: 10px 14px 10px 14px;
		text-decoration: none;
		border-radius: 12px;
		color: #fff !important;
		font-weight: bold;
		box-shadow: 3px 3px 3px rgba(0,0,0,.2);
	}




	.houjiinBtn{
		width:100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}
	.houjiinBtn .btnContact{
		margin-bottom: 0;
		background: #ff16d6 url("../images/page/houjin/contact_btn.svg") no-repeat 10px center;
		background-size: 30px;
		height: inherit;
		display: flex;
		align-items: center;
		width:48%;
	}
	.houjiinBtn .btnAcryl{
		background: #ff16d6 url("../images/page/houjin/mitsumori_btn.svg") no-repeat 10px center;
		background-size: 30px;
		height: inherit;
		display: flex;
		align-items: center;
		width:48%;
	}
	.houjiinBtn .btnContact a,
	.houjiinBtn .btnAcryl a{
		color: #fff !important;
		text-align: center;
		width: 100%;
		height: 100%;
		text-decoration: none;
		display: flex;
		align-items: center;
		padding: 20px 15px 20px 50px;
	}
	.houjiinBtn .btnContact:hover{
		margin-bottom: 0;
		background: #008BF5 url("../images/page/houjin/contact_btn.svg") no-repeat 10px center;
		background-size: 30px;
	}
	.houjiinBtn .btnAcryl:hover{
		background: #008BF5 url("../images/page/houjin/mitsumori_btn.svg") no-repeat 10px center;
		background-size: 30px;
	}
	.houjiinBtn .btnContact a span,
	.houjiinBtn .btnAcryl a span{
		display: block;
		width: 100%;
		font-size: 14px;
		font-weight: bold;
	}


	.houjinTanntouTitle{
		font-size: 14px;
		color: #F7FF00;
		margin-bottom: 9px;
		display: block;
		align-items: center;
		font-weight: bold;
		text-align: left;
	}
	.promoBana{
		margin-bottom: 40px;
	}


	.lpCont .stepTitle{
		height: inherit !important;
	}
	.lpCont .stepNo{
		width: 100%;
	}
	.lpCont .stepNo,
	.lpCont .stepTxt{
		font-size: 14px;
	}
	.twibox{
		width:100%;
		margin: 0 auto;
	}
	
}






















/*contact*/
#contact{
	background: #fff ;
	background-size: 100% auto;
}
#contact section{
	width:1000px;
	margin: 0 auto;
	padding: 120px 0;
}
#contact section .h2TitleBox h2{
	color: #FF6E6E;
}
#contact section .h2TitleBox h2 span{
	color: #666;
}

.contactLine{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	
	margin-bottom: 25px;
	
	align-items: center;
	justify-content: space-between;
}
#contactMain .contactLine p{
	width:100%;
}
.contactL{
	width:49%;
	margin-right: 2%;
}
.contactR{
	width:49%;
	margin-right: 0;
}
.formTitle{
	display: block;
	width:100%;
	
	font-size: 15px;
	font-weight: 700;
	
	margin-bottom: 10px;
}
.formtxt{
	display: block;
	width:100%;
	
	font-size: 15px;
	font-weight: 700;
	
	margin-bottom: 10px;
}
.contactLine input{
	width:50%;
	padding: 15px 15px !important;
	font-size: 15px;
	border-radius: 5px;
	border:1px solid #ddd;
	background-color: #fff;
}
.contactLine .kouho input[type=text]{
	width:30%;
}
.contactLine textarea{
	width:100%;
	padding: 15px 15px !important;
	font-size: 15px;
	border-radius: 5px;
	border:1px solid #ddd;
	background-color: #fff;
	height: 100px;
}
.sendBtn{
	text-align: center;
	padding: 50px 0 0;
}
.sendBtn button,
.sendBtn input[type=submit]{
	padding: 20px 35px 20px 37px;
	background: #ff3dfe;
	color: #fff;
	font-weight: 700;
	
	font-size: 16px;
	letter-spacing: .2em;
	
	border: none;
	margin: 0 5px;
	
}
.formArea{
	width:760px;
	margin: 0 auto;
}


.hissu::after{
	content: "※必須";
	color: #ff0000;
	font-size: 10px;
	display: inline-block;
	padding-left: 6px;
}

.contactComp{
	padding: 30vh 0 40vh;
	text-align: center;
}
.contactComp .thanks{
	font-size: 20px;
	color: #ff4f00;
	margin-bottom: 40px;
}


.completeTxt{
	
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	
	margin-bottom: 60px;
	
}

.completeBtn {
	text-align: center;
}
.completeBtn a{
	padding: 20px 45px 20px 57px;
	background: #FF6E6E;
	color: #fff;
	font-weight: 700;
	border-radius: 60px;
	
	font-size: 16px;
	letter-spacing: 1em;
	
	border: none;

}



@media (max-width: 767px) {
	


	/*contact*/
	#contact{
		background: #fff ;
		background-size: 100% auto;
	}
	#contact section{
		width:94%;
		margin: 0 auto;
		padding: 60px 0;
	}
	#contact section .h2TitleBox h2{
		color: #FF6E6E;
	}
	#contact section .h2TitleBox h2 span{
		color: #666;
	}
.formArea{
	width:100%;
	margin: 0 auto;
}

	.contactLine{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;

		margin-bottom: 25px;
	}
	#contactMain .contactLine p{
		width:100%;
	}
	.contactL{
		width:49%;
		margin-right: 2%;
	}
	.contactR{
		width:49%;
		margin-right: 0;
	}
	.formTitle{
		display: block;
		width:100%;

		font-size: 14px;
		font-weight: 700;

		margin-bottom: 10px;
	}
	.contactLine input{
		width:100%;
		padding: 10px 5px !important;
		font-size: 14px;
		border-radius: 5px;
		border:1px solid #ddd;
		background-color: #fff;
		margin-bottom: 10px
	}
.contactLine .kouho input[type=text]{
	width:100%;
}

	.contactLine textarea{
		width:100%;
		padding: 10px 5px !important;
		font-size: 14px;
		border-radius: 5px;
		border:1px solid #ddd;
		background-color: #fff;
		height: 100px;
	}
	.sendBtn{
		text-align: center;
		padding: 50px 0 0;
	}
	.sendBtn button,
	.sendBtn input[type=submit]{
		color: #fff;
		font-weight: 700;

		font-size: 16px;
		letter-spacing: .4em;

		border: none;
		
		-webkit-appearance: none;

	}

	.hissu::after{
		content: "※必須";
		color: #ff0000;
		font-size: 10px;
		display: inline-block;
		padding-left: 6px;
	}

	.contactComp{
		padding: 30vh 0 40vh;
		text-align: center;
	}
	.contactComp .thanks{
		font-size: 20px;
		color: #ff4f00;
		margin-bottom: 40px;
	}


.completeTxt{
	
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	
	margin-bottom: 60px;
	
}

.completeBtn {
	text-align: center;
}
.completeBtn a{
		padding: 10px 35px 10px 42px;

	background: #FF6E6E;
	color: #fff;
	font-weight: 700;
		letter-spacing: .4em;
	
	font-size: 16px;
	letter-spacing: 1em;
	
	border: none;

}



}





.howtosimuboxs{
	padding-top: 60px;
}
.howtosimubox{
	display: flex;
	flex-wrap: wrap;
	gap:3%;
	margin-bottom: 30px;
	align-items: center;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}
.howtosimubox:nth-last-of-type(1){
	padding-bottom: 0;
	border-bottom: none;
}


.howtosimuImg{
	width:35%;
	
}

.howtosimuImg img{
	width:100%;
	height: auto;
	
}

.howtosimuTxt{
	width:62%;
	font-size: 16px;
}





@media (max-width: 767px) {
	



	.howtosimuboxs{
		padding-top: 30px;
	}
	.howtosimubox{
		display: flex;
		flex-wrap: wrap;
		gap:0%;
		margin-bottom: 30px;
		align-items: center;
		padding-bottom: 30px;
		border-bottom: 1px solid #ddd;
	}
	.howtosimubox:nth-last-of-type(1){
		padding-bottom: 0;
		border-bottom: none;
	}


	.howtosimuImg{
		width:100%;
		text-align: center;
		margin-bottom: 10px;
		padding: 10px;
		background:#E7E7E7;

	}

	.howtosimuImg img{
		width:100%;
		height: auto;

	}

	.howtosimuTxt{
		width:100%;
		font-size: 12px;
	}
}







.informationBody{
width:800px;
margin:0 auto;
padding:60px 0 80px;
}

.informationImg{
text-align:center;
margin:30px auto 0;
width:1100px;
}

.informationImg img{
width:100%;
height:auto;
}

.informationTitle{
font-size:36px;
margin-bottom:30px;
padding-bottom:20px;
border-bottom:2px solid #eee;
text-align:center;
}


/*結果発表*/
.informationTitle2{
font-size:28px;
margin-bottom:30px;
padding:10px 20px;

text-align:left;
	border-radius: 7px;
	
	background: #3284FF;
	color: #fff;
}

.informationTitle_char_gold{
	text-align:center;
	border-bottom:2px solid #f0d13a;
	padding:10px 0;
	margin-bottom:30px;
}
.informationTitle_char_gold span{
	font-size:28px;
	color: #B19300;
	display: inline-block;
	position: relative;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.informationTitle_char_gold span::before{
	content: "";
	position: absolute;
	top: 0;
	left: -56px;
	width:40px;
	height: 40px;
	background: url("../images/page/character/title_gold.jpg") no-repeat center center;
	background-size: 100% auto;
}
.informationTitle_char_gold span::after{
	content: "";
	position: absolute;
	top: 0;
	right: -56px;
	width:40px;
	height: 40px;
	background: url("../images/page/character/title_gold.jpg") no-repeat center center;
	background-size: 100% auto;
}
.informationTitle_char_silver{
	text-align:center;
	border-bottom:2px solid #CBCBCB;
	padding:10px 0;
	margin-bottom:30px;
}
.informationTitle_char_silver span{
	font-size:28px;
	color: #8B8B8B;
	display: inline-block;
	position: relative;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.informationTitle_char_silver span::before{
	content: "";
	position: absolute;
	top: 0;
	left: -56px;
	width:40px;
	height: 40px;
	background: url("../images/page/character/title_silver.jpg") no-repeat center center;
	background-size: 100% auto;
}
.informationTitle_char_silver span::after{
	content: "";
	position: absolute;
	top: 0;
	right: -56px;
	width:40px;
	height: 40px;
	background: url("../images/page/character/title_silver.jpg") no-repeat center center;
	background-size: 100% auto;
}
.informationTitle_char_bronds{
	text-align:center;
	border-bottom:2px solid #D39B39;
	padding:10px 0;
	margin-bottom:30px;
}
.informationTitle_char_bronds span{
	font-size:28px;
	color: #C57A00;
	display: inline-block;
	position: relative;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.informationTitle_char_bronds span::before{
	content: "";
	position: absolute;
	top: 0;
	left: -56px;
	width:40px;
	height: 40px;
	background: url("../images/page/character/title_bronds.jpg") no-repeat center center;
	background-size: 100% auto;
}
.informationTitle_char_bronds span::after{
	content: "";
	position: absolute;
	top: 0;
	right: -56px;
	width:40px;
	height: 40px;
	background: url("../images/page/character/title_bronds.jpg") no-repeat center center;
	background-size: 100% auto;
}


.informationTitle_char_name{
text-align:center;
}

.informationTitle_char_name span{
	display: inline-block;
font-size:20px;
margin-bottom:30px;
padding:6px 18px;
	border: 1px solid #999;
	border-radius: 50px;
	
	color: #555;
}
.informationTitle_char_name span::after{
	content: "様";
	display: inline-block;
	padding-left: 5px;
	font-size: 16px;
}
.informationTitle_char_img{
	margin-bottom: 40px;
	text-align: center;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}
.informationTitle_char_img:nth-last-of-type(1){
	border-bottom: none;
	padding-bottom: 0;
}
.informationTitle_char_img img{
	width: 50%;
	height: auto;
}


/*↑結果発表*/


.informationTxt{
margin-bottom:60px;
}

.informationTxt p{
font-size:17px;
	margin-bottom: 50px;
line-height:180%;
}

.informationTxt p span.pointtxt{
	color: #CA0003;
}
.informationTxt ul {
	margin-bottom: 50px;
}
.informationTxt ul li{
font-size:17px;
	margin-bottom: 10px;
line-height:180%;
}


.checkImgLists{
	padding: 0 0 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.checkImgList{
	width: 48%;
	gap: 0 4%;
}
.checkImgList a:hover{
	opacity: .8;
}
.checkImgListPic{
	margin-bottom: 16px;
}
.checkImgListPic img{
	width: 100%;
	height: auto;
}
.checkImgListTxt{
	display: block;
}

.checkImgListTxt span{
	display: inline-block;
	position: relative;
	padding: 0 0 0 26px;
	color: #666;
	font-size: 18px;
	line-height: 100%;
}
.checkImgListTxt span::after{
	content: "";
	display: block;
	width:18px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #999;
}

.checkImgListTxt span::before{
	content: "";
	display: block;
	width:12px;
	height: 17px;
	position: absolute;
	top: -4px;
	left: 8px;
	border-right: 3px solid #D04A61;
	border-bottom: 3px solid #D04A61;
	transform: rotate(45deg);
	z-index: 1;
}






.txtalignR{
	text-align: right;
	display: block;
}

@media (max-width:767px){

	.informationBody{
	width:90%;
	margin:0 auto;
	padding:40px 0;
	}

	.informationImg{
	text-align:center;
		margin: 30px auto 0;
	width:100%;
	}

	.informationImg img{
	width:100%;
	height:auto;
	}

	.informationTitle{
	font-size:24px;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:2px solid #eee;
	text-align:center;
	}

	.informationTxt{
	margin-bottom:40px;
	}

	
	
	
	.informationTxt p{
	font-size:15px;
	line-height:180%;
		margin-bottom: 30px;
	}
	.informationTxt ul {
		margin-bottom: 30px;
	}

	.informationTxt ulli{
	font-size:15px;
	line-height:180%;
		margin-bottom: 5px;
	}
	


	/*結果発表*/
	.informationTitle2{
	font-size:22px;
	margin-bottom:30px;
	padding:10px 20px;

	text-align:left;
		border-radius: 7px;

		background: #3284FF;
		color: #fff;
	}

	.informationTitle_char_gold{
		text-align:center;
		border-bottom:2px solid #f0d13a;
		padding:10px 0;
		margin-bottom:30px;
	}
	.informationTitle_char_gold span{
		font-size:20px;
		color: #B19300;
		display: inline-block;
		position: relative;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	}
	.informationTitle_char_gold span::before{
		content: "";
		position: absolute;
		top: 0;
		left: -56px;
		width:40px;
		height: 40px;
		background: url("../images/page/character/title_gold.jpg") no-repeat center center;
		background-size: 100% auto;
	}
	.informationTitle_char_gold span::after{
		content: "";
		position: absolute;
		top: 0;
		right: -56px;
		width:40px;
		height: 40px;
		background: url("../images/page/character/title_gold.jpg") no-repeat center center;
		background-size: 100% auto;
	}
	.informationTitle_char_silver{
		text-align:center;
		border-bottom:2px solid #CBCBCB;
		padding:10px 0;
		margin-bottom:30px;
	}
	.informationTitle_char_silver span{
		font-size:20px;
		color: #8B8B8B;
		display: inline-block;
		position: relative;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	}
	.informationTitle_char_silver span::before{
		content: "";
		position: absolute;
		top: 0;
		left: -56px;
		width:40px;
		height: 40px;
		background: url("../images/page/character/title_silver.jpg") no-repeat center center;
		background-size: 100% auto;
	}
	.informationTitle_char_silver span::after{
		content: "";
		position: absolute;
		top: 0;
		right: -56px;
		width:40px;
		height: 40px;
		background: url("../images/page/character/title_silver.jpg") no-repeat center center;
		background-size: 100% auto;
	}
	.informationTitle_char_bronds{
		text-align:center;
		border-bottom:2px solid #D39B39;
		padding:10px 0;
		margin-bottom:30px;
	}
	.informationTitle_char_bronds span{
		font-size:20px;
		color: #C57A00;
		display: inline-block;
		position: relative;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	}
	.informationTitle_char_bronds span::before{
		content: "";
		position: absolute;
		top: 0;
		left: -56px;
		width:40px;
		height: 40px;
		background: url("../images/page/character/title_bronds.jpg") no-repeat center center;
		background-size: 100% auto;
	}
	.informationTitle_char_bronds span::after{
		content: "";
		position: absolute;
		top: 0;
		right: -56px;
		width:40px;
		height: 40px;
		background: url("../images/page/character/title_bronds.jpg") no-repeat center center;
		background-size: 100% auto;
	}


	.informationTitle_char_name{
	text-align:center;
	}

	.informationTitle_char_name span{
		display: inline-block;
	font-size:16px;
	margin-bottom:30px;
	padding:6px 18px;
		border: 1px solid #999;
		border-radius: 50px;

		color: #555;
	}
	.informationTitle_char_name span::after{
		content: "様";
		display: inline-block;
		padding-left: 5px;
		font-size: 13px;
	}
	.informationTitle_char_img{
		margin-bottom: 40px;
		text-align: center;
	}
	.informationTitle_char_img img{
		width: 80%;
		height: auto;
	}


	/*↑結果発表*/



	.checkImgLists{
		padding: 0 0 30px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.checkImgList{
		width: 48%;
		gap: 0 4%;
	}
	.checkImgListPic{
		margin-bottom: 16px;
	}
	.checkImgListPic img{
		width: 100%;
		height: auto;
	}
	.checkImgListTxt{
		display: block;
	}

	.checkImgListTxt span{
		display: inline-block;
		position: relative;
		padding: 0 0 0 26px;
		color: #666;
		font-size: 14px;
		line-height: 100%;
	}
	.checkImgListTxt span::after{
		content: "";
		display: block;
		width:18px;
		height: 18px;
		position: absolute;
		top: 0;
		left: 0;
		border: 2px solid #999;
	}

	.checkImgListTxt span::before{
		content: "";
		display: block;
		width:12px;
		height: 17px;
		position: absolute;
		top: -4px;
		left: 8px;
		border-right: 3px solid #D04A61;
		border-bottom: 3px solid #D04A61;
		transform: rotate(45deg);
		z-index: 1;
	}




	
	
	
}





#message{
	padding: 0 0 0;
}

.messageTop{
	padding: 70px 0 70px;
}
.messageTopinner{
	width: 800px;
	margin: 0 auto;
	
	font-size: 18px;
	
	line-height: 180%;
	text-align: left;
}

.messageBtm{
	padding: 70px 0 70px;
	background: #F7F7F7 url("../../images/message_bg.jpg") no-repeat center center;
	background-size: cover;
}
.messageBtminner{
	width: 800px;
	margin: 0 auto;
}
.messageBox{
	display: flex;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
	
}
.messageBox2{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
	
}


.messageBoxS{
	margin-top: 20px;
}
.messageBox:nth-last-of-type(1){
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.messageBoxS:nth-of-type(1){
	margin-top: 30px;
}
.messageTitle{
	margin-bottom: 20px;
	width: 29%;
	position: relative;
}
.messageTitle h2{
	text-align: left;
	font-size: 18px;
	display: inline-block;
	position: relative;
	padding-left: 0;
	color: rgba(0,0,0,1.00);
}

.messageTitle h2::after{

	background: #ff0000;
	content: "";
	position: absolute;
	width: 40px;
	height: 2px;
	bottom: -15px;
	left: 0;
	transform: translateX(0);
}
.messageTxt{
	width: 71%;
	font-size: 16px;
	line-height: 180%;

}
.messageTxt2{
	width: 100%;
	font-size: 16px;
	line-height: 180%;

}

.messageTxt h3{
	font-size: 16px;
	line-height: 180%;
	margin-bottom: 12px;
	text-align: left;
		background: none;
		padding: 0;
	border-bottom: none;
}

.messageTitleS{
	margin-bottom: 10px;
	position: relative;
}
.messageTitleS h2{
	text-align: left;
	font-size: 16px;
	color: #333;
	display: inline-block;
	position: relative;
}
.messageTxtS{
	font-size: 16px;
	line-height: 180%;

}

#company .chart01 {
	width:800px;
	margin: 0 auto;
}

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


	#message{
		padding: 0 0 0;
	}

	.messageTop{
		padding: 30px 0 20px;
	}
	.messageTopinner{
		width: 90%;
		margin: 0 auto;

		font-size: 14px;

		line-height: 180%;
		text-align: left;
	}

	.messageBtm{
		padding: 40px 0 30px;
		background: #F7F7F7;
	}
	.messageBtminner{
		width: 90%;
		margin: 0 auto;
	}
	.messageBox{
		display: flex;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #ddd;
		flex-wrap: wrap;

	}
	.messageBox2{
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #ddd;

	}
	.messageBox:nth-last-of-type(1){
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
	
.messageBoxS{
	margin-top: 20px;
}
.messageBoxS:nth-of-type(1){
	margin-top: 30px;
}
	.messageTitle{
		margin-bottom: 15px;
		width: 100%;
		position: relative;
		text-align: center;
	}
	.messageTitle h2{
		text-align: center;
		font-size: 18px;

		display: inline-block;
		position: relative;
		color: rgba(0,0,0,1.00);

	}
	.messageTitle h2::after{

		background: #ff0000;
		content: "";
		position: absolute;
		width: 30px;
		height: 2px;
		bottom: -10px;
		left: 50%;
		transform: translateX(-50%);
	}
	.messageTxt{
		width: 100%;
		font-size: 15px;
		line-height: 180%;

	}
	.messageTxt h3{
		font-size: 15px;
		line-height: 180%;
		margin-bottom: 7px;
		text-align: left;
		padding: 0;
		background: none;

	}
	.messageTxt2{
		width: 100%;
		font-size: 15px;
		line-height: 180%;

	}


	.messageTitleS{
		margin-bottom: 5px;
		position: relative;
	}
	.messageTitleS h2{
		text-align: left;
		font-size: 16px;
		color: #333;
		display: inline-block;
		position: relative;
	}
	.messageTxtS{
		font-size: 14px;
		line-height: 180%;

	}


	.profileBtn{
		margin-top: 20px;
		text-align: center;
	}
	.profileBtn a{
		display: inline-block;
		background: #ff0000;
		padding: 10px 30px;
		color: #fff;
		line-height: 100%;
		text-decoration: none;
		border-radius: 30px;

	}
	
	#company .chart01 {
		width:100%;
		margin: 0 auto;
	}

}





.notfound{
	
	padding: 80px 0 80px;
	text-align: center;

}
.notfound h2{
	font-size: 32px;
	margin-bottom: 60px;
	line-height: 160%;}

.notfound p{
	font-size: 18px;
	margin-bottom: 60px;
}

@media screen and (max-width: 800px) {
													}
													
													
.ui-dialog * {
	border: none;
	background: transparent;
}


#memberpages{
	width: 1070px;
	margin: 0 auto
}

.msa_area .return_navi a:link,.msa_area .return_navi a:visited{
	color: #fff !important;
}

@media screen and (max-width: 800px) {
#memberpages{
	width: 90%;
	margin: 0 auto
}


}



.navigation.pagination{
	display: block;
	text-align: center;
}

.single-format-standard .chart01Br{
	border-left: none;
}

.single-format-standard .chart01Br td{
	line-height: 140%;
}



.screen-reader-text{
	display: none;
}
.nav-links{

	display: inline-block;
}
.nav-links ul{
	display: flex;
	justify-content: center;
	text-align: center;
	gap:0 0;
	border-radius: 3px;
	border: 1px solid #ccc;
}
.nav-links ul li{
	border-right: 1px solid #ccc;
}
.nav-links ul li:nth-last-of-type(1){
	border-right: none;
}
.nav-links ul li span{
	display: block;
	padding: 10px;
	background: #fff;
	text-decoration: none;
}

.nav-links ul li a{
	display: block;
	padding: 10px;
	background: #eee;
	text-decoration: none;
}


.information-template-default .page-title.newsTitle,
.info-template-default .page-title.newsTitle,
.single-format-standard #content .page-title.newsTitle{
	text-align: center;
	padding: 20px 0 20px;
	margin: 0;
}

.information-template-default .page-title.newsTitle,
.info-template-default .page-title.newsTitle{
	font-weight: bold !important;
    font-size: 36px;
    background-color: transparent;
    position: relative;
}

@media screen and (max-width: 767px) {
	.post-type-archive-information #main.container,
	.post-type-archive-info #main.container,
	.single-information #main.container,
	.single-info #main.container{
		padding: 0 0 0 0;
		width: 94%;
		margin: 0 auto;
		
	}
	.information-template-default .page-title.newsTitle,
	.info-template-default .page-title.newsTitle,
	.single-format-standard #content .page-title.newsTitle{
		width: 100%;
		font-size: 24px;
	}
	.single-format-standard .chart01Br td{
		line-height: 160%;
		padding: 10px 0;
	}
	.chart02 td.infolisttitle{
		padding-top: 10px !important;
	}

	
	.entryDate{
		margin-bottom: 13px;
	}
	
	.storycontent{
		min-height: 150px;
	}
	
}







/*  申し込みの流れ   */


.tabMenu{
	margin-top: 50px;
}


.tabMenu ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom: 2px solid #ccc;
	
	margin: 0 0 30px 0;
}

.tabMenu ul li{
	width: 24.7%;
	display: flex;
	align-items: center;
	background: #fff;
	border-top:2px solid #ccc;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 10px 0;
}
.tabMenu.tab2 ul li{
	width: 49%;
}
.tabMenu ul li a,
.tabMenu ul li span{
	
	cursor: pointer;
	display: block;
	text-align: center;
	color: #666 !important;
	text-decoration: none;
	
	font-size: 18px;
	
	line-height: 130%;
	
	width: 100%;
	

}
.tabMenu ul li:hover{
	background: #D7EEFF;
	color: #666 !important;
}

.tabMenu ul li.active{
	background: #D7EEFF;
	text-decoration: none;
	color: #333 !important;
	font-weight: bold;
	border-top:2px solid #9BD4FF;
	border-left:2px solid #9BD4FF;
	border-right:2px solid #9BD4FF;
}


h2.guideTitleh2{
	font-size: 24px;
	border-radius: 6px;
	background: #51a9ec;
	color: #fff;
	padding: 15px;
	margin-bottom: 40px;
}

h2.guideTitleh2 .flowNo{
	display: inline-block;
	padding: 0 10px 0 0;
	color: #FFFA00;
	border-right: 2px dotted #fff;
	margin-right: 10px;
}




h3.guideTitleh3{
	font-size: 18px;
	border-radius: 6px;
	background: #666;
	color: #fff;
	padding: 12px;
	margin-bottom: 20px;
	margin-top: 0;
	line-height: 120%;
}



.guideBlock{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom: 2px solid #ccc;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
.guideBlock.nobdr{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 40px;
}
.guideBlock .guideImg1{
	width: 38%;
}
.guideBlock .guideImg1 img{
	width: 100%;
	height: auto;
	
	border:2px solid #ccc;
	border-radius: 5px;
	margin-bottom: 5px;
}

.guideBlock .guideTxt1{
	width: 55%;
}
.guideBlock .guideTxt1 p{
	font-size: 16px;
	margin-bottom: 30px;
	position: relative;
}
.guideBlock .guideTxt1 p .flowNo{
	position: absolute;
	left: 0;
	top: -5px;
	display: block;
	font-size: 20px;
	background: #51a9ec;
	color: #fff !important;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	transform: translateX(-120%);
	
	
}
.guideBlock .guideTxt1 p .flowNo2{
	position: absolute;
	left: 0;
	top: -3px;
	display: block;
	font-size: 16px;
	background: #666;
	color: #fff !important;
	border-radius: 8px;
	width: 40px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	transform: translateX(-120%);
}


.guideBlockOther{
	padding:30px;
	background: #fff;
	border: 3px solid #ddd;
	border-radius: 20px;
	margin-bottom: 40px;
	position: relative;
}
.guideBlockOther::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	border-bottom: 20px solid #ddd;
	border-top: 0;
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
}
.guideBlockOther .guideBlock:nth-last-of-type(1){
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}




.guideBtn1{
	
}


.guideBtn1 a{
	display: inline-block;
	padding: 15px 25px;
	
	border-radius: 5px;

	background: #ff3dfe;
	text-decoration: none;
	color: #fff !important;
	font-weight: bold;
}
.guideBtn1 a::before{
	content: "> ";
	display: inline-block;
	padding: 0 20px 0 0;
}


.guideBtn2{
	
}


.guideBtn2 a{
	display: block;

	text-decoration: underline;
	color: #333 !important;
	font-weight: bold;
	
	position: relative;
	
	padding: 0 0 0 20px;
	
	font-size: 16px;
}
.guideBtn2 a::before{
	content: "";
	display: inline-block;
	
	position: absolute;
	
	top: 50%;
	left: 0;
	
	width:9px;
	height:9px;
	
	border-top: 2px solid #ff3dfe;
	border-right: 2px solid #ff3dfe;
	
	transform: rotate(45deg) translateY(-50%);
}

.guideChui{
	border: 2px solid #ff0000;
    padding: 20px 15px 15px 15px;
    position: relative;
    margin-top: 30px;
	border-radius: 10px;
}
.guideChui div{
	position: absolute;
    top: -15px;
    line-height: 100%;
    display: inline-block;
    padding: 7px 20px;
    background: #ff0000;
    color: #fff;
	border-radius: 5px;

}
.guideBlock .guideTxt1 .guideChui p{
	margin-bottom: 0;
}

.samplelist{
	display: flex;
	flex-wrap: wrap;
	gap:20px 2%;
	margin-bottom: 20px
	
}
.samplelist li{
	width: 31%;
}
.samplelist li img{
	width: 100%;
	height: auto;
	display: block;
	border-radius: 5px;
}
.samplelist li p{
	padding: 5px;
	text-align: center;
	margin: 5px 0 0 0;
}




.storeImg{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:15px 2%;
	margin-bottom: 50px;
}
.storeImg .storeImgPh {
	width: 49%;
}
.storeImg .storeImgPh img{
	width: 100%;
	height: auto;
}
.storeImg .storeImgPh p {
	margin-top: 5px;
}

.storeMap {
	width: 100%;
	height: 400px;
	margin-bottom: 50px;
}

.storeMap iframe{
	width: 100%;
	height: 100%;
}
.storeInfo{
	text-align: center;
	margin-bottom: 30px;
}

.storeInfo span{
	display: block;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 5px;
}


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


	/*  申し込みの流れ   */


	.tabMenu{
		margin-top: 20px;
	}


	.tabMenu ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		border-bottom: none;

		margin: 0 0 30px 0;
	}

	.tabMenu ul li{
		width: 100%;
		margin: 3px;
		padding: 10px 10px 10px 20px;
		background: #fff;
		border:2px solid #ccc;
		border-radius: 10px;
	}
	.tabMenu.tab2 ul li{
		width: 100%;
	}
	.tabMenu ul li span,
	.tabMenu ul li a{
		display: block;
		line-height: 100%;
		text-align: center;
		color: #666 !important;
		text-decoration: none;

		font-size: 14px;
		position: relative;
	}
	.tabMenu ul li.active{
		background: #D7EEFF;
		text-decoration: none;
		color: #333 !important;
		font-weight: bold;
		border-top:2px solid #9BD4FF;
		border-left:2px solid #9BD4FF;
		border-right:2px solid #9BD4FF;
	}
	.tabMenu ul li::before{
		content: "";
		border-right: 2px solid #000;
		border-bottom: 2px solid #000;
		width: 12px;
		height: 12px;
		display: block;
		transform: rotate(45deg);
		position: absolute;
		top: 10px;
		left: 20px;
	}
	
	
	h2.guideTitleh2{
		font-size: 16px;
		border-radius: 6px;
		background: #51a9ec;
		color: #fff;
		padding: 10px;
		margin-bottom: 30px;
		line-height: 140%;
	}

	h2.guideTitleh2 .flowNo{
		display: inline-block;
		padding: 0 10px 0 0;
		color: #FFFA00;
		border-right: 2px dotted #fff;
		margin-right: 10px;
	}




	h3.guideTitleh3{
		font-size: 15px;
		border-radius: 4px;
		background: #666;
		color: #fff;
		padding: 8px;
		margin-bottom: 10px;
		margin-top: 0;
	}

	.guideBlock{
		display: block;
		flex-wrap: wrap;
		justify-content: space-between;
		border-bottom: 1px solid #ccc;
		padding-bottom: 15px;
		margin-bottom: 20px;
	}


	.guideBlock .guideImg1{
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	.guideBlock .guideImg1 img{
		width: 100%;
		height: auto;
		
		margin: 0 auto 6px;

		border:2px solid #ccc;
		border-radius: 5px;
	}

	.guideBlock .guideTxt1{
		width: 90%;
		margin-left: 10%;
	}
	.guideBlock .guideTxt1 p{
		font-size: 14px;
		margin-bottom: 20px;
		position: relative;
	}
	.guideBlock .guideTxt1 p .flowNo{
		position: absolute;
		left: 0;
		top: -5px;
		display: block;
		font-size: 16px;
		background: #666;
		color: #fff !important;
		border-radius: 50%;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		transform: translateX(-120%);


	}
	.guideBlock .guideTxt1 p .flowNo2{
		position: absolute;
		left: 0;
		top: -3px;
		display: block;
		font-size: 13px;
		background: #666;
		color: #fff !important;
		border-radius: 8px;
		width: 30px;
		height: 24px;
		text-align: center;
		line-height: 24px;
		transform: translateX(-120%);
	}




	.guideBlockOther{
		padding:15px;
		background: #fff;
		border: 3px solid #ddd;
		border-radius: 20px;
		margin-bottom: 40px;
		position: relative;
	}
	.guideBlockOther::before{
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 20px solid transparent;
		border-left: 20px solid transparent;
		border-bottom: 20px solid #ddd;
		border-top: 0;
		position: absolute;
		top: -20px;
		left: 50%;
		transform: translateX(-50%);
	}
	.guideBlockOther .guideBlock:nth-last-of-type(1){
		border: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}


	.samplelist{
		display: flex;
		flex-wrap: wrap;
		gap:10px 2%;
		margin-bottom: 20px

	}
	.samplelist li{
		width: 48%;
	}
	.samplelist li img{
		width: 100%;
		height: auto;
		display: block;
		border-radius: 5px;
	}
	.samplelist li p{
		padding: 5px;
		text-align: center;
		margin: 5px 0 0 0;
	}



	
	.guideBtn1{

	}


	.guideBtn1 a{
		display: inline-block;
		padding: 8px 18px;

		border-radius: 5px;

		background: #ff3dfe;
		text-decoration: none;
		color: #fff !important;
		font-weight: bold;
		font-size: 14px;
	}
	.guideBtn1 a::before{
		content: "> ";
		display: inline-block;
		padding: 0 20px 0 0;
	}


	.guideBtn2{

	}


	.guideBtn2 a{
		display: block;

		text-decoration: underline;
		color: #333 !important;
		font-weight: bold;
		
		padding: 0 0 0 14px;
		
		font-size: 14px;
	}
	.guideBtn2 a::before{
		content: "";
		display: inline-block;

		position: absolute;

		top: 8px;
		left: 0;

		width:7px;
		height:7px;

		border-top: 2px solid #ff3dfe;
		border-right: 2px solid #ff3dfe;

		transform: rotate(45deg) translateY(0);
	}


	

	.storeImg{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap:10px 2%;
		margin-bottom: 30px;
	}
	.storeImg .storeImgPh {
		width: 100%;
	}
	.storeImg .storeImgPh img{
		width: 100%;
		height: auto;
	}


	.storeMap {
		width: 100%;
		height: 250px;
		margin-bottom: 30px;
	}

	.storeMap iframe{
		width: 100%;
		height: 100%;
	}
	.storeInfo{
		text-align: center;
		margin-bottom: 20px;
	}

	.storeInfo span{
		display: block;
		font-weight: bold;
		font-size: 18px;
		margin-bottom: 5px;
	}


}






/*voice*/
.voc-template-default #main.container{
	width: 80% !important;
	min-width: 1070px;
}

.voiceTitle{
	width: 100%;
	font-size: 24px;
	text-align: center;
	padding: 20px 0 20px;
	font-weight: bold;
	margin: 0;
}

.voiceLists{
	display: flex;
	flex-wrap: wrap;
	gap:20px 2%;
	width: 1000px;
	margin: 0 auto;
	
}
.voiceLists.lplist{
	display: flex;
	flex-wrap: wrap;
	gap:20px 2%;
	width: 1070px;
	margin: 0 auto;
	
}
.voiceList{
	width: 32%;
	border: 1px solid #ddd;
}
.lplist .voiceList{
	width: 23.5%;
	border: 1px solid #ddd;
}
.voiceList:hover{
	cursor: pointer;
	border: 1px solid #ccc;
}

.voiceimg img{
	width: 100%;
	height: 300px;
	object-fit: cover;
}
.voiceTxt{
	padding: 10px;
	font-size: 14px;
}
.voiceTxt a{
	display: block;
	text-decoration: none !important;
	color: #666 !important;

}


.voiceLists ul.page-numbers{
	display: flex;
	width: 100%;
	padding-top: 30px;
	justify-content: center;
	gap: 10px;
}
.voiceLists ul.page-numbers li{
}
.voiceLists ul.page-numbers li a{
	text-decoration: none;
	display: block;
	padding: 8px 9px;
	line-height: 100%;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.voiceLists ul.page-numbers li span{
	text-decoration: none;
	display: block;
	padding: 8px 9px;
	line-height: 100%;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #eee;
}


.voicebody{
	display: flex;
	flex-wrap: wrap;
	gap:0 30px;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 0;

}
.voiceDetailImg{
	width: 460px;
}
.voiceDetailImg img{
	width: 460px;
	height: 460px;
	object-fit: contain;
	object-position: center center;
}

.voiceDetailImg .slick-initialized .slick-slide{
	max-height: 460px;
}
.voiceDetailTxt{
	width: calc(100% - 530px);
}

.newsTitle{
	padding: 0;
	margin: 0 0 30px;
	border-bottom: none;
}



.slidervoice-for {
	padding: 3px;
	height: auto;
	overflow: hidden;
	margin-bottom: 10px
}

.slidervoice-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 5px; /* サムネイル間のスペース */
	margin-bottom: 15px
}

.slidervoice-nav .thumb {
	width:10%; /* 3列レイアウトの場合 */
	cursor: pointer;
	padding: 3px;
}

.slidervoice-nav .thumb img {
	width: 50px;
	height: 50px;
	object-fit: contain;
	display: block;
	border: 1px solid #ddd;
	
}

.slidervoice-nav .thumb.active img {
	border: 1px solid #999;
}

.slidervoice-for .pdtslide-prev{
    position: absolute;
    top: 50%;
    left: 10px;
    width: 14px;
    height: 14px;
}
.slidervoice-for .pdtslide-next{
    position: absolute;
    top: 50%;
    right: 10px;
    width: 14px;
    height: 14px;
}

.userBox{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	
}
.userIcon{
	display: block;
	width: 30px;
}
.userIcon a{
	display: block;
	color: #333 !important;
	text-decoration: none;
}
.userIcon img{
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}
.username{
	display: block;
	width: calc(100% - 35px);
	
	color: #ff3dfe;
}
.username a{
	display: block;
	color: #333 !important;
	text-decoration: none;
}


.postdate{
	font-size: 12px;
	padding-top: 30px;
	text-align: right;
}

.kanrenTitle{
	text-align: center;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}
.kanrenTitle::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #ccc;
}

.kanrenTitle span{
	position: relative;
	font-size: 16px;
	display: inline-block;
	background: #fff;
	padding: 0 6px;
	font-weight: 700;
}
.kanrenList{
}
.kanrenList .scf-selected-list{
	display: flex;
	flex-wrap: wrap;
	gap:0 10px;
}
.kanrenList li{
	width: 33%;
}
.kanrenList li img{
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 6px;
}
.kanrenList li a{
	font-size: 12px;
	text-decoration: none !important;
	color: #444 !important;
	text-align: center;
	display: block;
	line-height: 140%;
}



.voiceBack{
	text-align: center;
	margin-bottom: 60px;
	margin-top: 30px;
}
.voiceBack a{
	color: #fff !important;
	display: inline-block;
	padding: 10px 60px 10px 60px;
	line-height: 100%;
	text-decoration: none;
	border-radius: 30px;
	
	position: relative;
	background: #ff16d6;
}

.voiceBack a::before{
	content: "";
	width: 15px;
	height: 15px;
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%) rotate(180deg);

	background: #ff16d6 url("../images/page/goods/original-tshirts/arrow_w.png") no-repeat left center ;
	background-size: 15px;
	
	

}


.voiceTxt p{
	margin-top: 10px;
	font-size: 14px;
	
}


.voiceTxt .postdate{
	font-size: 12px;
	padding-top: 5px;
}


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

	.voc-template-default #main.container{
		width: 100% !important;
		min-width: 100%;
	}

	.voiceLists{
		display: flex;
		flex-wrap: wrap;
		gap:15px 3%;
		width: 94%;
		margin: 0 auto;

	}
	.voiceLists.lplist{
		display: flex;
		flex-wrap: wrap;
		gap:15px 3%;
		width: 94%;
		margin: 0 auto;

	}
	.voiceList{
		width: 48.5%;
		border: 1px solid #ddd;
	}
	.lplist .voiceList{
			width: 48.5%;
			border: 1px solid #ddd;
	}

	.voiceList:hover{
		cursor: pointer;
		border: 1px solid #ccc;
	}

	.voiceimg img{
		width: 100%;
		height: 150px;
		object-fit: cover;
	}
	.voiceTxt{
		padding: 10px;
		font-size: 13px;
	}
	.voiceTxt a{
		display: block;
		text-decoration: none !important;
		color: #666 !important;

	}


	.voicebody{
		display: flex;
		flex-wrap: wrap;
		gap:0 30px;
		width: 94%;
		max-width: 94%;
		margin: 0 auto;

	}
	.voiceDetailImg{
		width: 100%;
	}
	.voiceDetailImg img{
		width: 100%;
		height: auto;
	}
	.voiceDetailImg img{
		width: 100%;
		height: 300px;
		max-height: 300px;
		object-fit: contain;
		object-position: center center;
	}

	.voiceDetailImg .slick-initialized .slick-slide{
		max-height: 300px;
	}
	.voiceDetailTxt{
		width: 100%;
	}

	.newsTitle{
		padding: 0;
		margin: 0 0 30px;
		border-bottom: none;
	}



	.slidervoice-for {
		padding: 3px;
		height: auto;
		overflow: hidden;
		margin-bottom: 10px;
	}

	.slidervoice-nav {
		display: flex;
		flex-wrap: wrap;
		gap: 0; /* サムネイル間のスペース */
		margin-bottom: 30px
	}

	.slidervoice-nav .thumb {
		width: calc(18.2857%); /* 3列レイアウトの場合 */
		cursor: pointer;
		padding: 3px;
	}

	.slidervoice-nav .thumb img {
		width: 100%;
		display: block;
		border: 1px solid #ddd;
	}

	.slidervoice-nav .thumb.active img {
		border: 1px solid #999;
	}



	.userBox{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;

	}
	.userIcon{
		display: block;
		width: 20px;
	}
	.userIcon a{
		display: block;
	}
	.userIcon img{
		display: block;
		width: 20px;
		height: 20px;
		border-radius: 50%;
	}
	.username{
		display: block;
		width: calc(100% - 25px);

		color: #ff3dfe;
		
		font-size: 10px;
	}

	.postdate{
		font-size: 10px;
		padding-top: 20px;
	}



	.kanrenTitle{
		text-align: center;
		position: relative;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.kanrenTitle::before{
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 1px;
		background: #ccc;
	}

	.kanrenTitle span{
		position: relative;
		font-size: 16px;
		display: inline-block;
		background: #fff;
		padding: 0 6px;
		font-weight: 700;
	}
	.kanrenList{
	}
	.kanrenList .scf-selected-list{
		display: flex;
		flex-wrap: wrap;
		gap:0 10px;
	}
	.kanrenList li{
		width: 48%;
	}
	.kanrenList li img{
		width: 100%;
		height: auto;
		display: block;
		margin-bottom: 6px;
	}
	.kanrenList li a{
		font-size: 10px;
		text-decoration: none !important;
		color: #444 !important;
		text-align: center;
		display: block;
		line-height: 140%;
	}


	
	.voiceBack{
		text-align: center;
		margin-bottom: 60px;
		margin-top: 30px;
	}
	.voiceBack a{
		color: #fff !important;
		display: inline-block;
		padding: 10px 60px 10px 60px;
		line-height: 100%;
		text-decoration: none;
		border-radius: 30px;

		position: relative;
		background: #ff16d6;
	}

	.voiceBack a::before{
		content: "";
		width: 15px;
		height: 15px;
		position: absolute;
		top: 50%;
		left: 15px;
		transform: translateY(-50%) rotate(180deg);

		background: #ff16d6 url("../images/page/goods/original-tshirts/arrow_w.png") no-repeat left center ;
		background-size: 15px;



	}


	.voiceTxt p{
		margin-top: 5px;
		font-size: 12px;
		margin-bottom: 4px;

	}


	.voiceTxt .postdate{
		font-size: 10px;
		padding-top: 0px;
	}

}









/*  ホーム売れ筋　*/

.pdtListBoxs{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap:20px 2%;
	margin-bottom: 50px
}

.pdtListBoxs h2.h3TitlePdt1{
	width: 100%;
	display: none;
	font-weight: 500;
}
.pdtListBoxs h2.h3TitlePdt1{
	margin: 30px 0 10px;
}


.pdtListBox{
	width: calc(94%/4);
	position: relative;
}
.pdtListBoxs3 .pdtListBox{
	width: calc(94%/3);
	position: relative;
}
.homeUresuji .pdtListBox:nth-of-type(1)::before,
.homeUresuji .pdtListBox:nth-of-type(2)::before,
.homeUresuji .pdtListBox:nth-of-type(3)::before{
	position: absolute;
	right: -9px;
	top: -9px;
	width: 60px;
	height: 60px;
	content: "NO.1";
	line-height: 20px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	border-radius: 50%;
	background: #C5A817;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.homeUresuji .pdtListBox:nth-of-type(2)::before{
	content: "NO.2";
	background: #939393;
}
.homeUresuji .pdtListBox:nth-of-type(3)::before{
	content: "NO.3";
	background: #A4642B;
}





.pdtListBox a{

	border: 1px solid #ddd;
	transition: all .1s ease-in-out;
	text-decoration: none !important;
	border-radius: 2px;
	height: 100%;
	display: flex;
	flex-direction: column;


}
.pdtListBox a:hover{
	display: flex;
	border: 1px solid #999;
}
.pdtListBoxImg {
	padding: 0;
}
.pdtListBoxImg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	
}

.pdtListBoxInfo{
	margin-bottom: 10px;
	color: #333 !important;
	
	display: flex;
	flex-wrap: wrap;
	
	
	align-items: center;
	
	padding: 5px 13px 5px 10px;
	background: #fff;
	
	border-radius: 20px;
	
	border: 1px solid #ddd;
}

.pdtListBoxInfo span{
	display: block;
	font-size: 13px;
	width: 62%;
	text-align: left;
}
.pdtListBoxInfo img{
	height: auto;
	display: block;
	width: 38%;
	padding-left: 0;
}
.pdtListBoxInfo picture{
	display: block;
	width: 38%;
}
.pdtListBoxInfo picture img{
	width: 100%;
}
.pdtListBoxInfoAutocut{
	font-size: 13px;
	color: #303030 !important;
	margin-bottom: 4px ;
	padding: 4px 0 3px;
	background: #FCD6FF;
	text-align: center;
	border-radius: 20px;
	border-bottom: 1px dashed#ccc;
}
.pdtListBoxSize{
	font-size: 11px;
	text-align: left;
	color: #333 !important;
	margin-bottom: 4px ;
	padding-bottom: 4px;
	border-bottom: 1px dashed#ccc;
}
.pdtListBoxSize span{
	color: #FF00BE;
	display: inline-block;
	padding-right: 3px;
	font-size: 14px;
	transform: translateY(1px);
}



.pdtListBoxTxt{
	border-top: 1px solid #ddd;
	padding: 15px;
	background: #F9F9F9;
	flex-grow: 1;
	display: flex;
	flex-direction: column;

}
.pdtListBoxTxt h4,
.pdtListBoxTxt h3{
	background: none;
	padding: 0;
	font-size: 15px;
	border: none;
	margin-bottom: 20px;
	flex-grow: 1;
	line-height: 140%;
	margin-top: 0;
}
.pdtListBoxTxt h4,
.pdtListBoxTxt h3{
	color: #333 !important;
	text-decoration: none !important;
	
}

.pdtListBoxStxt{
	font-size: 12px;
	color: #333 !important;
}
.pdtListBoxStxt span{
	font-size: 14px;
	color: #ff16d6 !important;
	font-weight: 700;
}





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


	.pdtListBoxs{
		display: flex;
		align-items: stretch;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap:13px 3%;
		margin-bottom: 30px
	}
	.pdtListBox,
	.pdtListBoxs3 .pdtListBox{
		width: calc(97%/2);
		position: relative;
	}
	.homeUresuji .pdtListBox:nth-of-type(1)::before,
	.homeUresuji .pdtListBox:nth-of-type(2)::before,
	.homeUresuji .pdtListBox:nth-of-type(3)::before{
		position: absolute;
		right: -6px;
		top: -6px;
		width: 44px;
		height: 44px;
		content: "NO.1";
		line-height: 20px;
		font-size: 12px;
		font-weight: 700;
		text-align: center;
		border-radius: 50%;
		background: #C5A817;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 2;
	}
	.homeUresuji .pdtListBox:nth-of-type(2)::before{
		content: "NO.2";
		background: #939393;
	}
	.homeUresuji .pdtListBox:nth-of-type(3)::before{
		content: "NO.3";
		background: #A4642B;
	}





	.pdtListBox a{

		border: 1px solid #ddd;
		transition: all .1s ease-in-out;
		text-decoration: none !important;
		border-radius: 2px;
		height: 100%;
		display: flex;
		flex-direction: column;


	}
	.pdtListBox a:hover{
		display: flex;
		border: 1px solid #999;
	}
	.pdtListBoxImg {
	}
	.pdtListBoxImg img{
		width: 100%;
		height: 100%;
		object-fit: cover;

	}

	.pdtListBoxInfo{
		margin-bottom: 10px;

		padding: 5px 13px 5px 10px;
		
		justify-content: center;
	}

	.pdtListBoxInfo span{
		font-size: 10px;
		width: 100%;
		text-align: center;
		margin-bottom: 3px;
	}
	.pdtListBoxInfo img{
		width: 50%;
	}
	.pdtListBoxInfo picture{
		display: block;
		width: 50%;
	}

	.pdtListBoxSize{
		font-size: 10px;
		text-align: left;
		margin-bottom: 3px ;
		padding-bottom: 3px;
	}
	.pdtListBoxSize span{
		padding-right: 3px;
		font-size: 12px;
		transform: translateY(1px);
	}



	.pdtListBoxTxt{
		border-top: 1px solid #ddd;
		padding: 8px;
		background: #F9F9F9;
		flex-grow: 1;
		display: flex;
		flex-direction: column;

	}
	.pdtListBoxTxt h4,
	.pdtListBoxTxt h3{
		background: none;
		padding: 0;
		font-size: 13px;
		border: none;
		margin-bottom: 10px;
		flex-grow: 1;

	}
	.pdtListBoxTxt h4,
	.pdtListBoxTxt h3{
		color: #333 !important;
		text-decoration: none !important;

	}

	.pdtListBoxStxt{
		font-size: 10px;
		color: #333 !important;
	}
	.pdtListBoxStxt span{
		font-size: 11px;
		color: #ff16d6 !important;
		font-weight: 700;
	}




}





/*LP*/


.lp_movie{
	background: #DFF2FD;
	text-align: center;
	padding: 40px 40px 80px;

	gap:30px;
}
.lp_movie_box{
	display: inline-block;
	width: 500px;
	border-radius: 20px;
	border: 6px solid #000;
	background: #000;
	overflow: hidden;
	aspect-ratio: 15.75 / 9;
	
	margin: 0 20px;
	
	box-shadow: 10px 10px 0 rgba(0,0,0,.1);
}
.lp_movie_box iframe {
  width: 100%;
  height: 100%;
}
/*
.lp_movie_sp{
	display: none;
}
*/
@media screen and (max-width: 800px) {
	.lp_movie{
		background: #DFF2FD;
		text-align: center;
		padding: 20px 30px 40px;
	}
	/*.lp_movie_pc{
		display: none;
	}*/
	.lp_movie_box{
		width: 100%;
		display: block;
		border-radius: 20px;
		border: 6px solid #000;
		background: #000;
		overflow: hidden;

		margin: 0 auto 10px;
	}
	.lp_movie_sp{
		display: none;
	}
	lp_movie_box iframe {
	  width: 100%;
	  height: 100%;
	}

}



.cart_completion{
	text-align: center;
}

.back_to_top_button{
	background: #ff00fe;
	border-radius: 10px;
	font-weight: bold;
	color: #fff !important;
	text-decoration: none;
	padding: 15px 24px; 
	
}