.isotope.infinite-scrolling{
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
}



/* □□□□□□□□□□□□□□□□□□□□□□□□
TocoBelt Topページ
□□□□□□□□□□□□□□□□□□□□□□□□□ */

/* ------------------------------------------------------
メイン スライダー
--------------------------------------------------------*/
#main-slider.slider{
	margin:0;
	overflow:hidden;
}
#main-slider .owl-carousel{
	border-top:none;
	border-bottom:4px solid #B0A157; /* 新芽色 */
}
#main-slider .bnr::before{
	padding-top:35%; /* 高さを幅の35%に固定 */
}
@media only screen and (max-width:991px){
	#main-slider .bnr::before{
		padding-top:45%; /* 高さを幅の45%に固定 */
	}
}

/* タイトル周り */
#main-slider .section-summary{
	padding-left:.75em;
}
#main-slider .section-header{
	top:40%; left:8%;
}
#slider-tocobelt1 .section-header{ /* ベルトⅠ */
}
#slider-tocobelt2 .section-header{ /* ベルトⅡ */
}
#slider-tocobelt3 .section-header{ /* ベルトⅢ */
}
@media only screen and (max-width:1199px){
	#main-slider .section-header{
		top:20%; left:5%;
	}
}
@media only screen and (max-width:1027px){
	#main-slider .section-header{
		top:10%; left:2%;
	}
}
@media only screen and (max-width:991px){
	#main-slider .section-header{
		top:7%; left:3%;
	}
	#main-slider .section-summary p > span{
		font-size:1.6rem;
	}
}
@media only screen and (max-width:767px){
	#main-slider .section-summary p > span{
		font-size:1.5rem;
	}
}
@media only screen and (max-width:680px){
	#main-slider .section-title{
		font-size:3.5rem;
	}
	#main-slider .section-summary p > span{
		font-size:1.4rem;
	}
}
@media only screen and (max-width:530px){
	#main-slider .section-title{
		font-size:3rem;
	}
}
@media only screen and (max-width:420px){
	#main-slider .section-title{
		font-size:2.8rem;
	}
}
@media only screen and (max-width:360px){
	#main-slider .section-title{
		font-size:2.4rem;
	}
}
@media only screen and (min-width:531px) and (max-width:991px){
	#main-slider .section-title{
		margin-bottom:5px;
	}
	#main-slider .section-summary{
		display:inline-block;
	}
	#main-slider .section-summary p > span{
		margin-bottom:8px;
		padding:2px 5px;
		background:rgba(255,255,255,0.7);
		border-radius:3px;
	}
}

/* スライダー ベルト画像 */
#slider-tocobelt1 .container{ /* ベルトⅠ */
	background:url(/toco-belt/images/top/main-slider/slider-tocobelt1_sp.webp) no-repeat 0 0 / 100%;
}
#slider-tocobelt2 .container{ /* ベルトⅡ */
	background:url(/toco-belt/images/top/main-slider/slider-tocobelt2_sp.webp) no-repeat 0 0 / 100%;
}
#slider-tocobelt3 .container{ /* ベルトⅢ */
	background:url(/toco-belt/images/top/main-slider/slider-tocobelt3_sp.webp) no-repeat 0 0 / 100%;
}
@media only screen and (min-width:992px){
	#slider-tocobelt1 .container{
		background-image:url(/toco-belt/images/top/main-slider/slider-tocobelt1_pc.webp);
	}
	#slider-tocobelt2 .container{
		background-image:url(/toco-belt/images/top/main-slider/slider-tocobelt2_pc.webp);
	}
	#slider-tocobelt3 .container{
		background-image:url(/toco-belt/images/top/main-slider/slider-tocobelt3_pc.webp);
	}
}



/* ------------------------------------------------------
名前の由来
--------------------------------------------------------*/
#name-origin{
	padding:30px 0;
	background-color:#F0F0F0; /* スノーホワイト */
}
#name-origin .section-header{
	margin-bottom:0;
}
#name-origin .section-title{
	margin-bottom:20px;
	padding-bottom:0;
	color:#938773; /* マスティック */
	font-size:2.4rem;
	font-weight:bold;
	text-shadow:
		1px 1px 1px rgba(255,255,255,1),
		1px -1px 1px rgba(255,255,255,1),
		-1px 1px 1px rgba(255,255,255,1),
		-1px -1px 1px rgba(255,255,255,1),
		2px 2px 2px rgba(0,0,0,0.3);
}
#name-origin .section-title:after{
	content:none;
}
#name-origin .section-summary{
	color:#6D6C69; /* ピジョン */
	font-size:1.6rem;
	line-height:1.5;
}



/* ------------------------------------------------------
バナー
--------------------------------------------------------*/
.tocobelt-banner img{
	width:430px;
	height:auto;
	margin:10px;
}
@media only screen and (max-width:530px){
	.tocobelt-banner img{
		width:90%;
		max-width:430px;
	}
}



/* ------------------------------------------------------
トコちゃんベルトは3種類
--------------------------------------------------------*/
#features{
	background:#FFF;
	padding-top:120px;
}

#features .lineup-details{
	padding-top:30px;
}
#features .lineup-title{
	text-align:center;
}
#features .lineup-info > span{
	display:inline-block;
	color:#417038; /* スピナッチグリーン */
	font-size:2rem;
	line-height:1.2;
	text-align:justify;
	text-justify:inter-ideograph;
}
#features .lineup-info .mark{
	display:block;
	margin-top:5px;
	background:none;
	text-align:center;
	color:#FFF;
	font-size:1.3rem;
	line-height:1.5;
}
#features .lineup-info .mark span{
	display:inline-block;
	margin-bottom:0;
	padding:.2em .5em;
	background:#FF6B69; /* 注意（赤） */
	border-radius:2em;
}
#features .lineup-txt h4{
	margin-bottom:5px;
	text-align:left;
	color:#938773; /* マスティック */
	font-size:1.6rem;
	font-weight:bold;
}
#features .lineup-txt.featur-target p{
	margin-top:10px;
}
#features .lineup-btn{
	margin-left:-12px;
	margin-right:-12px;
}
#features .lineup-btn .btn{
	margin:01em;
}

/* 価格表 */
#features .featur-plice{
	width:100%;
	margin-top:10px;
}
#features .featur-plice th,
#features .featur-plice td{
	padding:5px;
	border:1px solid #DDD;
	line-height:1.2;
	text-align:center;
	vertical-align:middle;
}
#features .featur-plice th:first-child,
#features .featur-plice td:first-child{
	border-left:none;
}
#features .featur-plice th:last-child,
#features .featur-plice td:last-child{
	border-right:none;
}
#features .featur-plice th{
	background:#FCFAF5; /* 白 */
}
#features .featur-plice table span{
	display:inline-block;
}

/* こんな方に */
#features .lineup-txt.featur-target{
	margin-top:30px;
}
#features .lineup-txt.featur-target ul{
	font-size:1.6rem;
}
#features .lineup-txt.featur-target li{
	margin-bottom:3px;
	padding-left:1.75em;
	text-indent:-1.45em;
}
#features .lineup-txt.featur-target li::before{
	content:"\f046";
	font-family:FontAwesome;
	padding-right:.5em;
}

/* 見分け方 */
#features .lineup-txt.featur-distinction{
	margin-top:30px;
	padding-bottom:30px;
	border-bottom:1px solid #dbdbdb;
}
#features .distinction-txt{
	margin-bottom:10px;
	font-size:1.6rem;
}
#features .distinction-photo{
	text-align:center;
}
#features .distinction-photo img{
	width:80%;
	height:auto;
	border-radius:5px;
}



/* ------------------------------------------------------
各製品の特長
--------------------------------------------------------*/
#product-features{
	background:#FFF;
	padding-bottom:120px;
}
#product-features .container{
	padding-top:120px
}
.product-image{
	margin-bottom:70px;
	text-align:center;
}
.product-image img{
	display:inline;
	width:80%;
	/*filter:drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.1));
	-webkit-filter:drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.1));*/
}
#product-features .section-header .plus-item{
	display:inline-block;
	margin-bottom:20px;
	padding:.5em 2em;
	border:1px solid #FFB000; /* カナリ */
	border-radius:2em;
	color:#EB8400; /* 蜜柑色 */
	font-size:1.8rem;
	font-weight:bold;
}
.product.product-box{
	overflow:hidden;
	margin:25px 0;
}
.product.product-box:first-child{
	margin-top:0;
}
.product.product-box:last-child{
	margin-bottom:0;
}
.product.product-box .pull-left{
	width:64px;
	height:64px;
	padding:2px;
	font-size:54px; /* imgサイズの高さからpadding引く */
	line-height:0;
	text-align:center;
	border:1px solid #DCDCDC; /* ゲインズボロ */;
	background:#FFF;
	transition:background-color 400ms, background-color 400ms;
}
.product.product-box .pull-left > img{
	width:100%;
	vertical-align:middle;
}
.product.product-box .product-body{
	float:right;
	width:calc(100% - 84px);
	margin-top:3px;
}
.product.product-box .product-heading{
	margin-bottom:5px;
	color:#7C745F; /* あくいろ */
	line-height:1.4;
	font-size:1.5rem;
	font-weight:bold;
	letter-spacing:1px;
}
.product.product-whenuse{
	margin-top:50px;
}
.product.product-whenuse h3{
	margin-bottom:5px;
	color:#EB8400; /* 蜜柑色 */
	font-weight:bold;
}
.product.product-whenuse table.season{
	width:100%;
	margin:0 -15px;
	table-layout:fixed;
	border-collapse:separate;
	border-spacing:15px 0;
	text-align:center;
}
.product.product-whenuse table.season td{
	min-height:29px;
	padding:5px 2px;
	border:1px solid #D3D3D3; /* ライトグレイ */
	border-radius:3px;
	color:#D3D3D3; /* ライトグレイ */
	vertical-align:middle;
}
.product.product-whenuse table.season td.apply{
	height:39px;
	padding:5px 2px;
	background:#EB8400; /* 蜜柑色 */
	border:1px solid #EB8400; /* 蜜柑色 */
}
.product.product-whenuse table.season td.apply:hover{
	background:#FFB000; /* カナリ */
	border:1px solid #FFB000; /* カナリ */
}
.product.product-whenuse table.season td.apply a{
	color:#FFF;
	border:none;
}
.product.product-whenuse table.season td span{
	display:inline-block;
}
.product.product-btn{
	margin-top:50px;
}
.product.product-btn h3{
	margin-bottom:5px;
	color:#938773; /* マスティック */
	font-weight:bold;
}
.product.product-btn .btn.btn-primary{
	margin-right:10px;
	margin-bottom:15px;
}
#product-tocosupport .product-image{ /* トコサポート */
	padding-left:0;
	padding-right:0;
}
@media only screen and (max-width:767px){
	#product-features .container > .row{
		margin-left:0;
		margin-right:0;
	}
	#product-features .section-header .plus-item{
		font-size:1.6rem;
	}
}
@media only screen and (max-width:680px){
	#product-features .section-header .plus-item{
		font-size:1.4rem;
	}
}
@media screen and (max-width:530px){
	#product-features .section-header{
		margin-bottom:30px;
	}
	.product.product-whenuse{
		margin-right:-30px;
	}
	.product-image{
		margin-bottom:50px;
	}
	.product.product-btn{
		margin-right:-15px;
	}
}
@media screen and (min-width:768px){
	.product-image{
		margin-top:30px;
		margin-bottom:0;
	}
	.product-image img{
		width:90%;
	}
}



/* ------------------------------------------------------
ベルト選び診断
--------------------------------------------------------*/
#belt-selection.bnr .container{
	background:
		url(/toco-belt/images/main-image/img_select_belt2.webp) no-repeat 90% 20%,
		url(/toco-belt/images/main-image/img_select_belt1.webp) no-repeat 85% 85%,
		url(/toco-belt/images/main-image/img_select_belt3.webp) no-repeat 110% 70%,
		#F2F3ED url(/toco-belt/images/main-image/img_select_belt.webp) no-repeat -80% 15%;
	background-size:20%, 20%, 20%, 80%;
}
@media only screen and (max-width:991px){
	#belt-selection.bnr .container{
		background-position:60% 10%, 67% 90%, 95% 25%, -180% 15%;
		background-size:25%, 25%, 25%, 90%;
	}
}
@media only screen and (max-width:767px){
	#belt-selection.bnr .container{
		background-position:55% 20%, 67% 90%, 95% 25%, -180% 15%;
	}
}
@media only screen and (max-width:680px){
	#belt-selection.bnr .container{
		background-position:55% 20%, 67% 90%, 98% 25%, -200% 15%;
		background-size:27%, 27%, 27%, 90%;
	}
}
@media only screen and (max-width:530px){
	#belt-selection.bnr .container{
		background-position:55% 20%, 70% 90%, 105% 25%, -200% 15%;
		background-size:30%, 30%, 30%, 90%;
	}
}



/* ------------------------------------------------------
動画で紹介
--------------------------------------------------------*/
#video .container{
	background:url(/toco-belt/images/top/bnr_video.webp) no-repeat 20% 45%;
	background-size:115%;
}
@media only screen and (max-width:680px){
	#video .container{
		background-position:20% 50%;
	}
}
@media only screen and (min-width:1200px){
	#video .container{
		background-position:50% 45%;
		background-size:105%;
	}
}
@media only screen and (min-width:1400px){
	#video .container{
		background-position:50% 42%;
	}
}



/* ------------------------------------------------------
ご購入はこちら
--------------------------------------------------------*/
#belt-buy{
	padding:70px 0 20px;
	background:#FFF;
}
#belt-buy .lineup{
	margin-bottom:50px;
}
#buy_dot .element-image span{
	position:relative;
}
#buy_dot .img-logo{
	border-radius:0;
	width:60%;
	position:absolute;
	top:5%; left:3%;
}
@media screen and (max-width:767px){
	#belt-buy .row.lineup-2{
		margin-left:0;
		margin-right:0;
	}
	.buy .row{
		margin-left:0;
		margin-right:0;
	}
}
@media screen and (min-width:768px){
	.buy .section-header{
		margin-bottom:70px;
	}
}



/* ------------------------------------------------------
骨盤ケア スライダー
--------------------------------------------------------*/
#care-slider{
	overflow:hidden;
	/*margin-bottom:0;*/
}

/* タイトル周り */
#care-slider .section-title > span{
	display:inline-block;
	line-height:1.2;
}
#care-slider .section-title .subttl{
	padding-left:5px;
	font-size:.5em;
	color:#EB8400; /* 蜜柑色 */
}
#care-slider .section-title .subttl,
#care-slider .section-title .subttl + span{
	display:block;
}
#care-belt-item .section-header{ /* 骨盤ケアって？ */
	top:15%; left:10%;
}
#care-belt-item .section-title{
	letter-spacing:.05em;
}
#care-belt-item .section-summary span{
	padding-left:calc(5px + .5em);
	letter-spacing:.5em;
}
#care-maternity-item .section-header{ /* 妊娠中～産後の3ステップ */
	top:30%; right:7%;
}
#care-maternity-item .section-title{
	letter-spacing:.05em;
}
#care-maternity-item  .section-title .subttl + span{
	letter-spacing:.2em;
}
#care-maternity-item .section-summary span{
	padding-left:calc(5px + .5em);
	letter-spacing:.25em;
}
#care-way-item .section-header{ /* 男女共通 3ステップ */
	top:15%; left:10%;
}
#care-way-item .section-title{
	letter-spacing:.05em;
}
#care-way-item .section-summary span{
	padding-left:calc(5px + .5em);
	letter-spacing:.1em;
}
#check-item .section-header{ /* 骨盤チェック */
	top:40%; left:8%;
}
#body-item .section-header{ /* からだナビ */
	top:40%; left:15%;
}
#body-item .section-title{
	letter-spacing:.05em;
}
#body-adverse-item .section-header{ /* ゆるみ ゆがみの影響 */
	top:40%; left:15%;
}
#care-item .section-header{ /* 骨盤ケア */
	top:10%; left:5%;
}
#care-item .section-title{
	color:#FFF;
	letter-spacing:.1em;
	text-shadow:
		1px 1px 1px rgba(72,60,44,1), /* あくいろ */
		1px -1px 1px rgba(72,60,44,1),
		-1px 1px 1px rgba(72,60,44,1),
		-1px -1px 1px rgba(72,60,44,1),
		3px 3px 3px rgba(0,0,0,0.15);
}
#care-item .section-summary span{
	background:rgba(124,116,95,0.7); /* あくいろ */
	color:#FFF;
	letter-spacing:.1em;
}
@media only screen and (max-width:991px){
	#care-maternity-item .section-header{
		top:40%; right:7%;
	}
	#care-way-item .section-header{
		top:20%; left:15%;
	}
	#care-belt-item .section-header{
		top:20%;
	}
	#check-item .section-header{
		top:43%;
	}
	#body-item .section-header{
		top:43%;
	}
	#body-adverse-item .section-header{
		top:43%;
	}
}
@media only screen and (max-width:900px){
	#care-maternity-item .section-header{
		top:35%; right:7%;
	}
}
@media only screen and (max-width:767px){
	#care-slider .section-title .subttl{
		font-size:.6em;
	}
	#care-maternity-item .section-header{
		top:35%; right:7%;
	}
	#check-item .section-header{
		left:8%;
	}
	#body-adverse-item .section-header{
		left:10%;
	}
}
@media only screen and (max-width:680px){
	#care-maternity-item .section-header{
		top:35%; right:10%;
	}
	#check-item .section-header{
		top:25%; left:15%;
	}
}
@media only screen and (max-width:630px){
	#care-slider .section-title .subttl{
		font-size:1.75rem;
	}
	#care-maternity-item .section-header{
		top:35%; right:10%;
	}
	#check-item .section-header{
		top:42%;
	}
	#body-item .section-header{
		top:42%;
	}
	#body-adverse-item .section-header{
		top:42%;
	}
}
@media only screen and (max-width:580px){
	#care-maternity-item .section-header{
		top:35%; right:10%;
	}
	#check-item .section-header{
		left:9%;
	}
	#body-adverse-item .section-header{
		left:9%;
	}
}
@media only screen and (max-width:530px){
	#care-maternity-item .section-header{
		top:35%; right:10%;
	}
	#care-way-item .section-header{
		left:10%;
	}
	#care-belt-item .section-header{
		top:18%; left:13%;
	}
	#check-item .section-header{
		top:20%; left:10%;
	}
	#body-item .section-header{
		top:34%;
	}
	#body-item .section-title{
		letter-spacing:normal;
	}
	#body-adverse-item .section-header{
		top:25%; left:18%;
	}
	#care-item .section-header{
		top:8%;
	}
}
@media only screen and (max-width:480px){
	#care-slider .section-title .subttl{
		padding-left:3px;
	}
	#care-maternity-item .section-header{
		top:15%; right:10%;
	}
	#care-way-item .section-header{
		left:15%;
	}
	#body-item .section-header{
		top:20%;
	}
	#body-adverse-item .section-header{
		left:15%;
	}
}
@media only screen and (max-width:450px){
	#care-maternity-item .section-header{
		top:15%; right:10%;
	}
	#body-item .section-header{
		left:13%;
	}
}
@media only screen and (max-width:420px){
	#care-maternity-item .section-header{
		top:15%; right:10%;
	}
	#body-adverse-item .section-header{
		left:15%;
	}
	#care-item .section-title{
		letter-spacing:.05em;
	}
}
@media only screen and (max-width:360px){
	#care-maternity-item .section-header{
		top:10%; right:7%;
	}
	#care-way-item .section-title{
		letter-spacing:normal;
	}
	#care-belt-item .section-title{
		letter-spacing:normal;
	}
	#body-item .section-header{
		top:8%; left:10%;
	}
	#check-item .section-header{
		top:8%; left:5%;
	}
}
@media only screen and (min-width:1600px){
	#care-slider .section-title .subttl{
		font-size:.4em;
	}
}

/* バナー 骨盤ケアって? ＆ スライダー画像 */
#care-belt-item .container{ /* 骨盤ケアって？ */
	background:url(/toco-belt/images/top/bnr_care.webp) no-repeat 50% 70% / 100%;
}
#care-maternity-item .container{ /* 妊娠中～産後の3ステップ */
	background:url(/toco-belt/images/top/bnr_care_maternity.webp) no-repeat 80% 43% / 110%;
}
#care-way-item .container{ /* 男女共通 3ステップ */
	background:url(/toco-belt/images/top/bnr_care_way.webp) no-repeat 50% 70% / 130%;
}
@media only screen and (max-width:680px){
	#care-maternity-item .container{
		background-position:50% 45%;
		background-size:110%;
	}
}
@media only screen and (max-width:580px){
	#care-maternity-item .container{
		background-position:20% 45%;
		background-size:110%;
	}
}
@media only screen and (max-width:530px){
	#care-maternity-item .container{
		background-position:20% 45%;
		background-size:120%;
	}
	#care-way-item .container{
		background-size:135%;
	}
}
@media only screen and (max-width:480px){
	#care-maternity-item .container{
		background-position:20% 45%;
		background-size:120%;
	}
	#care-way-item .container{
		background-size:140%;
	}
}
@media only screen and (max-width:450px){
	#care-maternity-item .container{
		background-position:20% 45%;
		background-size:120%;
	}
}
@media only screen and (max-width:420px){
	#care-maternity-item .container{
		background-position:20% 45%;
		background-size:135%;
	}
	#care-way-item .container{
		background-size:150%;
	}
}
@media only screen and (max-width:410px){
	#care-maternity-item .container{
		background-position:30% 45%;
		background-size:135%;
	}
}
@media only screen and (max-width:360px){
	#care-maternity-item .container{
		background-position:40% 45%;
		background-size:140%;
	}
}
@media only screen and (min-width:768px){
	#care-maternity-item .container{
		background-position:0% 43%;
		background-size:100%;
	}
	#care-way-item .container{
		background-position:20% 70%;
		background-size:110%;
	}
}
@media only screen and (min-width:992px){
	#care-maternity-item .container{
		background-position:0% 40%;
		background-size:100%;
	}
}
@media only screen and (min-width:1200px){
	#care-maternity-item .container{
		background-position:0% 40%;
		background-size:100%;
	}
	#care-way-item .container{
		background-size:100%;
	}
}



/* ------------------------------------------------------
トココミュ
--------------------------------------------------------*/
#commu{
	margin-bottom:0;
}
#commu .container{
	background:url(/toco-belt/images/main-image/img_commu.webp) no-repeat 50% 65%;
	background-size:cover;
}
@media only screen and (min-width:992px){
	#commu .section-title{
		color:#FFF;
		text-shadow:
			1px 1px 1px rgba(75,71,77,1), /* チャコールグレイ */
			1px -1px 1px rgba(75,71,77,1),
			-1px 1px 1px rgba(75,71,77,1),
			-1px -1px 1px rgba(75,71,77,1),
			3px 3px 3px rgba(0,0,0,0.15);
	}
	#commu .section-summary span{
		background:rgba(0,0,0,0.3);
		color:#FFF;
	}
}

/* トコちゃんベルト関連テーマ */
#commu-belt-theme{
	margin-bottom:100px;
	padding-top:10%;
	padding-bottom:10%;
	background:#FFF;
}
.commu-theme .section-header .sub-title{
	display:inline-block;
	margin-bottom:20px;
	padding:.5em 2em;
	border:1px solid #FFB000; /* カナリ */
	border-radius:2em;
	color:#EB8400; /* 蜜柑色 */
	font-size:1.8rem;
	font-weight:bold;
}
.commu-theme .section-title{
	margin-bottom:50px;
}
.commu-theme .theme-list li{
	margin:0 15px;
	padding:20px 0;
	border-bottom:1px solid #F0F0F0; /* スノーホワイト */
	font-size:1.6rem;
	line-height:1.5;
}
.commu-theme .theme-list li:first-of-type{
	border-top:1px solid #F0F0F0; /* スノーホワイト */
}
.commu-theme .theme-list li .fa{
	color:#938773; /* マスティック */
}
.commu-theme .theme-list li a{
	color:#4B474D; /* チャコールグレイ */
}
.commu-theme .theme-list li a:hover{
	color:#7E7C73; /* スーリー */
}
@media only screen and (max-width:767px){
	.commu-theme .section-header .sub-title{
		font-size:1.6rem;
	}
}
@media only screen and (max-width:680px){
	.commu-theme .section-header .sub-title{
		font-size:1.4rem;
	}
}
@media only screen and (max-width:420px){
	.commu-theme .theme-list li{
		padding:15px 0;
		font-size:1.4rem;
	}
}
@media only screen and (min-width:992px){
	#commu-belt-theme{
		padding-top:5%;
		padding-bottom:5%;
	}
	.commu-theme .theme-list{
		width:calc(80% - 30px);
		margin:0 auto;
	}
}
@media only screen and (min-width:1200px){
	.commu-theme .theme-list{
		width:calc(70% - 30px);
	}
}