body {
	background-image: url(https://myatt-ec.jp/thomas-colorme/img/bg.png?0315);
}
/*--------------------------
 common
--------------------------*/
a {
  color: #00a0e9;
}
a:hover {
  color: #ffd700;
  text-decoration: none;
}
ruby{font-family:Arial}
ul, ol, form, p {
	margin: 0;
}

ol, ul {
	list-style: none;
}
.color-red{ color:#e72410;}
.color-navy{color:#002e81;}


/*--------------------------
 大枠
--------------------------*/ 
.container {
    width: 1500px;
    margin: 0 auto;
	background-color:#13a6e2;
	font-family: 'Noto Sans JP', sans-serif;
}


/*--------------------------
 header
--------------------------*/
.header-bg{
	/*background:#005696 url("https://myatt-ec.jp/thomas-colorme/img/header-bg.png");*/
    background-color:#FFF;
	height:86px;
    min-width: 1500px;
	border-top:#0057a9 10px solid;
	border-bottom:#0057a9 10px solid;
	box-sizing: content-box;
    margin-left: auto;
    margin-right: auto; 
	}
.header-bg .line{
	border-top:#ffd700 3px solid;
	border-bottom:#ffd700 3px solid;
	height:80px;
	width:100%;
	box-sizing: content-box;

	}
.header-bg .line ul.head-wrap{
	display:table;
	width: 1500px;
	height:80px;
    margin: 0 auto;
	}
	
.header-bg .line ul.head-wrap li{
	display:table-cell;
	vertical-align:middle;
	}
.header-bg .line ul.head-wrap li h1{margin:0; padding:0;}
.header-bg .line ul.head-wrap li h1 img{margin-left:10px;}
#header{
	background-color:#002d56;
	height:156px;
	}

.header-tools__btn-gnavi {
	position: relative;
	padding: 7px 15px 7px 10px;
	font-size: 12px;
}


.fa-user,
.fa-envelope,
.fa-newspaper-o,
.fa-star,
.fa-check-square,
.fa-paper-plane {
	padding-right: 4px;
}


.promo__seciton {
	background-color: < {
		$key_color
	}
	>;
	width: 100%;
	min-height: 49px;
}

.promo {
	background: < {
		$key_color
	}
	>;
}

.promo__text {
	color: #999999;
	text-align: center;
	padding: 14px 0;
	letter-spacing: 1px;
	font-weight: bold;
	background: < {
		$key_color
	}
	>;
}

.header__section {
	text-align: center;
}

.header-tools {
	float: right;
	text-align: right;
}

.header-tools__unit {
	display: inline;
	margin-left: 5px;
	line-height: 1.4;
}

.header-tools__unit-cart {
	margin-left: 21px;
  color:#FFF;
}

.header-tools__btn {
	position: relative;
	padding: 7px 15px 7px 34px;
	font-size: 12px;
}

.header-tools__btn i {
	position: absolute;
	top: 11px;
	left: 4px;
	font-size: 14px;
}

ul.gnav {
	padding:0.5em;
	list-style-type:none;
    
}
ul.gnav li {
	position:relative;
	padding-left:.7em;
	padding-right:1em;
   color:#54bceb;
}
ul.gnav li:before {
	position:absolute;
	content:'';
	top: 0.9em;
	left: 0em;
	height:0;
	width:0;
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #0057a9;
}

ul.gnav li:last-child:before{ border-style:none;}
ul.gnav li a{color:#0057a9;font-family: 'Noto Sans JP', sans-serif;font-weight:600;}
ul.gnav li a:hover:not(.header-tools__unit-cart){color: #54bceb;}

/*スライダー：start*/

.slider .bx-wrapper .bx-viewport {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
	width: 800px !important;
	margin: 0 auto !important;
	overflow: visible !important;
	height: 400px !important;
	background: #fff;
	left: 0px !important;
}

.slider .bx-wrapper .bx-viewport {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
	width: 800px !important;
	margin: 0 auto !important;
	overflow: visible !important;
	height: 400px !important;
	background: #fff;
	left: 0px !important;
}
.slider-box {
	min-width: 1500px;
	overflow: hidden;
}
.slider-bg {
	position: relative;
	height: 420px;
	background-color: #0057a9;
	color: #FFF;
}
.bx-wrapper img {
	box-sizing: border-box;
    border: 2px #0057a9 solid;
}
 .bx-wrapper .bx-pager {
    bottom: -15px!important;
  }
.bx-wrapper .bx-pager.bx-default-pager a{background: #13a6e2!important;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff!important;
}
/* main */

.main__section {
	border-bottom: 1px solid < {
		$bordercolor_primary
	}
	>;
	padding:0;
	overflow: hidden;
  display: table;}
}
.main__section :after {
　content: "";
　display: block;
　clear: both;
}


.main-s{ width:600px!important; margin-left:auto;margin-right:auto;}
/* sidebar */

.header-search {position: relative;}
.header-search__box {
	width: 200px;
	background:;
	border: none;
	border-radius: 0px 0px 6px 6px;
	color: #333;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	height: 40px;
	padding-left: 30px;
    box-sizing: border-box;
}
.search{position: relative;}
.search i.fa-search {
	position: absolute;
	top: 12px!important;
	left: 25px;
    color:#002e81;
}



/*左サイド*/

.sidebar__section {
 display: table-cell; 
vertical-align:top; 
  background:#13a6e2;
  	line-height: 2em;
 	font-weight: bold;
	width: 240px;
    float:left;
}
ul.menu-list li{
	list-style-type: none;
	background:url(https://myatt-ec.jp/thomas-colorme/img/cate-menu-bg.png) no-repeat;
	width:200px;
	height:50px;
	margin-left:auto !important;
	margin-right:auto;
	margin-bottom:1px;

	color:#FFF;
	line-height:1.3;
	font-weight:500;
	display: table;
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
}


ul.menu-list li a{padding-left:1.5em;padding-right:2.5em;background:url(https://myatt-ec.jp/thomas-colorme/img/cate-menu-bg.png) no-repeat; display:table-cell;vertical-align:middle; color:#FFF; text-decoration:none;}
ul.menu-list li a:hover{
	background:url(https://myatt-ec.jp/thomas-colorme/img/cate-menu-bg-ov.png) no-repeat;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  color:#ffe501;
  }
.menu__section {
	/*margin-bottom: 30px;*/
}
.menu__section img { text-align:center;}

.more-prd span {
	cursor: pointer;
}
/*--------------------------
 タイトル
--------------------------*/
.ttl-bg{
	 background:#13a6e2 repeating-linear-gradient(-50deg, #13a6e2, #13a6e2 14px,#009ddc 14px, #009ddc 26px);
	min-height:50px;
	width:960px;
	display:table;
	padding: 5px 90px 5px 20px;
	position:relative;
    box-sizing: border-box;
    margin-bottom: 10px;
	}
	
.ttl-bg h2{
	display:table-cell;
	vertical-align:middle;
	line-height:1.3;
	font-size:1.3em;
	color:#ffde2d;
	font-weight:600;
	font-family: 'Noto Sans JP', sans-serif;
	}

.chara-thomas{
	position:absolute;
	bottom:0;
	right:15px;	
	background:url(https://myatt-ec.jp/thomas-colorme/img/chara-thomas.png) no-repeat;
	width:84px;
	height:56px;	
	}
.chara-percy{
	position:absolute;
	bottom:0;
	right:15px;	
	background:url(https://myatt-ec.jp/thomas-colorme/img/chara-percy.png) no-repeat;
	width:84px;
	height:56px;	
	}	
.chara-hiro{
	position:absolute;
	bottom:0;
	right:15px;	
	background:url(https://myatt-ec.jp/thomas-colorme/img/chara-hiro.png) no-repeat;
	width:84px;
	height:56px;	
	}
.chara-nia{
	position:absolute;
	bottom:0;
	right:15px;	
	background:url(https://myatt-ec.jp/thomas-colorme/img/chara-nia.png) no-repeat;
	width:90px;
	height:56px;	
	}	
.chara-YoungBao{
	position:absolute;
	bottom:0;
	right:15px;	
	background:url(https://myatt-ec.jp/thomas-colorme/img/chara-YoungBao.png) no-repeat;
	width:84px;
	height:56px;	
	}
.ttl-page{
	background:url(https://myatt-ec.jp/thomas-colorme/img/ttl-page.jpg) no-repeat;
	height:150px;
	width:960px;
	display:table;
	padding-left:20px;
	margin-bottom:20px;
    box-sizing: border-box;
	}
	
.ttl-page h2{
	display:table-cell;
	vertical-align:middle;
	line-height:1.3;
	font-size:1.8em;
	color:#ffd204;
	font-weight:600;
	font-family: 'Noto Sans JP', sans-serif;
 letter-spacing : 4px;
  text-shadow    : 
       1px  1px 0px #0057a9,
      -1px  1px 0px #0057a9,
       1px -1px 0px #0057a9,
      -1px -1px 0px #0057a9,
       1px  0px 0px #0057a9,
       0px  1px 0px #0057a9,
      -1px  0px 0px #0057a9,
       0px -1px 0px #0057a9
	   ;
}

.ttl-h3{
	font-weight:600;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1.3em;
	color:#0096d9;	
		
	}


/*右サイド*/

.side_right {
	display: table-cell;
  vertical-align:top;
  background:#13a6e2;
	/*background: repeating-linear-gradient(-50deg, #13a6e2, #13a6e2 14px,#009ddc 14px, #009ddc 26px);*/
	line-height: 2em;
 	font-weight: bold;
	width: 240px;
    height: 100vh; 
}

.side_right .history_loop {
	width: 200px;
  	height:1000px;
	margin: 0px auto;
	background-color: #FFF;
	overflow: hidden;
	position: relative;
}

.side_right .history_loop ul {
	width: 200px;
	padding-left:5px;
	box-sizing:border-box;
}

.side_right .history_loop li {
	width: 180px;
	text-align: center;
	font-size: 10px;
	padding: 4px 0px;
	line-height: 2.2em;
	border-bottom: dotted 1px #CCC;
}
.side_right img.bnr-240{width:240px;}
.history_loop ul .checkitemimg {
	width: 180px;
	padding: 4px;
	margin: 0px auto 4px;
}

.checkitemimg img {
	width: 100%;
}

.history_loop ul .name {
	height: 2em;
	overflow: hidden;
}
.history_loop_bm {
    width: 240px;
    margin: 0px auto;
}
#loopslider_wrap > ul{height:initial!important}
/* breadcrumb.sort */

.breadcrumb__section {margin: 0 0 10px 0;}

.breadcrumb-list__unit {
	background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
}

.sort__section {
	width: 30%;
  margin-left: 10px;
}

.sort--sub-layer {
	min-width: 200px;
  margin-top:20px;
	width: 100%;
}



/* contents */

.contents__section {
	display: table-cell;
    vertical-align:top;
	width: 960px;
  	background-color:#FFF;
	padding:20px 30px 30px 30px;
	box-sizing: content-box;
    font-size: 1.2em;
    line-height:1.6;
  float:left;
}
.contents__section h3{ color:#002e81}
.info__section, .recommend__section, .seller__section, .together__section, .product-list__section, .free-space__section, .product__image, .delivery__section, .payment__section, .cancel__section {
	margin-bottom: 30px;
}

.product-list__section {
	position: relative;
}

.free-space__section {
	background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
}

.recommend-list, .seller-list, .together-list {
	margin-top: 20px;
}
.recommend-list{list-style-type: none;display: flex;flex-wrap: wrap;}
.recommend-list li{
	width:33%;
	padding: 20px;
	box-sizing: border-box;
}
.sub-list {
	padding-bottom: 60px;
	font-size: 0;
}

.sub-list__unit {
	display: inline-block;
	vertical-align: top;
	padding: 0 5px 20px;
	width: 32.3%;
	font-size: 14px;
}

.sub-list__img {
	padding-bottom: 10px;
	width: 250px;
}

.sub-list__link {
	display: block;
}

.sub-list__name {
	display: block;
}

.product-list__freespace-top {
	/*padding-bottom: 60px;*/
	background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
}
.product-list__freespace-top > img{width:100%;margin-bottom: 20px;}
.product-list__freespace-bottom {
	padding-top: 60px;
	background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
}
.dsp-no-pc {
	display: none;
	visibility: hidden;
}
/* information */

.info {
	margin-top: 40px;
}

.info-list {
	list-style-type: none;
}

.info-list__unit {
	padding-bottom: 30px;
}

.info-list__date {
	display: block;
	padding-bottom: 10px;
}



/* history */
.history__section {
    padding-top: 20px;
    padding-bottom: 20px;
    clear: both;
    border-top: 1px solid < { $bordercolor_secondary } >;
    background-color: #13a6e2;

}
.history__section {

    clear: both;
    border-top: 1px solid < { $bordercolor_secondary } >;
    background-color: #13a6e2;

}


/* footer */

.footer__section {
	border-bottom: 1px solid < {
		$bordercolor_primary
	}
	>;
}

.footer__guide {
  padding: 1em;
  background-color:#13a6e2;
}
.footer__guide h2{ font-size:1.3em;margin-bottom: 0;}

.guide__col {
	display: inline-block;
	margin: 0 10px;
	vertical-align: top;
}
.guide__h2 {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #00a0e9;
	font-size: 16px;
}

.guide__list {
	margin: 0;
}

.guide__name {
	padding-bottom: 15px;
}

.guide__other {
	margin: 0;
	padding-bottom: 30px;
	color: < {
		$sub_key_color
	}
	>;
}
.guide__other:last-child {padding-bottom:0}
.footer__navi {
	border-bottom: #00a0e9 1px solid;
    background-color: #00589a;
	padding-top: 2em;
	padding-bottom: 2em;
  	color:#13a6e2;
}
.footer__navi a{
	color:#13a6e2;	
}
.footer__navi a:hover{
	color:#5fbceb;	
}

.shop-owner {
	overflow: hidden;
}

.shop-owner__img {
	float: left;
	width: 200px;
	margin-right: 20px;
}

.shop-owner__info {
	float: left;
	width: 290px;
}

.shop-owner__name {
	margin-bottom: 16px;
	font-weight: bold;
}

.shop-owner__memo {
	line-height: 1.8;
}

.sns-list {
	list-style-type: none;
	padding-bottom: 60px;
}

.sns-list__unit {
	display: table-cell;
	padding-right: 5px;
}

.footer-navi__col {
	list-style-type: none;
	line-height: 2.2;
}

.pagetop__btn {
	display: block;
	padding: 18px 0;
	width: 100%;
	max-width: 50px;
	float: right;
}



/* copyright */

.copyright__section {
	font-size: 10px;
  color:#FFF;
	background-color: #0096d9;
  	text-align:center;
}

.copyright__img {
	width: 200px;
	height: 18px;
	margin: 0 0 5px 5px;
}



/* menu-list */

.menu-list--more-prd {
     width: 200px;
    margin: 0 auto;
    background: #FFF;
    box-sizing: border-box;
    padding: 10px;
}
.menu-list--more-prd .product-list__link img{ text-align:center;}
/*
.menu-list__link {
	display: table;
	padding: 10px 0;
	width: 100%;
}

.menu-list__text {
	display: table-cell;
	padding-right: 10px;
	font-size: 1.2em;
	padding-left: 1em;
	text-indent: -0.8em;
}

.menu-list__icon {
	display: table-cell;
	vertical-align: top;
	width: 10%;
	text-align: right;
	padding-top: 0.5em;
}
*/
.category-list__unit {
	position: relative;
}



/* calender */

.cal {
	margin: 20px 0 60px;
	text-align: center;
}

.tbl_calendar {
	margin-bottom: 20px;
	width: 100%;
}

.tbl_calendar caption {
	text-align: center;
	padding: 6px 0;
}

.tbl_calendar th {
	padding: 6px 0;
	border-bottom: 1px solid #ccc;
}

.tbl_calendar td {
	padding: 6px 0;
	border-bottom: 1px solid #ccc;
}



/* qrcode */

.qrcode {
	margin: 20px 0 60px;
	text-align: center;
}



/* product-list */

.product-list {

    list-style-type: none;
   /* font-size: 0;*/
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 20px;

}
.menu-list--more-prd > .product-list__unit{padding: 0 0 40px 0;}
.menu-list--more-prd > .product-list__unit:last-child{padding: 0;}
.product-list__unit {display: inline-block;padding-right:20px;box-sizing: border-box;!important;vertical-align: top;position: relative;
}
.product-list__unit:nth-child(6n) {padding-right:0;}
.product-list__unit-sm {
	width: 110px;
}

.product-list__unit-md {
   width: 198px;
    padding-left: 10px;
    padding-right: 10px;
  box-sizing: border-box;}

.product-list__unit-lg {
	width: 300px;
}

.product-list__unit--sidebar {
	display: block;
	margin: 0 0 20px;
}

.product-list__image:hover {
	opacity: 0.8;
}
.sidebar__section a:hover img,
.side_right a:hover img{
  opacity: 0.8;
}

.product-list__image--sm {
	max-width: 110px;
}

.product-list__text {
	display: block;
	font-size: 1.1em;
}

.product-list__name {
	font-weight: bold;
	margin-top: 20px;
	text-align: left;
	line-height: 1.3;
	font-size: 1.1em;
}

.product-list__name--sidebar {
	margin-top: 0;
	margin-left: 10px;
}

.product-list__expl {
	margin-top: 20px;
	text-align: left;
}

.product-list__prices {
	margin-top: 10px;
	text-align: left;
}

.product-list__prices--sidebar {
	margin-left: 10px;
}

.product-list__price-regular {
	text-decoration: line-through;
}

.product-list__price-soldout {
	color: #ff0000;
}

.product-list__discount-rate {
	color: #ff0000;
}

.rank-box {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
}

.rank-box--sidebar {
	top: 0px;
}

.rank-number {
	background: #0057a9;
	color: #FFF;
	font-weight: bold;
	border-radius: 50%;
	display: block;
	text-align: center;
    font-size: 1.4em;
    line-height: 30px;
}

.rank-number--sidebar {
	width: 30px;
	height: 30px;
}

.rank-number-color--1 {
	background:url(https://myatt-ec.jp/thomas-colorme/img/rank01.png)no-repeat;
	background-size:contain;
	font-size:0;
}

.rank-number-color--2 {
	background:url(https://myatt-ec.jp/thomas-colorme/img/rank02.png)no-repeat;
	background-size:contain;
	font-size:0;
}

.rank-number-color--3 {
	background:url(https://myatt-ec.jp/thomas-colorme/img/rank03.png)no-repeat;
	background-size:contain;
	font-size:0;
}



/* pagenation */

.pagenation {
	position: relative;
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
}

.pagenation .disabled {
	color: #ccc;
}

.pagenation-prev {
	position: absolute;
	left: 0;
}

.pagenation-pos {
	line-height: 0.8;
}

.pagenation-pos__number {
	margin: 0 5px;
	font-size: 22px;
}

.pagenation-next {
	position: absolute;
	right: 0;
}



/* product */

.product__section {
	margin-bottom: 120px;
}

.product__section h2 {
	border-bottom: none;
	font-size: 22px;
}

.product__explain {
	padding-top: 60px;
	line-height: 1.8;
	background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
}

.product__model {
	color: < {
		$sub_key_color
	}
	>;
}

.product__image-main {
	text-align: center;
}

.product__image-thumb ul li {
	cursor: pointer;
	margin-bottom: 25px;
	padding: 0 10px;
}

.image__thumb {
	padding: 2px;
	border: 2px solid #fff;
}

.image__thumb--active {
	border: 2px solid < {
		$bordercolor_secondary
	}
	>;
}

.product__guide {
	padding: 0 0 60px;
}

.product__price-part {
	font-size: 22px;
	padding-bottom: 5px;
}

.product__price-regular {
	padding-bottom: 5px;
}

.product__price-establish {
	padding-bottom: 5px;
	color: < {
		$sub_key_color
	}
	>;
}

.product__discount {
	color: #ff0000;
}

.product__stock-str {
	padding-top: 30px;
	font-size: 22px;
}

.product__related-list__link {
	display: block;
	padding: 5px 0;
}

.product__related-list__link span {
	padding-left: 15px;
}

.product__order {
	border-top: 1px solid < {
		$bordercolor_secondary
	}
	>;
	border-bottom: 1px solid < {
		$bordercolor_secondary
	}
	>;
	padding: 40px 0 60px;
}

.option-list__name, .init-list__name, .text-titles-list__name {
	padding-bottom: 10px;
	font-weight: normal;
}

.option-list__detail, .init-list__detail, .text-titles-list__detail {
	margin: 0;
}

.option-list__select {
	height: 50px;
	border: 2px solid < {
		$bordercolor_secondary
	}
	>;
}

.text-titles-list__detail-text {
	height: 50px;
	border: 2px solid < {
		$bordercolor_secondary
	}
	>;
}

.init-list__detail-num {
	width: 200px;
	height: 38px;
	border: 2px solid < {
		$bordercolor_secondary
	}
	>;
	display: inline-block;
}

.init-list__detail-updw {
	margin: 0;
	padding-left: 10px;
	vertical-align: middle;
	display: inline-block;
}

.init-list__detail-unit {
	padding-left: 10px;
}

.order-btn-list {
	margin: 0;
	padding-top: 30px;
}

.stock_error {
	text-align: center;
	color: #cf0400;
}

.option-table {
	margin: 40px 0;
}

.option-table table {
	width: 95%;
	margin: 0 auto;
	border-bottom: 1px solid < {
		$bordercolor_secondary
	}
	>;
	border-left: 1px solid < {
		$bordercolor_secondary
	}
	>;
}

.option-table table th, .option-table table td {
	padding: 11px 7px;
	border-top: 1px solid < {
		$bordercolor_secondary
	}
	>;
	border-right: 1px solid < {
		$bordercolor_secondary
	}
	>;
}

.option-table table th {
	text-align: center;
}

.option-table table td {
	vertical-align: top;
	text-align: center;
}

.related-list {
	text-align: right;
	padding-right: 15px;
}

.related-list__unit {
	display: inline-block;
}



/* option detail */

.option-detail__section {
	padding: 20px;
	text-align: center;
}

.option-detail__table th {
	text-align: center;
}

.option-detail__table td {
	text-align: center;
}

.option-detail__price--regular {
	text-decoration: line-through;
}

.option-detail__discount {
	color: #ff0000;
}



/* privacy.shopkeeper */

.shop-info__lead {
	margin: 40px 0 20px;
	line-height: 1.8;
}

.shop-info-list__title {
	padding: 20px 0 5px;
}

.shop-info-list__title:first-child {
	padding: 0 0 5px;
}

.shop-info-list__note {
	margin: 0;
	line-height: 1.8;
}




/*
 * Module
 */

.section__title-h2 {
	background:#13a6e2 repeating-linear-gradient(-50deg, #13a6e2, #13a6e2 14px,#009ddc 14px, #009ddc 26px);
	width:960px;
	display:table;
	padding: 5px 90px 5px 20px;
	position:relative;
    box-sizing: border-box;
	font-size:1.3em;
	color:#ffde2d;
	font-weight:600;
	font-family: 'Noto Sans JP', sans-serif;
}
.section__title-h2-gray{
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 0px;
    font-size: 1.5em;
    font-weight: 600;
    padding-left: 10px;
    padding-top:20px;
    background-color: #fff;
    border-radius: 10px 10px 0 0;}

/*リスト*/
.list-circle li {
	/*margin-bottom: .5em;*/
	padding-left: 1em;
	position: relative;
}

.list-circle li:before {
	display: block;
	font-family: "Font Awesome 5 Free";
	content: "\f111"" ";
	font-weight: 900;
	font-size: 0.6em;
	color: #13a6e2;
	position: absolute;
	left: 0;
	top: 3px;
}

.list-circle li:last-child {
	margin-bottom: 0;
}
/*文字サイズ*/
.size-small {
	font-size: 0.8em;
}
.size-L {
	font-size: 1.4em;
}
/*ボタン*/
.btn-padding{padding: 0.8em 1em 0.5em 1em;}
.btn-yellow {
	display: inline-block;
	text-decoration: none;
	background: #ffd204;
    border-bottom: #e6af19 1px solid;
	/*ボタン色*/
	color: #FFF;
	line-height: 1;
	border-radius: 4px;
	font-weight: 600;
}
.btn_yellow:hover {
	background: #f78f1e;
	color: #FFF;
}
.btn_yellow_L{
    background-color: #ffcd46;
    border-bottom: #e6af19 1px solid;
    border-radius:4px;
	text-align: center;
    display: inline-block;
	text-decoration:none!important;
	margin: .6em 0;
    color:#444;
    padding:.5em 2em;
    font-weight:600;
}
.btn_yellow_L:hover{ color:#FFF;}
.btn-blue {
	display: inline-block;
	font-weight: bold;
	color: #fff;
  	line-height: 1;
	text-align: center;
	background: #00a0e9;
  	border-bottom: solid 1px #0594d6;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.btn-blue:hover {
  	color: #fff;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	zoom: 1;
}
.btn-blue a,
.btn-red a
{
	text-decoration: none;
	color: #fff;
}
.btn-red {
	display: inline-block;
	font-weight: bold;
	color: #fff;
  	line-height: 1;
	text-align: center;
	background: #e72410;
  	border-bottom: solid 1px #c71806;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.btn-red:hover {
  	color: #fff;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	zoom: 1;
}
.btn-primary {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #FFF!important;
	background: #e72410;
    border-radius: 3px;
    padding:1em 1.8em 1em 3em;
	line-height: 1;
	border-bottom: solid 1px #c71806;
	/*少し濃い目の色に*/
	font-weight: bold;
	box-shadow: inset 0 1px 0 #c71806;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	}
.btn-primary:hover {
	background: #e72410;
	color: #fff;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	zoom: 1;
}

.btn-secondary {
	background: #48A3FF;
	border: 1px solid #48A3FF;
	color: #fff;
}

.btn-secondary:hover {
	background: #48A3FF;
	color: #fff;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	zoom: 1;
}
.btn-totop {
	position: relative;
	display: inline-block;
  	text-align:center;
	text-decoration: none;
	color: #FFF;
	background: #0096d9;
	/*背景色*/
	border-bottom: solid 1px #0187c3;
	/*少し濃い目の色に*/
	border-radius: 4px;
	font-weight: bold;
	box-shadow: inset 0 1px 0 #0187c3;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	}
.btn-totop:hover {
opacity: 0.8;
	-moz-opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);	
	}
.btn-tertiary {
	background: #cf0400;
	border: 1px solid #cf0400;
	color: #fff;
}
.btn-totop i{color: #fff;}
.btn-tertiary:hover {
	background: #cf0400;
	color: #fff;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	zoom: 1;
}
.btn-wrap{ display:flex; justify-content: center;}
.btn-wrap div{ margin-right:10px;}
.btn-wrap div:last-child{ margin-right:0;}
.btn__addcart, .btn__quick, .btn__soldout {
	padding: 20px 0 22px 0;
}

.btn__addcart i, .btn__quick i, .btn__soldout i {
	margin-right: 10px;
}

.btn__addcart span, .btn__quick span, .btn__soldout span {
	vertical-align: middle;
}

.btn__soldout.disabled,
.btn__soldout[disabled] {
	background-color: #cf0400;
	color: #fff;
}
.bold{font-weight:600;}
.txt--sm {
	font-size: 10px;
}

.txt--md {
	font-size: 12px;
}

.txt--lg {
	font-size: 16px;
}

.txt--c {
	text-align: center;
}

.txt--r {
	text-align: right;
}

.txt--red {
	color: #ff0000;
}

.txt--gray {
	color: #999;
}

.border--none {
	border: none;
}

.mar-t--20 {
	margin-top: 20px;
}

.mar-b--20 {
	margin-bottom: 20px;
}
.mt30 {
	margin-top: 30px;
}
.ml-m{ margin-left:20px;}
.mr-m{ margin-right:20px;}
.mb-m{margin-bottom:20px;}
.mb-l{margin-bottom:40px;}
.mar-b--60 {
	margin-bottom: 60px;
}

.width--110 {
	width: 110px;
}

.width--160 {
	width: 160px;
}

.hide {
	display: none;
}



/* textarea input */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	outline: none;
}



/* ◆◆追加◆◆ */


/* キャラクター一覧 */

.charalist_wrap {}

.charalist_img {
	float: left;
	width: 250px;
	margin: 35px;
}

.cate_ttl {
    box-sizing: border-box;
    font-size: 1.2em;
    border-left: solid 5px #fecc06;
	margin-left: 20px;
    padding-left: 10px;
    color: #FFF;
}

.cate_ttl-r {
	width: 240px;
	box-sizing: border-box;
	font-size: 1.2em;
}



.charalist_img {
	float: left;
	width: 250px;
	margin: 35px;
}

address {
    margin-bottom:initial;
}




/* margin padding */

.margin-auto {
	margin: auto
}

.pt50 {
	padding-top: 50px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt35 {
	margin-top: 35px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt-m {
	margin-top: 20px !important;
}
.mt-l {
	margin-top: 40px !important;
}
.mt-xxl {
	margin-top: 100px !important;
}
.mb-m {
	margin-bottom: 20px !important;
}
.mb-l {
	margin-bottom: 40px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}



@media only screen and (min-width: 540px) {
	/*ご注文方法*/
	.how_order {
		padding: 8px;
		list-style-position: inside;
		margin: 16px auto;
		list-style-type: decimal;
		background-color: #eee;
		width: 100%;
		box-sizing: border-box;
	}
	.how_order li {
		padding: 8px;
		margin: 8px;
		background-color: #FFF;
		font-size: 1.2em;
		font-weight: bold;
		color: #00a0e9;
		text-align: left;
	}
	.how_order li span {
		display: block;
		font-size: 0.7em;
		color: #666;
		font-weight:500;
	}
}

@media only screen and (max-width: 539px) {
	/*ご注文方法*/
	.how_order {
		padding: 8px;
		list-style-position: inside;
		margin: 16px auto;
		list-style-type: decimal;
		border: solid 1px #999;
		background-color: #EEE;
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.how_order li {
		padding: 8px;
		margin: 8px;
		background-color: #FFF;
		font-size: 0.7em;
		font-weight: bold;
		color: #C60;
		text-align: center;
	}
	.how_order li span {
		display: block;
		font-size: 0.6em;
		color: #666;
		font-weight:500;
	}

	.flee_p_sim .midashi {
		font-size: 1.2em;
		color: #FFF;
		font-family: "メイリオ", Meiryo, mplus-1p-regular, mplus-2p-regular, sans-serif;
		line-height: 1.6em;
		clear: both;
	}
	b {
		color: #C00;
	}

}

a.back_to_top,
.btn-more {
	background-color: #002e81;
	color: #fff!important;
	padding: 0.5em 1em;
    margin-right:20px;
	line-height: 1;
	text-align: center;
	font-weight: 600;
	text-decoration: none!important;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	display: inline-block;
}
.btn-more a{color: #fff;}
.back_to_top:hover,
.btn-more a:hover {
	color: #ffd700!important;
}
.btn-more:hover{
	opacity: 0.8;
	-moz-opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);	
	}

.menu-list a:hover,
.product-list a:hover {
	color: #CCC;
	text-decoration: none;
}

/* float */

.fl {
	float: left
}

.fr {
	float: right
}

/*商品写真の拡大*/

#mordal>div>div>img {
	/*widthとheight入れると商品写真の拡大が効かない*/
	max-width: initial;
	width: initial;
	height: initial;
	border: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}



/*twitter*/

.btn-twitter {
	position: relative;
	display: inline-block;
	color: #FFF;
	line-height: 1;
	padding: 8px 8px;
	box-sizing: border-box;
	background-color: #1b95e0;
	color: #fff;
	border-radius: 3px;
	font-weight: 500;
	font-size: .8em;
	cursor: pointer;
}

.btn-twitter a {
	text-decoration: none;
	cursor: pointer;
	color: #FFF;
}

.btn-twitter:hover {
	background-color: #0c7abf;
}
.br-pc {
	display: block;
}

.br-sp {
	display: none;
}
/*--------------------------
 キャラクターから探す
--------------------------*/
ul.chara-pic{ display:table; list-style:none; margin:20px;}
ul.chara-pic li{ display:table-cell; vertical-align:middle; font-size:1.2em;color:#0057a9;font-weight: 600;}

ul.chara-pic li:nth-child(1){ padding-right:10px;}
ul.chara-pic li img{
	border-radius: 50%; 
    width:  100px;
    height: 100px;
    margin-bottom: 0px;
	}


/*フリーページ用:start********************************************************/
.box-check{
  margin: 1em 0;
  padding: 1em;
  background-size: 160px 160px;
  background-color: rgba(135, 209, 238, 0.4);
  background-image: linear-gradient(45deg,rgba(164, 221, 243,.2) 25%,transparent 25%,transparent 50%,rgba(164, 221, 243,.2) 50%,rgba(164, 221, 243,.2) 75%,transparent 75%,transparent),linear-gradient(-45deg,rgba(164, 221, 243,.2) 25%,transparent 25%,transparent 50%,rgba(164, 221, 243,.2) 50%,rgba(164, 221, 243,.2) 75%,transparent 75%,transparent);
  border: solid 2px #67c5ea;
}
h2.page_ttl {
	padding: 0.25em 0.5em;
	background: transparent;
	border-left: solid 5px #00a0e9;
  margin-left:10px;
  margin-top: 0;
}
.free-in{ padding-left:1em; padding-right:1em;}
.free-in h3{ font-size:1.3em; font-weight:600; line-height:1.2em; margin-bottom:.5em;}
.free-in h4{ margin-top:0; margin-bottom:0; font-size:1.2em;}
ul.disc{ margin:.5em 0 0 0;}
ul.disc li {
	position: relative;
	margin-left: 1em;
	margin-bottom: 0.2em;
}
ul.disc li:last-child {
	margin-bottom: 0;
}
ul.disc > li::before {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 0;
	width: 6px;
	height: 6px;
	background-color: #666;
	border-radius: 100%;
	margin-left:-.7em;
}
ul.asterisk02{ margin-top:1em;}
ul.asterisk li,
ul.asterisk02 li
{
	position: relative;
	margin-left: 1em;
	margin-bottom: 0.2em;
}

ul.asterisk > li::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: -1em;
	width: 6px;
	height: 6px;
	content: "※";
	color: #e72410;
}
ul.asterisk02 > li::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: -1em;
	width: 6px;
	height: 6px;
	content: "※";
	color: #5fbceb;
}
.bg-gray-r{
 border-radius: 4px;
 background-color:#EEE;	
 padding:1.5em;
 box-sizing:border-box;
 text-align: left!important;
	}
.bg-percy{
	background:url(https://myatt-ec.jp/thomas-colorme/img/bg-percy.png) no-repeat right 110%;
	}
.bg-thomas{
	background:url(https://myatt-ec.jp/thomas-colorme/img/bg-thomas.png) no-repeat right 109%;
	}
	
.bg-rebecca{
	background:url(https://myatt-ec.jp/thomas-colorme/img/bg-rebecca.png) no-repeat right 110%;
	}

/* ご利用ガイド */
ul.guide{ display:table; padding-left:0; list-style:none;width:90%; margin-left:auto; margin-right:auto;}
ul.guide li{ display:table-cell; width:34%;}
ul.guide li:nth-child(2){ display:table-cell; width:30%;}
ul.guide li dl{margin:0; padding:0;}
ul.guide li dt,dd{ margin-top:.5em}
.box-Lblue{ background-color:#c7effe; padding:1em 2em;}
.box-Lblue h3{ margin:0; font-size:1.4em}
.bg-hatt{
	background:url(https://myatt-ec.jp/thomas-colorme/img/bg-hatt.png)no-repeat bottom center;
    background-size: 25%;
	}

.midashi {
	color: #FFF;
	margin-bottom: 10px;
	display: block;
	font-size: 1.5em;
	font-weight:600;
	padding-left: 10px;
	background-color: #ffcd46;
}

.how_navi {
	margin-bottom: 18px;
	line-height: 1.2em;
}
.how_navi .li_midashi {
	font-weight: bold;
	font-size: 1.2em;
    margin-top:2em;
}

.how_navi li {
  	list-style: none;
	margin-left:1em;
  	margin-bottom:1em;
}

.how_navi li a{
	text-decoration: none;
}
.guide ol {
	counter-reset: li;
}

.guide ol>li {
	list-style: none;
	position: relative;
	padding-left: 1.5em;
	margin-bottom: 0.8em;
}

.guide ol>li:before {
	counter-increment: li;
	content: counter(li);
	margin: 0.7em 0.5em;
	background: #00a0e9;
	color: #FFF;
	border-radius: 50%;
	text-align: center;
	width: 1.3em;
	height: 1.3em;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 1.4;
    font-size: .8em;
}
.p-shop__logo {
      max-width: 200px!important;
}
.topic_mid {
    display: inline-block;
    color: #FFF;
    height: 36px;
    line-height: 36px;
    margin: 30px 0 10px 0;
    padding: 0px 18px 0px 12px;
    background-color: #00a0e9;
    border-radius: 0px 18px 18px 0px;
    -webkit-border-radius: 0px 18px 18px 0px;
    -moz-border-radius: 0px 18px 18px 0px;
}
.toilink {
    padding: .5em 1em;
    margin: 8px auto 14px;
    background-color: #00a0e9;
    color: #FFF!important;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-decoration: none!important;
    display: inline-block!important;
}
ul.list-box-wrap{
	display:table;
	margin-left:0;
    margin-bottom: 2em;
	}

ul.list-box-wrap li{
	display:table-cell;
	vertical-align:top;
	text-align:left;
	}
ul.list-box-wrap li h4{margin-top:0; margin-bottom:.5em;}
ul.list-box-wrap li:nth-child(1){
	width:95px;
	}

ul.list-box-wrap li:nth-child(1) img{
	width:85px;
	}
.info-box {
    background-color: #FFF;
    border: #ffcd46 2px solid;
    padding: 1em;
    border-radius: 10px;
    text-align: center;
    font-weight: 600;
	display:inline-block;
}
.bg-Lgray{	
	background-color:#EEE;
	padding:1em;}
ol.step {
	counter-reset: li;
	margin-left:0;
  	background-color:#EEE;
	padding:1em;
}

ol.step>li {
	list-style: none;
	position: relative;
	padding-left: 1.5em;
}

ol.step>li:before {
	counter-increment: li;
	content: counter(li);
	background: #00a0e9;
	color: #FFF;
	border-radius: 50%;
	text-align: center;
	width: 1.3em;
	height: 1.3em;
	position: absolute;
	left: 0;
	top: 2px;
	line-height: 1.4;
    font-size: .9em;
}
ol.step>li p{ margin-bottom:.5em}
ol.step img{ margin-left:-1.5em}
/*フリーページ用:end********************************************************/

.pickupbn {
      margin: 0 0 10px 0;
}
.pickupbn img {
  width:200px;
}
/*--------------------------
 商品検索の結果がなかったときの
--------------------------*/

.noproducts{
	min-height:600px;
  	display: inline-block;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 2em;
	}
/*--------------------------
 footer
--------------------------*/
.footer__section{background:#09C;}
.footer__guide{display:flex;}

.footer__guide > div{
	flex:1;
	background-color:rgba(255,255,255,1);
	margin: 20px 10px;
	border-radius: 10px;
}
.footer__guide > div:nth-child(1){
	margin-left:5px;
}
.footer__guide > div:nth-child(3){
	margin-right:5px;
}
.footer-inside{
	padding:1.5em;
	box-sizing: border-box;
	}
.marker{
	background: linear-gradient(transparent 40%, #ffe501 );
	font-weight: bold;
	border-radius:2px;
	padding-left:.5em;
	padding-right:.5em;
}
dl.guide__list{
	font-size:.9em;
	}
dl.guide__list dt{
	margin-left:1.5em;
	font-weight:600;
	position: relative;
	margin-top:1em;
	margin-left:4px;
	padding-left:0;
	padding-left:1.2em;
}
dl.guide__list dt:before{
	content:'';
	position: absolute;
	transform: rotate(45deg);
	top:4px;
	left:0;
	width: 10px;
	height: 10px;
	background: #106aac;
}
.box-line-green{ 
	border: #009959 4px solid;
	border-radius: 8px;
	box-sizing: border-box;
	padding: 15px 30px;
}

.info-tel{border: #e72410 2px solid;padding: 1.5em;margin-left:auto;margin-right: auto;text-align: center;display: inline-block;}
.list-kome { margin-left: 1em;}
.list-kome li {
  list-style: none;
  position: relative;
}

.list-kome li::before {
  content: '※';
	margin-left: -1em;
	color: #e72410;
	padding-right: .2em;
}
/*非表示グループID*/
.group-2066262/*,
.group-2135955*/{
    display:none!important;
}

.sidetitle {
  margin:0 0 10px 0;
}