@charset "utf-8";

/* ---------------------
reset
--------------------- */
/* tag */
div{
	margin:0px;
	padding:0px;
	border-width:0px;
}
p{
	margin: 0px;
	padding: 0px;
	line-height: 140%;
}
img{
	border-width:0px;
}
img .bimg{
	display: block;
	zoom:1;
}
hr{
	border:none;
	height: 1px;
	margin: 0px;
	padding: 0px;
	line-height:100%;
}
h3,h4,h5,h6{
	line-height: 100%;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size:100%;
}
form{
	padding:0px;
	margin:0px;
}
ul,dl{
	margin: 0px;
	padding: 0px;
}
li{
	list-style-type: none;
}
ul.dot li{
	list-style-type: disc;
	list-style-position: inside;
	text-indent: -1em;
	padding-left: 1em;
	line-height: 150%;
	padding-bottom:10px;
}
strong.normal{
	font-weight: normal;
}

/* table */
td{
	margin: 0px;
	padding: 0px;
	line-height: 180%;
	vertical-align:top;
}
th{
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
table.noborder, table.noborder th, table.noborder td{
	border: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
.tdtop{
	vertical-align: top;
}
.tdmid{
	vertical-align: middle;
}
.tdbottom{
	vertical-align:bottom;
}
.odd{
	background-color:#f2f2f2;
}

/* float */
.floatr{
	float:right;
}
.floatl{
	float:left;
}
.imgr{
	float:right;
	margin-left:10px;
}
.imgl{
	float:left;
	margin-right:10px;
}
.clear{
	clear:both;
	zoom:1;
}
br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
	background-color:#00FFFF;
}
.dummy{
	clear:both;
	font-size: 1px;
	line-height: 1px;
	zoom:1;
}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	zoom:1;
}

/* box */
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}
.mid{
	margin-right:auto;
	margin-left:auto;
}

.mtnone{margin-top:0px;}
.mt-20{margin-top:-20px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt110{margin-top:110px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb60{margin-bottom:60px;}
.mb90{margin-bottom:90px;}
.mbend{margin-bottom:0px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mrend{margin-right:0px;}

.ml4{margin-left:4px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.mlend{margin-left:0px;}

.mbt5{margin-top:5px;margin-bottom:5px;}
.mbt10{margin-top:10px;margin-bottom:10px;}
.mbt15{margin-top:15px;margin-bottom:15px;}
.mbt20{margin-top:20px;margin-bottom:20px;}
.mbt30{margin-top:30px;margin-bottom:30px;}
.mbt40{margin-top:40px;margin-bottom:40px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}

.box5{padding:5px;}
.box10{padding:10px;}
.box15{padding:15px;}
.box20{padding:20px;}
.box30{padding:30px;}
.box40{padding:40px;}
.box50{padding:50px;}

.inbox5{padding:0px 5px;}
.inbox10{padding:0px 10px;}
.inbox15{padding:0px 15px;}
.inbox20{padding:0px 20px;}
.inbox30{padding:0px 30px;}
.inbox40{padding:0px 40px;}
.inbox50{padding:0px 50px;}

.w20{width:20px;}
.w40{width:40px;}
.w50{width:50px;}
.w80{width:80px;}
.w100{width:100px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:450px;}
.w480{width:480px;}
.w500{width:500px;}
.w520{width:520px;}
.w540{width:540px;}
.w560{width:560px;}
.w580{width:580px;}
.w600{width:600px;}
.w800{width:800px;}
.w99{width:99%;}

/* text */
.indenttxt{text-indent: -1em;padding-left: 1em;}
.indenttxt2{text-indent: -2em;padding-left: 2em;}
.indenttxt3{text-indent: -3em;padding-left: 3em;}

.text100, .text100 td, .text100 th{line-height:100%;}
.text120, .text120 td, .text120 th{line-height:120%;}
.text150, .text150 td, .text150 th{line-height:150%;}
.text160, .text160 td, .text160 th{line-height:160%;}
.text180, .text180 td, .text180 th{line-height:180%;}
.text200, .text200 td, .text200 th{line-height:200%;}
.text300, .text300 td, .text300 th{line-height:300%;}

.ls01{letter-spacing:0.1em;}
.ls02{letter-spacing:0.2em;}
.ls03{letter-spacing:0.3em;}
.ls04{letter-spacing:0.4em;}
.ls05{letter-spacing:0.5em;}

.bold{font-weight: bold;}
.normal{font-weight: normal;}

.font10{font-size:10px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font24{font-size:24px;}
.font25{font-size:25px;}
.font30{font-size:30px;}
.font33{font-size:33px;}
.font80{font-size:80%;}
.font90{font-size:90%;}
.font110{font-size:110%;}
.font120{font-size:120%;}

/* ---------------------
body
--------------------- */
body{
	padding: 0;
	margin: 0;
	font-size: 15px;
	letter-spacing: 1px;
	font-family: Karla, "Noto Sans Japanese", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #070505;
	background-color: #f0efee;
	background-image: url(https://totto-chan.jp/onlineshop/img/back.jpg);
	background-repeat: repeat-x;
}
p{
	line-height: 1.8em;
}
#wrap{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
a:link{
	color: #070505;
	text-decoration: none;	
}
a:hover{
	color: #070505;
	text-decoration: none;
}
a:visited{
	color: #070505;
	text-decoration: none;
}

/* ---------------------
header
--------------------- */
.rogo{
	float: left;
	margin-top: 15px;
}
.menu{
	float: right;
	margin-top: 15px;
	margin-bottom: 45px;
	width: 649px;
}
form {
    padding: 0px;
    margin: 0px;
    float: left;
    margin-left: 0px;
    margin-right: 0px;
}
.menu li{
	display: inline;
	margin-left: 11px;
}
.gmenu{
	margin-bottom: 27px;
}
.gmenu li{
	display: inline;
	margin-left: 88px;
}

/* ---------------------
dropmenu
--------------------- */
#gnav > ul {
    display: table;
}
#gnav > ul > li {
	display: table-cell;
	margin-right: 2em;
}
#gnav > ul > li:hover {
	color: #fff;
}
#gnav > ul > li:hover > a {
	color: #fff;
}
#gnav > ul > li:hover .menu {
	max-height: 9999px;
	opacity: 1;
}
#gnav > ul > li > a {
	display: block;
	padding: 25.5px 3em 15.5px;
	transition: all .2s ease-in;
}
#gnav > ul .menu {
	transition: all .2s ease-in;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	width: 100%;
	left: 0;
	text-align: center;
	position: absolute;
}
#gnav > ul .menu {
	z-index: 999 !important;
}
#gnav > ul .menu .menu_inner {
	padding: 2em 0;
	background-color: #fffdfe;
	color: #050101;
	margin-top: 30px;
}
#gnav > ul .menu .menu_inner li {
	display: inline-block;
	margin: 0 .9em;
}
#gnav > ul .menu a {
	color: #050101;
    line-height: 2.0em;
  　z-index: 999 !important;
}

/* ---------------------
footer
--------------------- */
footer{
	margin-top: 100px;
    padding-top: 50px;
	background-color: #ffffff;
}
.foot_leftbox{
	font-size: 11px;
	float: left;
	width: 360px;
    text-align: left;
}
.foot_rightbox{
    font-size: 13px;
	float: left;
	margin-left: 60px;
}
.foot_title{
	font-size: 13px;
	padding-left: 10px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #9e276b;
	margin-bottom: 24px;
}
.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin-top:24px !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}
.foot_insta{
	text-align: left;
    padding-top: 20px;
}
.foot_rogo{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 50px;
}
.foot_menu{
	font-size: 13px;
	text-align: center;
}
.copyright{
	font-size: 13px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 60px;
}

/* ---------------------
top
--------------------- */
.slider{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 45px;
	border-top-width: 24px;
	border-top-style: solid;
	border-top-color: #a82671;
}
.top_information table{
	text-align: center;
	margin-top: 23px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
.top_information table tr td{
	text-align: left;	
}
.day{
	font-size: 12px;
	color: #848484;
}
.top_newitems ul li{
	margin-top: 23px;
	text-align: center;
	width: 313px;
    height: 500px;
	float: left;
	margin-right: 25px;
}
.top_newitems ul li:nth-child(3n) {
	margin-right: 0px;
}
.new{
	font-size: 15px;
	background-color: #eb835f;
	text-align: center;
	color: #fdfcfc;
	margin-bottom: 12px;
	width: 313px;
	margin-right: auto;
	margin-left: auto;
}
.sainyuka{
	font-size: 15px;
	background-color: #60bfc1;
	text-align: center;
	color: #fdfcfc;
	margin-bottom: 12px;
	width: 313px;
	margin-right: auto;
	margin-left: auto;
}
.top_ranking ul li{
	margin-top: 23px;
	text-align: center;
	width: 313px;
    height: 463px;
	float: left;
	margin-right: 25px;
}
.top_ranking ul li:nth-child(3n) {
	margin-right: 0px;
}
.soldout{
	color: #6491bb;
}
.gold{
	position: absolute;
	margin-top: 24px;
	margin-left: 0px;
}
.silver{
	position: absolute;
	margin-top: 24px;
	margin-left: 338px;
}
.bronze{
	position: absolute;
	margin-top: 24px;
	margin-left: 678px;
}

/* ---------------------
カテゴリー
--------------------- */
.category table{
	text-align: center;
	margin-top: 23px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
.category table tr td{
	text-align: center;	
}

/* ---------------------
インフォメーション
--------------------- */
.information2 table{
	text-align: center;
	margin-top: 23px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
.information2 table tr td{
	text-align: left;
}
.day2{
	font-size: 17px;
	color: #848484;
}

/* ---------------------
item
--------------------- */
.slider2{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 45px;
	border-top-width: 24px;
	border-top-style: solid;
	border-top-color: #a82671;
}
.leftbox{
	float: left;
	width: 600px;
}
.rightbox{
	float: left;
	padding-left: 30px;
	width: 370px;
}
.sainyuka2{
	font-size: 15px;
	background-color: #60bfc1;
	text-align: center;
	color: #fdfcfc;
	margin-bottom: 12px;
	width: 367px;
}
.box__caption {
    font-size: 13px;
    color: #962666;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}

/* ---------------------
Q&A
--------------------- */
.questionnote {
    margin-left: 0px !important;
}
.questiontitle {
    color: #c4288f;
}
.pink {
    color: #c4288f;
    line-height: 3.0em;
}
.red {
    color: #ff0000;
}
.sale a:link {
    color: #903a6f !important;
}