@charset "utf-8";

/************************************************
COMMON
*************************************************/
/* -- ナビゲーション --*/
nav ul.pagesearch_area li {
	display: inline-block;
	margin-right: 15px;
}
nav .pagenavi_area ul.change li {
	display: inline-block;
	line-height: 300%;
	margin: 0 2px;
}
nav .pagenavi_area a {
	padding: 4px 11px;
	border: 1px solid #EFEFEF;
	border-radius: 4px;
}
nav .pagenavi_area a:hover,
nav .pagenavi_area a:active {
	background-color: #DDDDDD;
	border: none;
	border: 1px solid #DDDDDD;
}
nav .pagenavi_area .pagenation a {
	border-radius: 20px;
	margin: 0 2px;
}
nav .pagenavi_area .pagenation strong {
	padding: 4px 11px;
	margin: 0 2px;
	border-radius: 20px;
	background-color: #DDDDDD;
}
/* -- アドレス帳 --*/
ul.card_list li.add .card a {
	display: block;
	padding: 58px 0;
}
ul.card_list li .card label {
	margin-bottom: 0;
}
@media screen and (min-width: 768px){
	ul.card_list li .card {
		min-height: 200px;
	}
}
/* ---------------------------------------------
	トップページ
--------------------------------------------- */
@media screen and (min-width: 768px){
	.assignment {
		background-color: #F6F7F7;
		padding: 110px 0 130px;
	}
	.assignment .contents {
		width: 1100px;
		margin: 0 auto;
	}
	.assignment .catch {
		font-size: 20px;
		font-size: 2.0rem;
		text-align: center;
	}
	.assignment h2 {
		font-size: 44px;
		font-size: 4.4rem;
		text-align: center;
		margin: 15px auto 25px;
	}
	.assignment .block ul {
		margin-top: 60px;
	}
	.assignment .block ul li {
		margin-bottom: 28px;
		vertical-align: top;
	}
	.assignment .block ul li a {
		background-color: #125AAA;
		border-radius: 25px;
		font-size: 15px;
		font-size: 1.5rem;
		padding: 6px 30px;
		color: #FFFFFF;
	}
	.assignment .block ul li img.arw {
		margin-left: -15px;
		margin-top: -5px;
		transition: all .3s;
	}
	.assignment .block ul li a:hover {
		text-decoration: none;
	}
	.assignment .block ul li:hover img.arw {
		margin-left: 0px;
	}
	.assignment .block li.img {
		width: 486px;
		height: 486px;
		background-image: url('/contents/ex/images/top/circle_orenge.png');
		background-repeat: no-repeat;
		position: relative;
	}
	.assignment .block li.img span {
		font-size: 36px;
		font-size: 3.6rem;
		position: absolute;
		top: 220px;
		left: 190px;
		letter-spacing: 0px;
		line-height: 1.2;
		text-align: center;
	}
	.highlevel {
		background-color: #FFC848;
		padding: 100px 0 90px;
	}
	.highlevel .contents {
		width: 1100px;
		margin: 0 auto;
		background-image: url('/contents/ex/images/top/illustration001.png');
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	.highlevel .contents h2 {
		font-size: 40px;
		font-size: 4.0rem;
		margin-left: 490px;
		font-weight: 800 !important;
		margin-bottom: 35px;
	}
	.highlevel .contents .catch {
		font-size: 24px;
		font-size: 2.4rem;
		margin-left: 490px;
		font-weight: 500 !important;
		margin-bottom: 10px;
	}
	.highlevel .contents .text {
		font-size: 16px;
		font-size: 1.6rem;
		margin-left: 490px;
		line-height: 2.1;
	}
	.design {
		background-color: #F6F7F7;
		padding: 100px 0 90px;
	}
	.design .contents {
		width: 1100px;
		margin: 0 auto;
		background-image: url('/contents/ex/images/top/illustration002.png');
		background-repeat: no-repeat;
		background-position: right bottom;
	}
	.design .contents h2 {
		font-size: 40px;
		font-size: 4.0rem;
		font-weight: 800 !important;
		margin-bottom: 35px;
	}
	.design .contents .catch {
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: 500 !important;
		margin-bottom: 10px;
	}
	.design .contents .text {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 2.1;
		width: 600px;
	}
	.automation {
		background-color: #125AAA;
		padding: 100px 0 90px;
		color: #FFFFFF;
	}
	.automation .contents {
		width: 1100px;
		margin: 0 auto;
		background-image: url('/contents/ex/images/top/illustration003.png');
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	.automation .contents h2 {
		font-size: 40px;
		font-size: 4.0rem;
		margin-left: 490px;
		font-weight: 800 !important;
		margin-bottom: 35px;
	}
	.automation .contents .catch {
		font-size: 24px;
		font-size: 2.4rem;
		margin-left: 490px;
		font-weight: 500 !important;
		margin-bottom: 10px;
	}
	.automation .contents .text {
		font-size: 16px;
		font-size: 1.6rem;
		margin-left: 490px;
		line-height: 2.1;
	}
}
@media (orientation: landscape) and (max-height: 450px) and (min-width: 800px){
	.assignment .contents {
		width: 800px;
		margin: 0 auto;
	}
	.assignment .block ul li {
		margin-bottom: 15px;
		vertical-align: top;
	}
	.assignment .block ul li a {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 6px 15px;
		color: #FFFFFF;
	}
	.assignment .block ul li img.arw {
		display: none;
	}
	.assignment .block li.img {
		width: 400px;
		height: 400px;
		background-image: url('/contents/ex/images/top/circle_orenge.png');
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}
	.assignment .block li.img span {
		font-size: 36px;
		font-size: 3.6rem;
		position: absolute;
		top: 170px;
		left: 100px;
		letter-spacing: 0px;
		line-height: 1.2;
		text-align: center;
	}
	.highlevel .contents,
	.design .contents,
	.automation .contents {
		width: 800px;
	}
	.highlevel .contents h2,
	.highlevel .contents .catch,
	.highlevel .contents .text,
	.automation .contents h2,
	.automation .contents .catch,
	.automation .contents .text {
		margin-left: 190px;
		line-height: 2.1;
	}
	.automation .contents .catch {
		color: #333333;
	}
}
@media screen and (max-width: 767px){
	.assignment {
		margin: 30px 0 50px;
	}
	.assignment .contents {
		padding: 0 15px;
	}
	.assignment .catch {
		text-align: center;
	}
	.assignment h2 {
		font-size: 30px;
		font-size: 3.0rem;
		text-align: center;
		margin: 15px auto 25px;
	}
	.assignment .block ul {
		margin-top: 20px;
	}
	.assignment .block ul li {
		margin-bottom: 15px;
	}
	.assignment .block ul li a {
		background-color: #125AAA;
		border-radius: 25px;
		font-size: 12px;
		font-size: 1.2rem;
		padding: 6px 15px;
		color: #FFFFFF;
	}
	.assignment .block ul li img.arw {
		display: none;
	}
	.assignment .block li.img img {
		width: 100%;
		height: 100%;
	}
	.highlevel {
		background-color: #FFC848;
		padding: 90px 0 40px;
		padding-left: -15px;
		padding-right: -15px;
	}
	.design {
		padding: 90px 0 40px;
		padding-left: -15px;
		padding-right: -15px;
	}
	.automation {
		background-color: #125AAA;
		padding: 90px 0 40px;
		padding-left: -15px;
		padding-right: -15px;
		color: #FFFFFF;
	}
	.threefeatures .img img {
		padding: 0 15px;
		width: 100%;
		height: 100%;
	}
	.threefeatures .contents {
		padding: 100px 15px 0;
	}
	.threefeatures .contents h2 {
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: 800 !important;
		margin-bottom: 35px;
	}
	.threefeatures .contents .catch {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500 !important;
		margin-bottom: 30px;
		line-height: 1.7;
	}
	.threefeatures .contents .text {
		line-height: 2.1;
	}

}
/* クラフトカートの豊富な機能 */
@media screen and (min-width: 768px){
	.richfeatures {
		padding: 180px 0 0;
	}
	.richfeatures .contents {}
	.richfeatures .catch {
		font-size: 20px;
		font-size: 2.0rem;
		text-align: center;
	}
	.richfeatures h2 {
		font-size: 44px;
		font-size: 4.4rem;
		text-align: center;
		margin: 15px auto 25px;
	}
	.richfeatures .to_features {
		width: 800px;
		margin: 80px auto 0;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.richfeatures .to_features i {
		font-size: 20px;
		font-size: 2.0rem;
		transition: all .3s;
	}
	.richfeatures .to_features a:hover {
		text-decoration: none;
	}
	.richfeatures .to_features a:hover i {
		margin-left: -10px;
	}
	.richfeatures .sliderFeatures {
		position: relative;
		margin: 25px auto;
		padding: 10px 0 20px;
	}
	.richfeatures .sliderFeatures .swiper-wrapper {
		text-align: center;
	}
	.richfeatures .sliderFeatures .swiper-slide {
		width: 250px;
	}
	.richfeatures .sliderFeatures .swiper-slide a {
		display: block;
		width: 250px;
		height: 280px;
		transition: all .3s;
	}
	.richfeatures .sliderFeatures .swiper-slide a:hover {
		margin-top: -10px;
	}
	.richfeatures .sliderFeatures .swiper-slide div {
		position: absolute;
		top: 45%;
		left: 0;
		right: 0;
		color: #FFFFFF;
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: 300;
	}
	.richfeatures .sliderFeatures .swiper-pagination {
		bottom: -5px;
	}
	.richfeatures .sliderFeatures .swiper-pagination-bullet {
		background-color: #f5695f;
		height: 5px;
		width: 20px;
		border-radius: 0;
		transition: all .3s;
	}
	.richfeatures .sliderFeatures .swiper-pagination-bullet-active {
		width: 50px;
	}
	.richfeatures .features {
		width: 1000px;
		margin: 100px auto;
		font-size: 0;
	}
	.richfeatures .features li {
		width: 313px;
		display: inline-block;
		vertical-align: top;
		margin-right: 30px;
	}
	.richfeatures .features li:nth-child(3n) {
		margin-right: 0;
	}
	.richfeatures .features a {
		display: block;
		margin-bottom: 70px;
		transition:0.3s;
	}
	.richfeatures .features a:hover {
		text-decoration: none;
		transform:scale(1.1);
	}
	.richfeatures .features li .sub_title {
		width: 300px;
		margin-left: 13px;
		color: #FFFFFF;
		text-align: center;
		font-size: 10px;
		font-size: 1.0rem;
		background-color: #125AAA;
		padding: 5px;
	}
	.richfeatures .features li .title {
		width: 300px;
		margin-left: 13px;
		font-size: 16px;
		font-size: 1.6rem;
		background-color: #FFFFFF;
		padding: 15px 0;
		font-weight: 500;
	}
	.richfeatures .features li .text {
		width: 300px;
		margin-left: 13px;
		font-size: 12px;
		font-size: 1.2rem;
		padding: 20px;
		line-height: 2.0;
		background-color: #F6F7F7;
	}
}
@media (orientation: landscape) and (max-height: 450px) and (min-width: 800px){
	.richfeatures .features {
		zoom: 0.9;
	}
	.richfeatures .features li {
		margin-right: 15px;
	}
}
@media screen and (max-width: 767px){
	.richfeatures {
		margin: 60px 0 50px;
	}
	.richfeatures .contents {
		padding: 0 15px;
	}
	.richfeatures .catch {
		text-align: center;
	}
	.richfeatures h2 {
		font-size: 30px;
		font-size: 3.0rem;
		text-align: center;
		margin: 15px auto 40px;
	}
	.richfeatures .sliderFeatures {
		position: relative;
		margin: 25px auto;
		padding: 10px 0 0;
	}
	.richfeatures .sliderFeatures .swiper-wrapper {
		text-align: center;
	}
	.richfeatures .sliderFeatures .swiper-slide {
		width: 250px;
		zoom: 0.66;
	}
	.richfeatures .sliderFeatures .swiper-slide a {
		display: block;
		width: 250px;
		height: 280px;
		transition: all .3s;
	}
	.richfeatures .sliderFeatures .swiper-slide div {
		position: absolute;
		top: 45%;
		left: 0;
		right: 0;
		color: #FFFFFF;
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: 300;
	}
	.richfeatures .to_features {
		margin: 0 auto 50px;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.richfeatures .to_features i {
		font-size: 20px;
		font-size: 2.0rem;
		transition: all .3s;
	}
	.richfeatures .features {}
	.richfeatures .features li {
		margin: 0 auto;
		width: 313px;
	}
	.richfeatures .features a {
		display: block;
		margin-bottom: 70px;
	}
	.richfeatures .features li .sub_title {
		width: 300px;
		margin-left: 13px;
		color: #FFFFFF;
		text-align: center;
		font-size: 10px;
		font-size: 1.0rem;
		background-color: #125AAA;
		padding: 5px;
	}
	.richfeatures .features li .title {
		width: 300px;
		margin-left: 13px;
		font-size: 16px;
		font-size: 1.6rem;
		background-color: #FFFFFF;
		padding: 15px 0;
		font-weight: 500;
	}
	.richfeatures .features li .text {
		width: 300px;
		margin-left: 13px;
		font-size: 12px;
		font-size: 1.2rem;
		padding: 20px;
		line-height: 2.0;
		background-color: #F6F7F7;
	}
}
/* 導入事例 */
@media screen and (min-width: 768px){
	.example {
		padding: 140px 0 0;
	}
	.example .contents {}
	.example .catch {
		font-size: 20px;
		font-size: 2.0rem;
		text-align: center;
	}
	.example h2 {
		font-size: 44px;
		font-size: 4.4rem;
		text-align: center;
		margin: 15px auto 45px;
	}
	.example .img {
		background-color: #F6F7F7;
		text-align: center;
		padding: 50px 0;
	}
	.example .img img {
		transition: .6s;
	}
	.example .img img:hover {
		transform: scale(0.95);
	}
	.faq {
		padding: 140px 0 130px;
	}
	.faq .contents {}
	.faq .catch {
		font-size: 20px;
		font-size: 2.0rem;
		text-align: center;
	}
	.faq h2 {
		font-size: 44px;
		font-size: 4.4rem;
		text-align: center;
		margin: 15px auto 45px;
	}
	.faq .accordion {
		width: 860px;
		margin: 0 auto;
	}
	.faq .accordion .faq_acc-title {
		border-bottom: 1px solid #E5E5E5;
		font-size: 16px;
		font-weight: 500;
		padding: 35px 55px 35px 55px;
/*		background-image: url("/contents/ex/images/top/faq_icon.png");*/
		background-image: url("/contents/ex/images/top/icon_faq_q.svg");
		background-size: 35px 35px;
		background-repeat: no-repeat;
		background-position: left 0 top 30px;
	}
	.faq .accordion .faq_acc-title.open {
		border-bottom: none;
	}
	.faq .accordion-content {
		margin-left: 0;
		padding: 5px 55px 35px 55px;
		border-bottom: 1px solid #E5E5E5;
/*		background-image: url("/contents/ex/images/top/faq_a_icon.png");*/
		background-image: url("/contents/ex/images/top/icon_faq_a.svg");
		background-size: 35px 35px;
		background-repeat: no-repeat;
		background-position: left 0 top 0px;
	}
}
@media screen and (max-width: 767px){
	.example {
		margin: 60px 0 50px;
	}
	.example .contents {}
	.example .catch {
		text-align: center;
	}
	.example h2 {
		font-size: 30px;
		font-size: 3.0rem;
		text-align: center;
		margin: 15px auto 40px;
	}
	.example .img {
		background-color: #F6F7F7;
		text-align: center;
		padding: 50px 0;
	}
	.example .img img {
		width: 96%;
	}
	.faq {
		margin: 60px 0 50px;
	}
	.faq .contents {
		margin: 0 15px;
	}
	.faq .catch {
		text-align: center;
	}
	.faq h2 {
		font-size: 30px;
		font-size: 3.0rem;
		text-align: center;
		margin: 15px auto 40px;
	}
	.faq .accordion {
		width: 100%;
		margin: 0 auto;
	}
	.faq .accordion .faq_acc-title {
		border-bottom: 1px solid #E5E5E5;
		font-size: 16px;
		font-weight: 500;
		padding: 35px 40px 35px 50px;
/*		background-image: url("/contents/ex/images/top/faq_icon.png");*/
		background-image: url("/contents/ex/images/top/icon_faq_q.svg");
		background-size: 35px 35px;
		background-repeat: no-repeat;
		background-position: left 0 top 30px;
	}
	.faq .accordion .faq_acc-title.open {
		border-bottom: none;
	}
	.faq .accordion-content {
		margin-left: 0;
		padding: 5px 40px 35px 50px;
		border-bottom: 1px solid #E5E5E5;
		background-image: url("/contents/ex/images/top/faq_a_icon.png");
		background-image: url("/contents/ex/images/top/icon_faq_a.svg");
		background-size: 35px 35px;
		background-repeat: no-repeat;
		background-position: left 0 top 5px;
	}
}
/* -- 新着情報 --*/
@media screen and (min-width: 768px){
	.news {
	}
	.news .contents {}
	.news .catch {
		font-size: 20px;
		font-size: 2.0rem;
		text-align: center;
	}
	.news h2 {
		font-size: 44px;
		font-size: 4.4rem;
		text-align: center;
		margin: 15px auto 45px;
	}
	.news .to_newslist {
		width: 800px;
		margin: 0 auto 40px;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.news .to_newslist i {
		font-size: 20px;
		font-size: 2.0rem;
		transition: all .3s;
	}
	.news .to_newslist a:hover {
		text-decoration: none;
	}
	.news .to_newslist a:hover i {
		margin-left: -10px;
	}
	.news .newslist {
		width: 1000px;
		margin: 0 auto 130px;
		font-size: 0;
	}
	.news .newslist dl {
		margin-bottom: 20px;
	}
	.news .newslist dl dt {
		width: 120px;
		background-color: #F6F7F7;
		display: inline-block;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: 400;
		padding: 12px 0;
		text-align: center;
		vertical-align: middle;
	}
	.news .newslist dl:first-child dt {
		background-color: #000000;
		color: #FFFFFF;
	}
	.news .newslist dl dd {
		width: 880px;
		display: inline-block;
		font-size: 16px;
		font-size: 1.6rem;
		padding-left: 80px;
		vertical-align: middle;
	}
}
@media (orientation: landscape) and (max-height: 450px) and (min-width: 800px){
	.news .newslist {
		width: 800px;
	}
	.news .newslist dl dd {
		width: 680px;
	}
}
@media screen and (max-width: 767px){
	.news {
		margin: 80px 0 60px;
	}
	.news .contents {}
	.news .catch {
		text-align: center;
	}
	.news h2 {
		font-size: 30px;
		font-size: 3.0rem;
		text-align: center;
		margin: 15px auto 70px;
	}
	.news .newslist {
		margin-bottom: 40px;
		padding: 0 15px;
	}
	.news .newslist dl {
		margin-bottom: 30px;
	}
	.news .newslist dl dt {
		width: 120px;
		background-color: #F6F7F7;
		font-weight: 400;
		padding: 9px 0;
		margin-bottom: 10px;
		text-align: center;
	}
	.news .newslist dl:first-child dt {
		background-color: #000000;
		color: #FFFFFF;
	}
	.news .newslist dl dd {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.news .to_newslist {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.news .to_newslist i {
		font-size: 20px;
		font-size: 2.0rem;
	}
}
/* ---------------------------------------------
	ユーザーページ
--------------------------------------------- */
/* クラフトカートとは */
@media screen and (min-width: 768px){
	.concept {
		width: 1200px;
		margin: 80px auto 120px;
		background-color: #F6F7F7;
		background-image: url('/contents/ex/images/contents/head_back.png');
		background-repeat: no-repeat;
		background-position: right top;
		border-radius: 20px;
		padding: 100px 100px 80px;
	}
	.concept .catch {
		color: #123AAA;
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: 700;
		margin-bottom: 15px;
	}
	.concept h2 {
		font-size: 44px;
		font-size: 4.4rem;
		font-weight: 400;
		margin-bottom: 40px;
	}
	.concept .contents {}
	.concept .read {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500;
		margin-bottom: 25px;
	}
	.concept .text p {
		line-height: 1.7;
		margin-bottom: 25px;
	}
	.about {
		width: 1000px;
		margin: 0 auto 180px;
	}
	.about .about01 h3,
	.about .about02 h3,
	.about .about03 h3 {
		font-size: 36px;
		font-size: 3.6rem;
		font-weight: 600 !important;
		color: #123AAA;
		margin-bottom: 50px;
		line-height: 1.5;
		margin-bottom: 40px;
	}
	.about .about01 .text p,
	.about .about02 .text p,
	.about .about03 .text p {
		font-weight: 500;
		font-size: 16px;
		font-size: 1.6rem;
		margin-bottom: 25px;
		line-height: 1.7;
	}
	.about .about01 {
		background-image: url('/contents/ex/images/contents/about001.png');
		background-repeat: no-repeat;
		background-position: right top;
	}
	.about .about02 {
		background-image: url('/contents/ex/images/contents/about002.png');
		background-repeat: no-repeat;
		background-position: left top;
		text-align: right;
	}
	.about .about03 {
		background-image: url('/contents/ex/images/contents/about003.png');
		background-repeat: no-repeat;
		background-position: right top;
	}
	.about .about00 {
		height: 110px;
		border-left: 1px solid #000000;
		position: relative;
		margin-bottom: 40px;
		margin-left: 150px;
	}
	.about .about00::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: -5px;
		border: solid 5px #000000;
		border-radius: 50%;
	}
}
@media (orientation: landscape) and (max-height: 450px) and (min-width: 800px) {
	.concept {
		width: 96%;
		margin: 80px auto 120px;
	}
	.about {
		width: 96%;
		margin: 0 auto 180px;
	}
}
@media screen and (max-width: 767px){
	.concept {
		margin: 100px 15px 50px;
		background-color: #F6F7F7;
		background-image: url('/contents/ex/images/contents/head_back_sp.png');
		background-repeat: no-repeat;
		background-position: right top;
		border-radius: 20px;
		padding: 40px 20px 40px;
	}
	.concept .catch {
		color: #123AAA;
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: 700;
		margin-bottom: 15px;
	}
	.concept h2 {
		font-size: 28px;
		font-size: 2.8rem;
		font-weight: 400;
		margin-bottom: 30px;
		line-height: 1.7;
	}
	.concept .contents {}
	.concept .read {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500;
		margin-bottom: 25px;
	}
	.concept .text p {
		line-height: 1.7;
		margin-bottom: 25px;
	}
	.about {
		margin: 0 15px;
	}
	.about .about01 .img,
	.about .about02 .img,
	.about .about03 .img {
		text-align: center;
		margin-bottom: 50px;
	}
	.about .about01 h3,
	.about .about02 h3,
	.about .about03 h3 {
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: 600 !important;
		color: #123AAA;
		margin-bottom: 50px;
		line-height: 1.5;
		margin-bottom: 30px;
	}
	.about .about01 .text,
	.about .about02 .text,
	.about .about03 .text {
		margin-bottom: 70px;
	}
	.about .about01 .text p,
	.about .about02 .text p,
	.about .about03 .text p {
		font-weight: 500;
		font-size: 16px;
		font-size: 1.6rem;
		margin-bottom: 25px;
		line-height: 1.7;
	}
}
/* 主要機能 */
@media screen and (min-width: 768px){
	.Features .features {
		width: 1200px;
		margin: 80px auto 60px;
		background-color: #F6F7F7;
		background-image: url('/contents/ex/images/contents/head_back.png');
		background-repeat: no-repeat;
		background-position: right top;
		border-radius: 20px;
		padding: 90px 70px 80px 100px;
	}
	.Features .features .catch {
		color: #123AAA;
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: 700;
		margin-bottom: 15px;
	}
	.Features .features h2 {
		font-size: 44px;
		font-size: 4.4rem;
		font-weight: 400;
		margin-bottom: 40px;
	}
	.Features .features .contents p {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.7;
		margin-bottom: 25px;
	}
	.Features .features_menu ul.img {
		font-size: 0;
		width: 1054px;
		margin: 0 auto;
	}
	.Features .features_menu ul.img li {
		width: 350px;
		height: 270px;
		display: inline-block;
		margin-right: 2px;
		margin-bottom: 40px;
		color: #FFFFFF;
		padding: 100px 35px 0;
		vertical-align: top;
	}
	.Features .features_menu ul.img li:last-child {
		margin-right: 0;
	}
	.Features .features_menu ul.img li.img001 {
		background-image: url('/contents/ex/images/contents/features00A.png');
		background-repeat: no-repeat;
	}
	.Features .features_menu ul.img li.img002 {
		background-image: url('/contents/ex/images/contents/features00B.png');
		background-repeat: no-repeat;
	}
	.Features .features_menu ul.img li.img003 {
		background-image: url('/contents/ex/images/contents/features00C.png');
		background-repeat: no-repeat;
	}
	.Features .features_menu ul.img li .title {
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: 600;
		margin-bottom: 20px;
	}
	.Features .features_menu ul.img li .text {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 2.0;
	}
	.Features .features_menu ul.link {
		width: 1000px;
		margin: 0 auto;
		padding-bottom: 90px;
	}
	.Features .features_menu ul.link li {
		display: inline-block;
		margin-right: 7px;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 400;
		text-align: center;
		margin-bottom: 8px;
		transition:0.3s;
	}
	.Features .features_menu ul.link li a {
		display: block;
		border-radius: 5px;
		background-color: #125AAA;
		color: #FFFFFF;
		padding: 3px 45px 4px;
	}
	.Features .features_menu ul.link li a:hover {
		text-decoration: none;
		transform:scale(1.1);
	}
}
@media (orientation: landscape) and (max-height: 450px) and (min-width: 800px) {
	.Features .features {
		width: 96%;
		margin: 80px auto 120px;
	}
	.Features .features_menu ul.img {
		width: 96%;
	}
	.Features .features_menu ul.img li {
		width: 33%;
	}
	.Features .features_menu ul.link {
		width: 96%;
	}
}
@media screen and (max-width: 767px){
	.Features .features {
		margin: 100px 15px 32px;
		background-color: #F6F7F7;
		background-image: url('/contents/ex/images/contents/head_back_sp.png');
		background-repeat: no-repeat;
		background-position: right top;
		border-radius: 20px;
		padding: 40px 20px 40px;
	}
	.Features .features .catch {
		color: #123AAA;
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: 700;
		margin-bottom: 15px;
	}
	.Features .features h2 {
		font-size: 28px;
		font-size: 2.8rem;
		font-weight: 400;
		margin-bottom: 30px;
		line-height: 1.7;
	}
	.Features .features .contents p {
		line-height: 1.7;
	}
	.Features .features_menu ul.img {
		font-size: 0;
	}
	.Features .features_menu ul.img li {
		width: 33%;
		height: 100%;
		display: inline-block;
		margin-bottom: 20px;
		color: #FFFFFF;
		padding: 30px 10px 0;
		vertical-align: top;
	}
	.Features .features_menu ul.img li.img001 {
		background-image: url('/contents/ex/images/contents/features00A.png');
		background-repeat: no-repeat;
		background-size: cover;
	}
	.Features .features_menu ul.img li.img002 {
		width: 34%;
		background-image: url('/contents/ex/images/contents/features00B.png');
		background-repeat: no-repeat;
		background-size: cover;
	}
	.Features .features_menu ul.img li.img003 {
		background-image: url('/contents/ex/images/contents/features00C.png');
		background-repeat: no-repeat;
		background-size: cover;
	}
	.Features .features_menu ul.img li .title {
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: 600;
		margin-bottom: 17px;
	}
	.Features .features_menu ul.link {
		width: 96%;
		margin: 0 auto;
	}
	.Features .features_menu ul.link li {
		display: inline-block;
		font-size: 11px;
		font-size: 1.1rem;
		font-weight: 400;
		text-align: center;
		margin-bottom: 5px;
		vertical-align: middle;
	}
	.Features .features_menu ul.link li a {
		display: block;
		width: 18.5vw;
		height: auto;
		line-height: 72px;
		border-radius: 5px;
		background-color: #125AAA;
		color: #FFFFFF;
		padding: 0 2px;
	}
}
/* 主要機能（コンテンツ） */
@media screen and (min-width: 768px){
	.f_contents {
		margin-bottom: 80px;
	}
	.f_contents h2 {
		width: 1200px;
		background-color: #F6F7F7;
		font-size: 24px;
		font-size: 2.4rem;
		margin: 0 auto;
		padding: 18px 0 18px 85px;
		color: #125AAA;
	}
	.f_contents .contents {
		width: 1000px;
		margin: 50px auto 70px;
	}
	.f_contents .contents h3 {
		font-size: 20px;
		font-size: 2.0rem;
		color: #125AAA;
		margin-bottom: 10px;
		font-weight: 500 !important;
	}
	.f_contents .contents .icon {
		font-size: 14px;
		font-size: 1.4rem;
		color: #FFFFFF;
		border-radius: 3px;
		margin-bottom: 35px;
		text-align: center;
		width: 75px;
		font-weight: 300;
		height: 24px;
		line-height: 24px;
	}
	.f_contents .contents .default {
		background-color: #FF6600;
	}
	.f_contents .contents .option {
		background-color: #AEC338;
		width: 120px;
	}
	.f_contents .contents .advanced {
		background-color: #D82138;
		width: 150px;
	}
	.f_contents .contents .description {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500;
		margin-bottom: 30px;
	}
	.f_contents .contents dl dd {
		margin-bottom: 30px;
	}
	.f_contents .contents .procedure {
		margin: 0 0 25px;
		display: inline-block;
		background-color: #F6F7F7;
		padding: 15px 25px;
		line-height: 2.0;
		border-radius: 10px;
	}
	.f_contents .list {
		width: 1000px;
		margin: 0 auto;
		font-size: 0;
	}
	.f_contents .list li {
		width: 330px;
		height: 150px;
		padding: 20px 20px;
		font-size: 14px;
		font-size: 1.4rem;
		margin-right: 5px;
		margin-bottom: 20px;
		display: inline-block;
		border: 1px solid #E4E4E4;
		vertical-align: top;
		transition:0.3s;
	}
	.f_contents .list li:nth-child(3n) {
		margin-right: 0;
	}
	.f_contents .list li:hover {
		transform: translate(0, -5px);

	}
	.f_contents .list li .title {
		color: #125AAA;
		font-weight: 500 !important;
		display: inline-block;
		width: 184px;
	}
	.f_contents .list li .icon {
		display: inline-block;
		width: 100px;
		height: 20px;
		background-color: #FF6600;
		font-size: 10px;
		font-size: 1.0rem;
		text-align: center;
		line-height: 20px;
		color: #FFFFFF;
		border-radius: 3px;
		margin-bottom: 15px;
	}
	.f_contents .list li .icon.option {
		background-color: #AEC338;
	}
	.f_contents .list li .icon.advanced {
		background-color: #D82138;
	}
	.f_contents .list li .text {}
	.f_contents.features001 .contents002 .text {
		width: 550px;
		display: inline-block;
		vertical-align: top;
	}
	.f_contents.features001 .contents002 .img {
		width: 440px;
		display: inline-block;
		vertical-align: top;
		text-align: right;
		margin-top: -30px;
	}
	.f_contents.features002 .contents002 ul {
		font-size: 0;
	}
	.f_contents.features002 .contents002 ul li {
		width: 330px;
		display: inline-block;
		font-size: 14px;
		font-size: 1.4rem;
		vertical-align: top;
		line-height: 1.7;
	}
	.f_contents.features002 .contents002 ul li.center {
		margin-top: 30px;
		margin-right: 10px;
	}
	.f_contents.features002 .contents002 ul li.right p {
		margin-bottom: 60px;
	}
	.f_contents.features003 .contents001 p:last-child {
		font-weight: 500 !important;
	}
	.f_contents.features003 .contents003 .text .procedure {
		line-height: 1.7;
	}
	.f_contents.features004 .contents001 .text ul {
		width: 650px;
		margin: 30px 0 0;
		padding-bottom: 20px;
	}
	.f_contents.features004 .contents001 .text ul li {
		width: 200px;
		height: 30px;
		text-align: center;
		color: #125AAA;
		background-color: #F6F7F7;
		display: inline-block;
		font-weight: 500 !important;
		border-radius: 5px;
		margin-bottom: 8px;
		margin-right: 10px;
		line-height: 30px;
	}
	.f_contents.features004 .contents001 .text span {
		color: #125AAA;
		font-weight: 500 !important;
	}
	.f_contents.features004 .contents002 ul {
		font-size: 0;
	}
	.f_contents.features004 .contents002 ul li {
		width: 320px;
		display: inline-block;
		vertical-align: top;
		font-size: 14px;
		font-size: 1.4rem;
		margin-right: 20px;
	}
	.f_contents.features004 .contents002 ul li:last-child {
		margin-right: 0;
	}
	.f_contents.features004 .contents002 ul li .txt {
		width: 280px;
		margin: 0 auto;
	}
	.f_contents.features005 .description {
		margin-top: 20px;
		margin-bottom: 50px;
	}
	.f_contents.features005 .icon {
		margin-top: 5px;
		margin-bottom: 10px;
		text-align: center;
		height: 24px;
		line-height: 24px;
	}
	.f_contents.features005 .contents dl dt {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.f_contents.features005 .contents .text ul li {
		background-color: #F6F7F7;
		margin-bottom: 5px;
		width: 400px;
		text-align: center;
		font-weight: 500 !important;
		padding: 5px 0;
		border-radius: 10px;
	}
	.f_contents.features007 .contents003 ul li {
		display: inline-block;
		width: 700px;
		vertical-align: top;
	}
	.f_contents.features007 .contents003 ul li:last-child {
		width: 280px;
		text-align: right;
	}
	.f_contents.features008 .contents002 dl.flows {
		background-color: #F6F7F7;
		border-radius: 10px;
		width: 680px;
		padding: 25px 25px 1px;
		margin-bottom: 15px;
	}
	.f_contents.features008 .contents002 dl.flows dd.arow {
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: 500 !important;
		margin-top: -20px;
		margin-bottom: 10px;
		margin-left: 50px;
	}
	.f_contents.features009 .contents001 p {
		margin-bottom: 25px;
	}
	.f_contents.features009 .contents001 ul {
		background-color: #F6F7F7;
		border-radius: 10px;
		padding: 25px 25px;
		font-weight: 500 !important;
		width: 305px;
	}
	.f_contents.features010 .contents001 .text p {
		background-color: #F6F7F7;
		border-radius: 10px;
		padding: 25px 25px;
		font-weight: 500 !important;
		width: 600px;
	}
}
@media (orientation: landscape) and (max-height: 450px) and (min-width: 800px) {
	.f_contents h2 {
		width: 100%;
	}
	.f_contents .contents {
		width: 96%;
		margin: 50px 15px 70px;
	}
	.f_contents.features001 .contents002 .text {
		width: calc(96% - 440px);
	}
	.f_contents .list {
		width: 96%;
	}
	.f_contents .list li {
		width: 32%;
		height: auto;
	}
	.f_contents.features002 .contents002 ul li {
		width: 33%;
	}
	.f_contents.features002 .contents002 ul li.center {
		margin-right: 0;
	}
	.f_contents.features002 .contents002 ul li.center img {
		zoom: 0.8;
	}
	.f_contents.features004 .contents002 ul li {
		width: 31%;
	}
	.f_contents.features004 .contents002 ul li img {
		zoom: 0.8;
	}
	.f_contents.features004 .contents002 ul li .txt {
		width: 100%;
	}
	.f_contents.features006 .contents003 .text .img img {
		width: 100%;
	}
}
@media screen and (max-width: 767px){
	.f_contents {
		margin-bottom: 60px;
	}
	.f_contents h2 {
		background-color: #F6F7F7;
		font-size: 20px;
		font-size: 2.0rem;
		padding: 10px 0 10px 30px;
		margin: 80px auto 0;
		color: #125AAA;
	}
	.f_contents h2 img {
		zoom: 0.8;
	}
	.f_contents .contents {
		margin: 30px 15px 50px;
		line-height: 1.7;
	}
	.f_contents .contents h3 {
		font-size: 18px;
		font-size: 1.8rem;
		color: #125AAA;
		margin-bottom: 10px;
		font-weight: 500 !important;
	}
	.f_contents .contents .icon {
		font-size: 14px;
		font-size: 1.4rem;
		color: #FFFFFF;
		border-radius: 3px;
		margin-bottom: 25px;
		text-align: center;
		width: 75px;
		font-weight: 300;
	}
	.f_contents .contents .default {
		background-color: #FF6600;
	}
	.f_contents .contents .option {
		background-color: #AEC338;
		width: 120px;
	}
	.f_contents .contents .advanced {
		background-color: #D82138;
		width: 150px;
	}
	.f_contents .contents .description {
		font-weight: 500;
		margin-bottom: 30px;
	}
	.f_contents .contents dl dd {
		margin-bottom: 30px;
	}
	.f_contents .contents .procedure {
		margin: 0 0 25px;
		display: inline-block;
		background-color: #F6F7F7;
		padding: 15px 25px;
		line-height: 2.0;
		border-radius: 10px;
	}
	.f_contents .list {
		width: 330px;
		margin: 0 auto;
	}
	.f_contents .list li {
		height: 150px;
		padding: 20px 20px;
		font-size: 14px;
		font-size: 1.4rem;
		margin-bottom: 20px;
		border: 1px solid #E4E4E4;
	}
	.f_contents .list li .title {
		color: #125AAA;
		font-weight: 500 !important;
		display: inline-block;
		width: 184px;
	}
	.f_contents .list li .icon {
		display: inline-block;
		width: 100px;
		height: 20px;
		background-color: #FF6600;
		font-size: 10px;
		font-size: 1.0rem;
		text-align: center;
		line-height: 20px;
		color: #FFFFFF;
		border-radius: 3px;
		margin-bottom: 15px;
	}
	.f_contents .list li .icon.option {
		background-color: #AEC338;
	}
	.f_contents .list li .icon.advanced {
		background-color: #D82138;
	}
	.f_contents .list li .text {}
	.f_contents.features001 .contents002 .img {
		margin-top: 30px;
		text-align: center;
	}
	.f_contents.features002 .contents002 ul li.center {
		text-align: center;
		margin-bottom: 35px;
	}
	.f_contents.features002 .contents002 ul li.right p {
		margin-bottom: 20px;
	}
	.f_contents.features003 .contents001 .text .procedure {
		padding: 15px 0;
	}
	.f_contents.features003 .contents001 p:last-child {
		font-weight: 500 !important;
	}
	.f_contents.features003 .contents003 .text .procedure {
		line-height: 1.7;
	}
	.f_contents.features003 .contents003 .img img {
		width: 100%;
	}
	.f_contents.features004 .contents001 .text ul {
		margin: 30px 0 0;
		padding-bottom: 20px;
	}
	.f_contents.features004 .contents001 .text ul li {
		width: 48%;
		height: 30px;
		text-align: center;
		color: #125AAA;
		background-color: #F6F7F7;
		display: inline-block;
		font-weight: 500 !important;
		border-radius: 5px;
		margin-bottom: 5px;
		margin-right: 5px;
		line-height: 30px;
	}
	.f_contents.features004 .contents001 .text span {
		color: #125AAA;
		font-weight: 500 !important;
	}
	.f_contents.features004 .contents002 ul li {
		text-align: center;
	}
	.f_contents.features004 .contents002 ul li .txt {
		text-align: left;
	}
	.f_contents.features005 h3 {
		margin-bottom: 20px;
	}
	.f_contents.features005 .icon {
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.f_contents.features005 .contents dl dt {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.f_contents.features005 .contents .text ul li {
		background-color: #F6F7F7;
		margin-bottom: 5px;
		text-align: center;
		font-weight: 500 !important;
		padding: 5px 0;
		border-radius: 10px;
	}
	.f_contents.features006 .contents003 .text .img img {
		width: 100%;
	}
	.f_contents.features006 .contents003 .text .img div {
		background-color: #F6F7F7;
		border-radius: 10px;
		padding: 25px 25px;
		margin: 10px auto 35px;
		text-align: left;
	}
	.f_contents.features006 .contents003 .text .img div span {
		font-weight: 500 !important;
	}
	.f_contents.features007 .contents003 ul li:last-child {
		margin-top: 20px;
	}
	.f_contents.features008 .contents002 dl.flows {
		background-color: #F6F7F7;
		border-radius: 10px;
		width: 100%;
		padding: 25px 25px 1px;
		margin-bottom: 15px;
	}
	.f_contents.features008 .contents002 dl.flows dd.arow {
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: 500 !important;
		margin-top: -20px;
		margin-bottom: 10px;
		margin-left: 50px;
	}
	.f_contents.features009 .contents001 p {
		margin-bottom: 25px;
	}
	.f_contents.features009 .contents001 p img {
		width: 100%;
	}
	.f_contents.features009 .contents001 ul {
		background-color: #F6F7F7;
		border-radius: 10px;
		padding: 25px 25px;
		font-weight: 500 !important;
		width: 305px;
	}
	.f_contents.features010 .contents001 .text p {
		background-color: #F6F7F7;
		border-radius: 10px;
		padding: 25px 25px;
		font-weight: 500 !important;
		width: 100%;
	}
}
/* 料金プラン */
@media screen and (min-width: 768px){
	.User.Plan h2.title {
		width: 1200px;
		background-color: #F6F7F7;
		font-size: 24px;
		font-size: 2.4rem;
		margin: 0 auto;
		padding: 18px 0 18px 100px;
		color: #125AAA;
	}
	.User.Plan .f12 {
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 400 !important;
	}
	.plan {
		width: 1200px;
		margin: 80px auto 120px;
		background-color: #F6F7F7;
		background-image: url('/contents/ex/images/contents/head_back.png');
		background-repeat: no-repeat;
		background-position: right center;
		border-radius: 20px;
		padding: 100px 100px 60px;
	}
	.plan .catch {
		color: #123AAA;
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: 700;
		margin-bottom: 15px;
	}
	.plan h2 {
		font-size: 44px;
		font-size: 4.4rem;
		font-weight: 400;
		margin-bottom: 40px;
	}
	.plan_table {
		width: 1000px;
		margin: 0 auto 110px;
	}
	.plan_table table {
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: 700 !important;
	}
	.plan_table table th {
		text-align: left;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500 !important;
		width: 200px;
		height: 100px;
		padding-left: 25px;
	}
	.plan_table table td {
		text-align: center;
		width: 400px;
		height: 100px;
		vertical-align: middle;
		line-height: 1.2;
	}
	.plan_table table th.none {
		border: 1px solid #FFFFFF;
		background-color: #FFFFFF;
	}
	.plan_table table td.standard {
		height: 250px;
		background-color: #125AAA;
		color: #FFFFFF;
		text-align: left;
		padding: 30px 20px 30px 30px;
		line-height: 1.7;
	}
	.plan_table table td.standard a {
		color: #FFFFFF;
	}
	.plan_table table td.advanced {
		background-color: #FFC848;
		text-align: left;
		padding: 30px 20px 30px 30px;
		line-height: 1.7;
	}
	.plan_table table td .f14 {
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: 400 !important;
	}
	.plan_table table td .f16 {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500 !important;
	}
	.plan_table table td .f16n {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 400 !important;
	}
	.plan_table table .f36 {
		font-size: 36px;
		font-size: 3.6rem;
	}
	.standard_table,
	.option_table {
		width: 1000px;
		margin: 0 auto 110px;
	}
	.standard_table .text,
	.option_table .text {
		margin: 30px auto 50px;
	}
	.standard_table table .title,
	.option_table table .title {
		background-color: #125AAA;
		color: #FFFFFF;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500 !important;
	}
	.standard_table table th,
	.option_table table th {
		width: 250px;
		height: 120px;
		padding-left: 25px;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500 !important;
	}
	.standard_table table td,
	.option_table table td {
		padding-left: 25px;
		padding-right: 25px;
		vertical-align: middle;
	}
	.standard_table table td.price {
		width: 200px;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500 !important;
		text-align: center;
	}
	.option_table table td.type {
		width: 70px;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500 !important;
		text-align: center;
		padding-left: 0px;
		padding-right: 0px;
	}
	.option_table table td.price {
		width: 130px;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500 !important;
		text-align: center;
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media (orientation: landscape) and (max-height: 450px) and (min-width: 800px) {
	.User.Plan h2.title {
		width: 100%;
	}
	.plan {
		width: 96%;
		margin: 80px auto 120px;
	}
	.plan_table {
		width: 800px;
	}
	.standard_table,
	.option_table {
		width: 800px;
	}
}
@media screen and (max-width: 767px){
	.plan {
		margin: 100px 15px 50px;
		background-color: #F6F7F7;
		background-image: url('/contents/ex/images/contents/head_back_sp.png');
		background-repeat: no-repeat;
		background-position: right center;
		border-radius: 20px;
		padding: 40px 20px 10px;
	}
	.plan .catch {
		color: #123AAA;
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: 700;
		margin-bottom: 15px;
	}
	.plan h2 {
		font-size: 28px;
		font-size: 2.8rem;
		font-weight: 400;
		margin-bottom: 30px;
		line-height: 1.7;
	}
	.plan_table {
		width: calc(100% - 30px);
		margin: 80px 15px 15px;
	}
	.plan_table table {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 700 !important;
	}
	.plan_table table th {
		text-align: left;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 500 !important;
		width: 135px;
		height: 65px;
		padding-left: 15px;
	}
	.plan_table table td {
		text-align: center;
		width: calc(100% - 135px);
		height: 65px;
		vertical-align: middle;
		line-height: 1.2;
	}
	.plan_table table td.standard {
		height: 250px;
		background-color: #125AAA;
		color: #FFFFFF;
		text-align: left;
		padding: 30px 20px 30px 40px;
		line-height: 1.7;
		font-size: 24px;
		font-size: 2.4rem;
	}
	.plan_table table td.standard a {
		color: #FFFFFF;
	}
	.plan_table table td.standard .f36 {
		font-size: 36px;
		font-size: 3.6rem;
	}
	.plan_table table.mt-6 {
		margin-top: 50px;
	}
	.plan_table table td.advanced {
		height: 250px;
		background-color: #FFC848;
		text-align: left;
		padding: 30px 20px 30px 40px;
		line-height: 1.7;
		font-size: 24px;
		font-size: 2.4rem;
	}
	.plan_table table td.advanced .f36 {
		font-size: 36px;
		font-size: 3.6rem;
	}
	.plan_table table td .f12 {
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 400 !important;
	}
	.plan_table table td .f14 {
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: 400 !important;
	}
	.plan_table table td .f16 {
		font-size: 10px;
		font-size: 1.0rem;
		font-weight: 500 !important;
	}
	.plan_table table td .f16n {
		font-size: 10px;
		font-size: 1.0rem;
		font-weight: 400 !important;
	}
	.plan_table table .f36 {
		font-size: 24px;
		font-size: 2.4rem;
	}
	.User.Plan h2.title {
		width: 100%;
		background-color: #F6F7F7;
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: 500 !important;
		padding: 12px 34px 10px;
		margin-top: 80px;
		line-height: 1.5;
		color: #125AAA;
	}
	.standard_table,
	.option_table {
		width: calc(100% - 30px);
		margin: 0 15px 15px;
	}
	.standard_table .f12,
	.option_table .f12 {
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 400 !important;
	}
	.standard_table .text,
	.option_table .text {
		margin: 20px 0 35px;
	}
	.standard_table table th,
	.option_table table th {
		display: block;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: 500 !important;
		text-align: center;
		background-color: #125AAA;
		color: #FFFFFF;
		padding: 7px 0;
	}
	.standard_table table td,
	.option_table table td {
		font-size: 12px;
		font-size: 1.2rem;
		display: block;
		text-align: left;
		padding: 15px 20px 15px;
	}
	.standard_table table td.price {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500 !important;
		text-align: center;
		padding: 8px 0 8px;
	}
	.option_table table td.type {
		display: inline-block;
		width: 50%;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500 !important;
		text-align: center;
		padding: 8px 0 8px;
	}
	.option_table table td.price {
		display: inline-block;
		width: 50%;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500 !important;
		text-align: center;
		padding: 8px 0 8px;
	}
}
/* お申し込みの流れ */
@media screen and (min-width: 768px){
	.flow {
		width: 1200px;
		margin: 80px auto 80px;
		background-color: #F6F7F7;
		background-image: url('/contents/ex/images/contents/head_back.png');
		background-repeat: no-repeat;
		background-position: right center;
		border-radius: 20px;
		padding: 100px 100px 60px;
	}
	.flow .catch {
		color: #123AAA;
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: 700;
		margin-bottom: 15px;
	}
	.flow h2 {
		font-size: 44px;
		font-size: 4.4rem;
		font-weight: 400;
		margin-bottom: 40px;
	}
	.process {
		margin: 0px auto;
		width: 1000px;
	}
	.process .title ul {
		font-size: 0;
	}
	.process .title ul li {
		width: 865px;
		display: inline-block;
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: 500 !important;
	}
	.process .title ul li.number {
		color: #123AAA;
		width: 135px;
		font-size: 100px;
		font-size: 10.0rem;
	}
	.process .title ul li .icon {
		width: 75px;
		height: 24px;
		line-height: 24px;
		font-size: 14px;
		font-size: 1.4rem;
		color: #FFFFFF;
		background-color: #FF6600;
		text-align: center;
		border-radius: 3px;
		margin-bottom: 5px;
	}
	.process .title ul li .icon.croftcraft {
		background-color: #AEC338;
	}
	.process .type .arrow {
		height: 110px;
		border-left: 1px solid #000000;
		position: relative;
		margin-left: 45px;
		margin-top: 30px;
		display: inline-block;
		width: 90px;
		vertical-align: top;
	}
	.process .type .arrow::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: -5px;
		border: solid 5px #000000;
		border-radius: 50%;
	}
	.process .type .flows {
		display: inline-block;
		width: 860px;
		margin-top: 10px;
		vertical-align: top;
		line-height: 1.7;
	}
	.process .type {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.flow001 {
		margin-bottom: 100px;
	}
	.flow001 .type ul li {
		width: 400px;
		height: 480px;
		display: inline-block;
		margin: 40px 48px 0;
		vertical-align: top;
		text-align: center;
		font-weight: 500 !important;
	}
	.flow001 .type ul li.web {
		background-image: url('/contents/ex/images/contents/flow_web.png');
		background-repeat: no-repeat;
	}
	.flow001 .type ul li.fax {
		background-image: url('/contents/ex/images/contents/flow_fax.png');
		background-repeat: no-repeat;
	}
	.flow001 .type ul li .title {
		font-size: 35px;
		font-size: 3.5rem;
		margin-top: 170px;
		padding-bottom: 10px;
		line-height: 1.2;
	}
	.flow001 .type ul li hr {
		border-bottom: 3px solid #125AAA;
		width: 135px;
	}
	.flow001 .type ul li .text {
		font-size: 19px;
		font-size: 1.9rem;
	}
	.flow001 .type ul li.fax .text {
		margin: 35px 0 25px;
	}
	.flow005 {
		margin-bottom: 150px;
	}
	.flow005 .type {
		margin-left: 135px;
	}
}
@media (orientation: landscape) and (max-height: 450px) and (min-width: 800px) {
	.flow {
		width: 96%;
		margin: 80px auto 120px;
	}
	.process {
		margin: 0px auto;
		width: 96%;
	}
	.process .title ul li {
		width: calc(100% - 135px);
	}
	.process .type .flows {
		width: calc(100% - 140px);
	}
	.flow001 .type ul li {
		zoom: 0.85;
	}
	.flow005 {
		margin-bottom: 150px;
	}
}
@media screen and (max-width: 767px){
	.flow {
		margin: 100px 15px 50px;
		background-color: #F6F7F7;
		background-image: url('/contents/ex/images/contents/head_back_sp.png');
		background-repeat: no-repeat;
		background-position: right center;
		border-radius: 20px;
		padding: 40px 20px 10px;
	}
	.flow .catch {
		color: #123AAA;
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: 700;
		margin-bottom: 15px;
	}
	.flow h2 {
		font-size: 28px;
		font-size: 2.8rem;
		font-weight: 400;
		margin-bottom: 30px;
		line-height: 1.7;
	}
	.process {
		margin: 0 15px;
	}
	.process .title {
		font-weight: 400 !important;
		margin-bottom: 15px;
	}
	.process .title ul li {
		width: calc(100% - 74px);
		display: inline-block;
		vertical-align: middle;
	}
	.process .title ul li.number {
		color: #123AAA;
		width: 70px;
		font-size: 54px;
		font-size: 5.4rem;
		font-weight: 400 !important;
	}
	.process .title ul li .icon {
		width: 75px;
		height: 24px;
		line-height: 24px;
		font-size: 14px;
		font-size: 1.4rem;
		color: #FFFFFF;
		background-color: #FF6600;
		text-align: center;
		border-radius: 3px;
		margin-bottom: 5px;
		margin-top: 30px;
	}
	.process .title ul li .icon.croftcraft {
		background-color: #AEC338;
	}
	.process .title .text {
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: 500 !important;
		margin-top: -10px;
	}
	.process .type .arrow {
		display: none;
	}
	.process .type .flows {
		margin-top: 10px;
		line-height: 1.5;
	}
	.process .type {
		font-size: 14px;
		font-size: 1.4rem;
		margin-bottom: 30px;
	}
	.flow001 .type {
		margin-bottom: 0;
	}
	.flow001 .title .text {
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: 400 !important;
	}
	.flow001 .type ul li {
		width: 340px;
		height: 408px;
		margin: 0 auto 20px;
		text-align: center;
		font-weight: 500 !important;
	}
	.flow001 .type ul li.web {
		background-image: url('/contents/ex/images/contents/flow_web.png');
		background-repeat: no-repeat;
		background-size: contain;
	}
	.flow001 .type ul li.fax {
		background-image: url('/contents/ex/images/contents/flow_fax.png');
		background-repeat: no-repeat;
		background-size: contain;
	}
	.flow001 .type ul li .title {
		font-size: 28px;
		font-size: 2.8rem;
		padding-top: 140px;
		line-height: 1.0;
	}
	.flow001 .type ul li hr {
		border-bottom: 3px solid #125AAA;
		width: 135px;
	}
	.flow001 .type ul li .text {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.flow001 .type ul li.fax .text {
		margin: 35px 0 25px;
	}
	.flow005 {
		margin-bottom: 80px;
	}
}
/* 資料請求・お問い合わせ */
@media screen and (min-width: 768px){
	.contact_header {
		width: 1200px;
		margin: 80px auto 60px;
		background-color: #F6F7F7;
		background-image: url('/contents/ex/images/contents/head_back.png');
		background-repeat: no-repeat;
		background-position: right top;
		border-radius: 20px;
		padding: 90px 70px 80px 100px;
	}
	.contact_header .catch {
		color: #123AAA;
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: 700;
		margin-bottom: 15px;
	}
	.contact_header h2 {
		font-size: 44px;
		font-size: 4.4rem;
		font-weight: 400;
		margin-bottom: 40px;
	}
	.contact_form {
		width: 1000px;
		margin: 40px auto 70px;
	}
	.contact_form .to_faq {
		width: 1000px;
		margin: 50px auto 80px;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.contact_form .to_faq i {
		font-size: 20px;
		font-size: 2.0rem;
		transition: all .3s;
	}
	.contact_form .to_faq a:hover {
		text-decoration: none;
	}
	.contact_form .to_faq a:hover i {
		margin-left: -10px;
	}
	.contact_form table .req {
		background-color: #7EBB33;
		color: #FFFFFF;
		font-size: 14px;
		font-size: 1.4rem;
		border-radius: 3px;
		text-align: center;
		padding: 2px 7px;
		margin-left: 10px;
	}
	.contact_form table th {
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: 500 !important;
		background-color: transparent;
		border-top: none;
	}
	.contact_form table td {
		border-top: none;
		padding-bottom: 50px;
	}
	.contact_form input[type="text"],
	.contact_form input[type="password"],
	.contact_form input[type="tel"],
	.contact_form input[type="email"],
	.contact_form input[type="number"],
	.contact_form select {
		width: 100%;
		padding: 0 20px;
	}
	.contact_form table td .purpose {
		background-color: #F0F0F0;
		font-size: 16px;
		font-size: 1.6rem;
		padding: 10px 10px;
		border-radius: 6px;
	}
	.contact_form table td textarea {
		background-color: #F0F0F0;
		border: none;
		padding: 20px;
	}
	.Contact .to_privacy {
		margin: 0 50px 90px;
	}
	.Contact .confirmation .btn {
		width: 500px;
		height: 80px;
		font-weight: 400 !important;
		font-size: 24px;
		font-size: 2.4rem;
		border-radius: 50px;
		margin-bottom: 100px;
	}
	.Contact .info {
		width: 1000px;
		margin: 0 auto;
	}
	.confirm_form {
		width: 1000px;
		margin: 40px auto 70px;
	}
	.ContactComplete .block_outer {
		width: 1000px;
		margin: 40px auto 70px;
	}
}
@media (orientation: landscape) and (max-height: 450px) and (min-width: 800px) {
	.contact_header {
		width: 96%;
	}
	.contact_form {
		width: 96%;
	}
	.contact_form .to_faq {
		width: 96%;
	}
	.Contact .info {
		width: 96%;
		margin: 0 auto;
	}
	.confirm_form {
		width: 96%;
		margin: 40px auto 70px;
	}
	.ContactComplete .block_outer {
		width: 96%;
		margin: 40px auto 70px;
	}
}
@media screen and (max-width: 767px){
	.contact_header {
		margin: 100px 15px 32px;
		background-color: #F6F7F7;
		background-image: url('/contents/ex/images/contents/head_back_sp.png');
		background-repeat: no-repeat;
		background-position: right top;
		border-radius: 20px;
		padding: 40px 20px 40px;
	}
	.contact_header .catch {
		color: #123AAA;
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: 700;
		margin-bottom: 15px;
	}
	.contact_header h2 {
		font-size: 28px;
		font-size: 2.8rem;
		font-weight: 400;
		margin-bottom: 30px;
		line-height: 1.7;
	}
	.contact_form {
		margin: 0 15px;
	}
	.contact_form .to_faq {
		margin: 40px auto 60px;
		font-size: 16px;
		font-size: 1.6rem;
		text-align: center;
	}
	.contact_form .to_faq i {
		font-size: 20px;
		font-size: 2.0rem;
	}
	.contact_form table .req {
		background-color: #7EBB33;
		color: #FFFFFF;
		font-size: 14px;
		font-size: 1.4rem;
		border-radius: 3px;
		text-align: center;
		padding: 2px 7px;
		margin-left: 10px;
	}
	.contact_form table.sphone tr {
		border-bottom: none !important;
	}
	.contact_form table th {
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: 500 !important;
		background-color: transparent;
		border-top: none;
		padding-bottom: 5px;
	}
	.contact_form table td {
		border-top: none;
		padding-bottom: 40px;
	}
	.contact_form input[type="text"],
	.contact_form input[type="password"],
	.contact_form input[type="tel"],
	.contact_form input[type="email"],
	.contact_form input[type="number"],
	.contact_form select {
		width: 100%;
		padding: 0 20px;
	}
	.contact_form table td .purpose {
		background-color: #F0F0F0;
		font-size: 16px;
		font-size: 1.6rem;
		padding: 10px 10px;
		border-radius: 6px;
	}
	.contact_form table td textarea {
		background-color: #F0F0F0;
		border: none;
		padding: 20px;
	}
	.Contact .to_privacy {
		margin: 0 0 70px;
	}
	.Contact .confirmation .btn {
		width: 80%;
		height: 60px;
		font-weight: 400 !important;
		font-size: 16px;
		font-size: 1.6rem;
		border-radius: 50px;
		margin-bottom: 60px;
	}
	.Contact .info {
		width: 96%;
		margin: 0 auto;
	}
	.confirm_form {
		width: 96%;
		margin: 40px auto 70px;
	}
	.ContactComplete .block_outer {
		width: 96%;
		margin: 40px auto 70px;
	}
}
/* 導入事例 */
@media screen and (min-width: 768px){
	.casestudies {
		width: 1200px;
		margin: 80px auto 60px;
		background-color: #F6F7F7;
		background-image: url('/contents/ex/images/contents/head_back.png');
		background-repeat: no-repeat;
		background-position: right top;
		border-radius: 20px;
		padding: 90px 70px 80px 100px;
	}
	.casestudies .catch {
		color: #123AAA;
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: 700;
		margin-bottom: 15px;
	}
	.casestudies h2 {
		font-size: 44px;
		font-size: 4.4rem;
		font-weight: 400;
		margin-bottom: 40px;
	}
	.casebody {
		width: 1000px;
		margin: 100px auto 70px;
	}
	.casebody div {
		margin-bottom: 60px;
	}
	.casebody ul {
		font-size: 0;
	}
	.casebody ul li {
		display: inline-block;
		margin-right: 50px;
		vertical-align: top;
		margin-bottom: 65px;
	}
	.casebody ul li:last-child {
		margin-right: 0;
	}
	.casebody .arrow {
		height: 110px;
		border-left: 1px solid #000000;
		position: relative;
		margin: 0 auto;
		width: 5px;
		vertical-align: top;
	}
	.casebody .arrow::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: -5px;
		border: solid 5px #000000;
		border-radius: 50%;
	}
}
@media (orientation: landscape) and (max-height: 450px) and (min-width: 800px) {
	.casestudies {
		width: 96%;
	}
	.casebody {
		width: 96%;
		margin: 50px auto 70px;
	}
	.casebody div img {
		width: 100%;
		margin-bottom: 60px;
	}
	.casebody ul li {
		margin-right: 1%;
	}
	.casebody ul li img {
		width: 31vw;
	}
}
@media screen and (max-width: 767px){
	.casestudies {
		margin: 100px 15px 32px;
		background-color: #F6F7F7;
		background-image: url('/contents/ex/images/contents/head_back_sp.png');
		background-repeat: no-repeat;
		background-position: right top;
		border-radius: 20px;
		padding: 40px 20px 40px;
	}
	.casestudies .catch {
		color: #123AAA;
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: 700;
		margin-bottom: 15px;
	}
	.casestudies h2 {
		font-size: 28px;
		font-size: 2.8rem;
		font-weight: 400;
		margin-bottom: 30px;
		line-height: 1.7;
	}
	.casebody {
		width: 96%;
		margin: 50px auto 70px;
	}
	.casebody div img {
		width: 100%;
		margin-bottom: 60px;
	}
	.casebody ul {
		text-align: center;
	}
	.casebody ul li {
		margin-bottom: 30px;
	}
}
/* ---------------------------------------------
	商品一覧ページ
--------------------------------------------- */
.products_list {}
.products_list .list_box {
	display: inline-block;
	vertical-align: top;
}
@media screen and (min-width: 768px){
	#one_maincolumn .products_list .list_box {
		width: 190px;
		margin: 0px 3px 15px;
	}
	#two_maincolumn_right .products_list .list_box,
	#two_maincolumn_left .products_list .list_box {
		width: 180px;
		margin: 0px 2px 15px;
	}
	#three_maincolumn .products_list .list_box {
		width: 165px;
		margin: 0px 1px 15px;
	}
}
@media screen and (max-width: 767px){
	.products_list .list_box {
		width: calc(100% / 2 - 6px);
		margin: 0px 2px 15px;
	}
}
.list_box .status_icon li {
	display: inline-block;
}
.list_box h3 {
	font-size: 1.4rem !important;
	font-weight: 700 !important;
}
.list_box .selling_price {
	font-size: 1.5rem;
	line-height: 1.2;
}
.list_box a:hover {
	text-decoration: none;
}
/* モーダルウィンドウ内の商品詳細ページ */
.modalwindow .cc-adminPanel,
.modalwindow .cc-adminPanel-padding,
.modalwindow header,
.modalwindow footer,
.modalwindow .side_column,
.modalwindow nav,
.modalwindow .product_photo,
.modalwindow .status_icon,
.modalwindow .more_info,
.modalwindow .sub_info,
.modalwindow .publisher,
.modalwindow .linkedproducts,
.modalwindow .relatedproducts,
.modalwindow .review_block,
.modalwindow .relatedcat_block,
.modalwindow #cartbtn_default_now {
	width: 0;
	display: none !important;
}
@media screen and (min-width: 768px){
	.modalwindow #container {
		width: 96%;
		margin: 10px auto;
	}
	.modalwindow #container #one_maincolumn {
		width: 100%;
	}
	.modalwindow #container #two_maincolumn_left {
		width: 100%;
		margin-right: 0;
	}
	.modalwindow #container #two_maincolumn_right {
		width: 100%;
		margin-left: 0;
	}
	.modalwindow #container #three_maincolumn {
		width: 100%;
		margin: 0 0;
	}
	.Products_Detail .modalwindow .product_photo {
		width: 0;
	}
	.Products_Detail .modalwindow .detail_block {
		width: 100%;
	}
}
@media screen and (max-width: 767px){
	.modalwindow input[type="text"] {
		width: 60%;
	}
}
/* ---------------------------------------------
	商品詳細ページ
--------------------------------------------- */
@media screen and (min-width: 768px){
	/* -- 写真 --*/
	.Products_Detail .product_photo,
	.Products_Detail .linkedproduct .product_photo,
	.Products_ReviewList .product_photo,
	.Products_ReviewList .linkedproduct .product_photo {
		width: 300px;
		float: left;
	}
	/* -- 情報ブロック --*/
	.Products_Detail .detail_block,
	.Products_ReviewList .detail_block {
		width: calc(100% - 320px);
		float: right;
		margin-left: 20px;
	}
}
@media screen and (max-width: 767px){
	.Products_Detail .product_photo,
	.Products_Detail .linkedproduct .photo,
	.Products_ReviewList .product_photo,
	.Products_ReviewList .linkedproduct .photo {
		text-align: center;
		margin-bottom: 20px;
	}
	.Products_Detail #facebox,
	.Products_ReviewList #facebox {
		width: 100%;
		top: 0;
		left: 0;
	}
	.Products_Detail #facebox img,
	.Products_ReviewList #facebox img {
		width: 100%;
	}
}
/* -- 写真サブ情報サムネイル --*/
.Products_Detail .swiper.thumbnail {
	overflow: visible;
}
.Products_Detail .swiper.thumbnail .swiper-wrapper {
	display: block;
	font-size: 0;
	text-align: left;
	width: 300px;
	margin: 0 auto 20px;
}
.Products_Detail .thumbnail .swiper-slide {
	width: 90px !important;
	height: 90px;
	margin-right: 15px;
	margin-bottom: 5px;
	display: inline-block;

}
.Products_Detail .thumbnail .swiper-slide:nth-child(3n) {
	margin-right: 0;
}
/* -- ラベル画像 --*/
.Products_Detail ul.status_icon li {
	display: inline-block;
}
/* -- 商品コード --*/
.Products_Detail .product_code,
.Products_ReviewList .product_code {
	font-size: 1.2rem;
	color: #999999;
}
/* -- 価格（ブロック） --*/
.Products_Detail .product_term,
.Products_Detail .usual_price,
.Products_Detail .selling_normal_price,
.Products_Detail .product_point {
	font-size: 1.2rem;
}
.Products_Detail .selling_price {
	margin-bottom: 5px;
	font-size: 1.5rem;
}
/* -- 購入ボックス（ブロック） --*/
.Products_Detail .quantity {
	margin: 15px;
	text-align: right;
}
.Products_Detail .quantity input {
	text-align: right;
	padding-right: 10px;
	width: 80px;
}
.Products_Detail .buybox {
	position: relative;
}
/* -- 商品の説明（ブロック） --*/
.Products_Detail .more_info {}
/* -- サブ情報（ブロック） --*/
@media screen and (min-width: 768px){
	.Products_Detail .sub_info .sub_photo {
		display: inline-block;
		vertical-align: top;
		margin: 0 10px;
	}
	.Products_Detail .sub_info .subtext {
		display: inline-block;
		vertical-align: top;
	}
}
@media screen and (max-width: 767px){
	.Products_Detail .sub_info .sub_photo {
		text-align: center;
		margin: 10px 0;
	}
}
/* -- メーカー（ブロック） --*/
.Products_Detail publisher{}
/* -- 同時販売（ブロック） --*/
.Products_Detail .linkedproducts {}
/* -- 関連商品（ブロック） --*/
.Products_Detail .relatedproducts {}
/* -- お客様の声（ブロック） --*/
.Products_Detail .review_block,
.Products_ReviewList .review_block {}
.Products_Detail .review_area,
.Products_ReviewList .review_area {
	margin: 0 0 20px 0;
	padding: 15px;
	background-color: #FCFCF9;
	border-radius: 4px;
	border: 1px solid #EFEFEF;
}
.Products_Detail .review_area li:first-child,
.Products_ReviewList .review_area li:first-child {
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.Products_Detail .review_area .recommend_level,
.Products_ReviewList .review_area .recommend_level,
.modal_window .recommend_level {
	color: #E65C0F;
}
/* 投稿数が多い場合に固定の高さでスクロール */
/*
.Products_Detail .review_block ul {
	height: 1000px;
	overflow-y: scroll;
	overflow-x: hidden;
}
*/
/* -- 関連カテゴリー（ブロック） --*/
.Products_Detail .relatedcat_block {}

/* ---------------------------------------------
	マイページ
--------------------------------------------- */
.order_talbe .products_list {
	display: inline-block;
	width: 130px;
	margin: 5px 6px;
	vertical-align: top;
}
.Mypage_Regular_Payment .pageTitle,
.Mypage_Regular_Payment .cart_navi {
	display: none;
}
.Mypage_Regular_Change .quantity {
	margin: 15px;
	text-align: right;
}
.Mypage_Regular_Change .quantity input {
	text-align: right;
	padding-right: 10px;
	width: 80px;
}
@media screen and (min-width: 768px){
	.mypage_navi li {
		display: inline-block;
		width: 33%;
		margin-bottom: 5px;
	}
	.Mypage_Regular_Change .product_photo {
		width: 150px;
		float: left;
	}
	.Mypage_Regular_Change .detail_block {
		width: calc(100% - 170px);
		float: right;
		margin-left: 20px;
	}
	.Mypage_Regular_Change .btn_area {
		clear: both;
	}
	.Mypage_Favorite ul.card_list li .card {
		min-height: 150px;
	}
}
@media screen and (max-width: 767px){
	.mypage_navi li {
		display: inline-block;
		width: 49.5%;
		margin-bottom: 5px;
	}
}

/* ---------------------------------------------
	購入フロー
--------------------------------------------- */
/* -- 現在のかごの中 --*/
.Cart .quantity div {
	padding: 3px;
	display: inline-block;
}
.Cart .quantity div i {
	font-size: 16px;
}
/* -- 購入フロー上部ナビゲーション --*/
.cart_navi li {
	font-size: 1.2rem;
	padding: 3px 0;
	text-align: center;
	background-color: #AAAAAA;
	color: #FFFFFF;
}
.cart_navi li.now {
	background-color: #333333;
}
/* -- 非会員購入 --*/
.Shopping table#deliv_box {
	display:none;
}
/* -- 会員登録 --*/
.Entry input[type="radio"],
.Entry input[type="checkbox"] {
/*	margin: 5px -15px 0;*/
}
.terms_block {
	height: 150px;
	padding: 10px 15px;
	overflow: auto;
	background-color: #EFEFEF;
}
/* -- お支払い方法の指定 --*/
#payment .card_list dl {
	margin: 10px 0 0 20px;
}
#payment .card_list dl dt {
	font-weight: normal;
}
@media screen and (max-width: 767px){
	#payment .payment_info img {
		width: 100%;
	}
	#payment dt img {
		width: 48%;
	}
}
.pip {
	width: 85%;
	margin: 0 auto;
	font-size: 1.2rem;
}

/* ---------------------------------------------
	その他コンテンツ
--------------------------------------------- */
/* 共通上部 */
@media screen and (min-width: 768px){
	section.all {
		width: 1200px;
		margin: 80px auto 60px;
		background-color: #F6F7F7;
		background-image: url('/contents/ex/images/contents/head_back.png');
		background-repeat: no-repeat;
		background-position: right top;
		border-radius: 20px;
		padding: 90px 70px 80px 100px;
	}
	section.all .catch {
		color: #123AAA;
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: 700;
		margin-bottom: 15px;
	}
	section.all h2 {
		font-size: 44px;
		font-size: 4.4rem;
		font-weight: 400;
		margin-bottom: 40px;
	}
}
@media (orientation: landscape) and (max-height: 450px) and (min-width: 800px){
	section.all {
		width: 96%;
	}
}
@media screen and (max-width: 767px){
	section.all {
		margin: 100px 15px 32px;
		background-color: #F6F7F7;
		background-image: url('/contents/ex/images/contents/head_back_sp.png');
		background-repeat: no-repeat;
		background-position: right top;
		border-radius: 20px;
		padding: 40px 20px 40px;
	}
	section.all .catch {
		color: #123AAA;
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: 700;
		margin-bottom: 15px;
	}
	section.all h2 {
		font-size: 28px;
		font-size: 2.8rem;
		font-weight: 400;
		margin-bottom: 30px;
		line-height: 1.7;
	}
}
/* -- 会社概要・プライバシーポリシー --*/
@media screen and (min-width: 768px){
	table.all {
		width: 1000px;
		margin: 0 auto 150px;
		font-size: 16px;
		font-size: 1.6rem;
		border: none;
		border-collapse: separate;
		border-spacing: 15px;
	}
	table.all th {
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: 500 !important;
		color: #FFFFFF;
		background-color: #1B1B1B;
		border: none;
		padding: 25px 15px;
	}
	table.all td {
		border: none;
		padding: 25px 15px;
	}
	section.all_contents {
		width: 1000px;
		margin: 0 auto 150px;
	}
	.all_contents h3 {
		margin-top: 3.0rem;
		font-weight: bold !important;
	}
}
@media (orientation: landscape) and (max-height: 450px) and (min-width: 800px){
	table.all {
		width: 96%;
	}
	section.all_contents {
		width: 96%;
		margin: 50px auto 50px;
	}
}
@media screen and (max-width: 767px){
	table.all {
		width: 96%;
		margin: 70px auto 90px;
		font-size: 16px;
		font-size: 1.6rem;
		border: none;
	}
	table.all tr {
		border: none !important;
	}
	table.all th {
		color: #FFFFFF;
		background-color: #1B1B1B;
		border: none;
		font-weight: 400 !important;
		padding: 15px 15px;
	}
	table.all td {
		border: none;
		padding: 10px 10px 30px;
	}
	section.all_contents {
		width: 96%;
		margin: 50px auto 50px;
	}
	.all_contents h3 {
		margin-top: 3.0rem;
		font-weight: bold !important;
	}
}
/* 新旧のプラン比較表 */
@media screen and (min-width: 768px){
	.User.Plantable h2.title {
		width: 1200px;
		background-color: #F6F7F7;
		font-size: 24px;
		font-size: 2.4rem;
		margin: 0 auto;
		padding: 18px 0 18px 100px;
		color: #125AAA;
	}
	.User.Plantable .f12 {
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 400 !important;
	}
	.plan {
		width: 1200px;
		margin: 80px auto 120px;
		background-color: #F6F7F7;
		background-image: url('/contents/ex/images/contents/head_back.png');
		background-repeat: no-repeat;
		background-position: right center;
		border-radius: 20px;
		padding: 100px 100px 60px;
	}
	.plan .catch {
		color: #123AAA;
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: 700;
		margin-bottom: 15px;
	}
	.plan h2 {
		font-size: 44px;
		font-size: 4.4rem;
		font-weight: 400;
		margin-bottom: 40px;
	}
	.plan_table_c {
		width: 1000px;
		margin: 0 auto 110px;
	}
	.plan_table_c table {
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: 700 !important;
	}
	.plan_table_c table th {
		text-align: left;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500 !important;
		width: 200px;
		height: 100px;
		padding-left: 25px;
	}
	.plan_table_c table td {
		text-align: center;
		width: 400px;
		height: 100px;
		vertical-align: middle;
		line-height: 1.2;
	}
	.plan_table_c table th.none {
		border: 1px solid #FFFFFF;
		background-color: #FFFFFF;
	}
	.plan_table_c table td.standard {
		background-color: #125AAA;
		color: #FFFFFF;
	}
	.plan_table_c table td.advanced {
		background-color: #FFC848;
		padding: 30px 20px 30px 30px;
	}
	.plan_table_c table td .f14 {
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: 400 !important;
	}
	.plan_table_c table td .f16 {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500 !important;
	}
	.plan_table_c table td .f16n {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 400 !important;
	}
	.plan_table_c table .f36 {
		font-size: 36px;
		font-size: 3.6rem;
	}
	.standard_table,
	.option_table {
		width: 1000px;
		margin: 0 auto 110px;
	}
	.plan_table_c .text,
	.standard_table .text,
	.option_table .text {
		margin: 30px auto 50px;
	}
	.standard_table table .title,
	.option_table table .title {
		background-color: #125AAA;
		color: #FFFFFF;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500 !important;
	}
	.standard_table table th,
	.option_table table th {
		width: 250px;
		height: 120px;
		padding-left: 25px;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500 !important;
	}
	.standard_table table td,
	.option_table table td {
		padding-left: 25px;
		padding-right: 25px;
		vertical-align: middle;
	}
	.standard_table table td.price {
		width: 200px;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500 !important;
		text-align: center;
	}
	.option_table table td.type {
		width: 70px;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500 !important;
		text-align: center;
		padding-left: 0px;
		padding-right: 0px;
	}
	.option_table table td.price {
		width: 130px;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500 !important;
		text-align: center;
		padding-left: 0px;
		padding-right: 0px;
	}
	.plan_table_c .value {
		color: #D82138;
	}
	.plan_table_c .none {
		background-color: #F6F7F7;
	}
}
@media (orientation: landscape) and (max-height: 450px) and (min-width: 800px) {
	.User.Plantable h2.title {
		width: 100%;
	}
	.plan {
		width: 96%;
		margin: 80px auto 120px;
	}
	.plan_table_c {
		width: 800px;
	}
	.standard_table,
	.option_table {
		width: 800px;
	}
}
@media screen and (max-width: 767px){
	.plan {
		margin: 100px 15px 50px;
		background-color: #F6F7F7;
		background-image: url('/contents/ex/images/contents/head_back_sp.png');
		background-repeat: no-repeat;
		background-position: right center;
		border-radius: 20px;
		padding: 40px 20px 10px;
	}
	.plan .catch {
		color: #123AAA;
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: 700;
		margin-bottom: 15px;
	}
	.plan h2 {
		font-size: 28px;
		font-size: 2.8rem;
		font-weight: 400;
		margin-bottom: 30px;
		line-height: 1.7;
	}
	.plan_table_c {
		width: calc(100% - 30px);
		margin: 10px 15px 15px;
	}
	.plan_table_c table {
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 700 !important;
		border: none;
	}
	.plan_table_c table th {
		font-weight: 500 !important;
		color: #125AAA;
		text-align: center;
		display: block;
		background-color: #F6F7F7;
		border: none;
	}
	.plan_table_c table td {
		text-align: center;
		display: block;
	}
	.plan_table_c table td.type {
		display: inline-block;
		width: 50%;
		text-align: center;
		padding: 8px 0 8px;
	}
	.plan_table_c table td.standard {
		background-color: #125AAA;
		color: #FFFFFF;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: 400 !important;
	}
	.plan_table_c table td.advanced {
		background-color: #FFC848;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: 400 !important;
	}
	.plan_table_c table td .f12 {
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 400 !important;
	}
	.plan_table_c table td .f14 {
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: 400 !important;
	}
	.plan_table_c table td .f16 {
		font-size: 10px;
		font-size: 1.0rem;
		font-weight: 500 !important;
	}
	.plan_table_c table td .f16n {
		font-size: 10px;
		font-size: 1.0rem;
		font-weight: 400 !important;
	}
	.plan_table_c table .f36 {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.plan_table_c .value {
		color: #D82138;
	}

	.User.Plantable h2.title {
		width: 100%;
		background-color: #F6F7F7;
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: 500 !important;
		padding: 12px 34px 10px;
		margin-top: 80px;
		line-height: 1.5;
		color: #125AAA;
	}
	.standard_table,
	.option_table {
		width: calc(100% - 30px);
		margin: 0 15px 15px;
	}
	.standard_table .f12,
	.option_table .f12 {
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 400 !important;
	}
	.plan_table_c .text,
	.standard_table .text,
	.option_table .text {
		margin: 20px 0 35px;
	}
	.standard_table table th,
	.option_table table th {
		display: block;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: 500 !important;
		text-align: center;
		background-color: #125AAA;
		color: #FFFFFF;
		padding: 7px 0;
	}
	.standard_table table td,
	.option_table table td {
		font-size: 12px;
		font-size: 1.2rem;
		display: block;
		text-align: left;
		padding: 15px 20px 15px;
	}
	.standard_table table td.price {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500 !important;
		text-align: center;
		padding: 8px 0 8px;
	}
	.option_table table td.type {
		display: inline-block;
		width: 50%;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500 !important;
		text-align: center;
		padding: 8px 0 8px;
	}
	.plan_table_c table td.price,
	.option_table table td.price {
		display: inline-block;
		width: 50%;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500 !important;
		text-align: center;
		padding: 8px 0 8px;
	}
}
/* 新着情報系 */
@media screen and (min-width: 768px){
	.InfoDetail .info_detail {
		
	}
}
@media (orientation: landscape) and (max-height: 450px) and (min-width: 800px) {
	
}
@media screen and (max-width: 767px){
}
/* -- 商品限定公開認証エラー --*/
@media screen and (min-width: 768px){
	.autherr #container #two_maincolumn_left,
	.autherr #container #two_maincolumn_right,
	.autherr #container #three_maincolumn {
		width: 1000px;
		margin-bottom: 100px;
	}
}
@media (orientation: landscape) and (max-height: 450px) and (min-width: 800px){
	.autherr #container #two_maincolumn_left,
	.autherr #container #two_maincolumn_right,
	.autherr #container #three_maincolumn {
		width: 800px;
		margin-bottom: 100px;
	}
}