/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@charset "Shift_JIS";

body {
 color:#333;
}

#tNav {
 margin:0 0 12px;
 overflow:hidden;
 zoom:1;
}
#tNav li {
 float:left;
 list-style:none;
}
#headTitle {
 margin:0 0 10px;
}
#tBox {
 position:relative;
}
#tBox div {
 position:absolute;
 right:0px; top:45px;
}
#tBox2 {
 margin:0 0 20px;
 overflow:hidden;
 zoom:1;
}
#tBox2 div table {
 float:right;
}
.toiletBox {
 background-color: #FFFDE8;
 border-top: none;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 padding:60px 0 20px;
 font-size: 16px;
}
.toiletBox__ttl{
	font-size: 24px;
	font-weight: 600;
	color: #5A3930;
	text-align: center;
	position: relative;
  padding-bottom: 22px;
	margin-bottom: 30px;
}
.toiletBox__ttl::before{
	position: absolute;
	bottom: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 315px;
	height: 4px;
	content: "";
	display: inline-block;
	background-image: url(/contents/toilet_training/_assets/img/sec_ttl-deco-pc.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.toiletBox__img{
	width: 171px;
	height: 41px;
}
.link1 {
 text-align:right;
 margin:0 0 10px;
}
.link1 a {
 background:url(/contents/toilet_training/img/icon1.gif) right center no-repeat;
 padding:0px 28px 0px 0;
 display:block;
 min-height: 21px;
 height: auto !important;
 height: 21px;
}
.link2 {
 text-align:right;
}
.link2 a {
 background:url(/contents/toilet_training/img/icon2.gif) right center no-repeat;
 padding:5px 28px 2px 0;
}
.link3 {
 text-align:right;
}

.link4 {
 text-align:right;
}

.link4 a {
 color:#ed761a;
}

.link5 img {
 margin-right:15px;
}

.icon {
 text-align:center;
}
.icon2 {
 text-align:center;
 margin:0 0 5px;
}

.toiletInner1 {
 padding:0 2px;
 width: 800px;
 margin: 0 auto;
}
.toiletInner1 .head {
 margin:0 0 15px;
 font-size: 20px;
 font-weight: 600;
}
.toiletInner1 .txt1 {
 margin:0 0 27px;
}
.toiletInner1 ul {
 background:url(/contents/toilet_training/img/toilet_inner_bg.gif) left bottom no-repeat;
 margin:0 9% 35px;
 overflow:hidden;
 zoom:1;
}
.toiletInner1 ul li {
 float:left;
 width:210px;
 list-style:none;
 margin:0 9px 0 0;
 padding:0 0 12px;
}
.toiletInner1 ul li.end {
 margin:0;
}
.toiletInner1 ul li p {
 padding:12px;
 color:#4c1010;
}
.toiletInner1 .toiletInner1Box {
 padding:0 20px;
 overflow:hidden;
 zoom:1;
}
.toiletInner1 .toiletInner1Box .left {
 float:left;
 width:405px;
}
.toiletInner1 .toiletInner1Box .right {
 float:right;
 width:221px;
}

.toiletInner2 .toiletInner2Box {
 padding:20px 20px 0;
 overflow:hidden;
 zoom:1;
}
.toiletInner2 .toiletInner2Box .left {
 float:left;
 width:316px;
}
.toiletInner2 .toiletInner2Box .left .txt1 {
 margin:0 0 28px;
}
.toiletInner2 .toiletInner2Box .left ul li {
 list-style:none;
 margin:0 0 5px;
}

.toiletInner2 .toiletInner2Box .right {
 float:right;
 width:373px;
}

.toiletInner2 .toiletInner2Box2 {
 margin:0 auto 10px;
 padding:20px 20px 0;
 overflow:hidden;
 zoom:1;
 width: 708px;
}
.toiletInner2 .toiletInner2Box2 .left {
 float:left;
 width:289px;
}
.toiletInner2 .toiletInner2Box2 .right {
 float:right;
 width:328px;
}
.toiletInner2 .toiletInner2Box2 .right .head {
 margin:0 0 18px;
}
.toiletInner2 .toiletInner2Box2 .right .btn {
 text-align:right;
}
.toiletInner2 .toiletInner2Box3 {
 position:relative;
 padding:0 20px;
 width: 708px;
 margin: 0 auto;
}
.toiletInner2 .toiletInner2Box3 h3 {
 height: 44px;
}
.toiletInner2 .toiletInner2Box3 div {
 margin:0 0 15px;
}
.toiletInner2 .toiletInner2Box3 .btn1 {
 position:absolute;
 left:110px;_left:82px; top:215px;
}
.toiletInner2 .toiletInner2Box3 .btn2 {
 position:absolute;
 left:440px;_left:422px; top:215px;
}
.toiletInner2 .toiletInner2Box3 .btn3 {
 position:absolute;
 left:495px;_left:477px; top:215px;
}
.toiletInner2 .toiletInner2Box3 .btn4 {
 position:absolute;
 left:70px;_left:50px; top:238px;
}
.toiletInner2 .toiletInner2Box3 .btn5 {
 position:absolute;
 left:160px;_left:140px; top:238px;
}

.toiletInner2 .toiletInner2Box3 table td {
 padding:0 10px 0 0;
}
.toiletInner3 {
 font-size:14px;
 padding:0 20px;
}
.toiletInner3 .txt1 {
 margin:0 0 32px;
 padding:15px 0 0;
}
.toiletInner3 .toiletInner3Box {
 overflow:hidden;
 zoom:1;
 width: 668px;
 margin: 0 auto;
}
.toiletInner3 .toiletInner3Box .left {
 float:left;
 width:445px;
}
.toiletInner3 .toiletInner3Box .left .head {
 margin:0 0 20px;
}
.toiletInner3 .toiletInner3Box .right {
 float:right;
 width:172px;
}
.toiletInner3 .toiletInner3Box2 {
 margin:0 auto 40px;
 padding:0 30px 0 13px;
 overflow:hidden;
 zoom:1;
 width: 668px;
}
.toiletInner3 .toiletInner3Box2 .left {
 float:left;
 width:288px;
}
.toiletInner3 .toiletInner3Box2 .left ul {
 margin:0 0 15px;
 padding:8px 0 0;
}
.toiletInner3 .toiletInner3Box2 .left ul li {
 margin:0 0 0 1.25em;
 list-style:disc;
}
.toiletInner3 .toiletInner3Box2 .left .txt2 {
 color:#ed761a;
 font-size:12px;
 text-indent:-1.1em;
 padding:0 0 0 1.1em;
 line-height:1.2;
}
.toiletInner3 .toiletInner3Box2 .right {
 float:right;
 width:292px;
}
.toiletInner3 .toiletInner3Box2 .right .txt3 {
 font-size:12px;
 padding:8px 0 0;
}
.toiletInner3 .toiletInner3Box3 {
 margin:0 auto 10px;
 width: 668px;
}
.toiletInner3 .toiletInner3Box3 .head {
 background:url(/contents/toilet_training/img/toilet_inner3_pic2.jpg) left center no-repeat;
 color:#4c1010;
 font-size:18px;
 margin:0 0 5px;
 padding:10px 0 10px 52px;
}
.toiletInner3 .toiletInner3Box3 .toiletInner3Box3Inner1 {
 background:url(/contents/toilet_training/img/toilet_inner3_bg2.gif) left bottom no-repeat;
}
.toiletInner3 .toiletInner3Box3 .toiletInner3Box3Inner2 {
 background:url(/contents/toilet_training/img/toilet_inner3_bg1.gif) left top no-repeat;
 padding:18px 18px 8px;
}
.toiletInner3 .toiletInner3Box3 .toiletInner3Box3Inner2 p {
 margin:0 0 10px;
}
.toiletInner3 .toiletInner3Box3 .toiletInner3Box3Inner2 p a {
 color:#ed761a;
}
.toiletInner4 {
 padding:0 16px 0 15px;
 overflow:hidden;
 zoom:1;
}
.toiletInner4 .txt1 {
 font-size:14px;
 margin:0 0 32px;
 padding:15px 0 0;
}

.toiletInner4 .btn2 {
 margin:0px 50px 0px 230px;
}
.toiletInner4 .btn2 a {
 margin-right:10px;
}
.toiletInner4 .toiletInner4Sub {
 width:580px;
 margin:0 auto;
 overflow:hidden;
 zoom:1;
}
.toiletInner4 .toiletInner4Sub ul {
 overflow:hidden;
 zoom:1;
}
.toiletInner4 .toiletInner4Sub ul li {
 list-style:none;
 float:left;
 margin:0 0 0 0;
}
.toiletInner4 .innerbox {
 overflow:hidden;
 zoom:1;
 padding:10px;
}
.toiletInner4 .imgBox01 {
 width:142px;
 float:left;
}
.toiletInner4 .imgBox02 {
 width:142px;
 float:right;
}
.toiletInner4 .imgBox03 {
 width:95px;
 float:left;
}
.toiletInner4 .txtBox01 {
 width:200px;
 float:right;
}
.toiletInner4 .txtBox02 {
 width:141px;
 float:left;
}
.toiletInner4 li.left01 {
 float:left;
 width:325px;
}
.toiletInner4 li.right01 {
 float:right;
 width:324px;
}

.toiletInner4 ul.twoImg {
 margin:0 0 24px 40px;
 overflow:hidden;
 zoom:1;
}
.toiletInner4 ul.twoImg li {
 float:left;
 margin:0 10px 0 0;
}
.toiletInner4 ul.twoImg li.end {
 margin:0;
}

p#ikuji-topicpath {
	font-size:0.8em;
	padding-bottom:30px;
}

.headIndex3 {
 background:url(/contents/toilet_training/img/toilet_inner3_pic2.jpg) left center no-repeat;
 color:#4c1010;
 font-size:18px;
 margin:0 0 5px;
 padding:10px 0 10px 52px;
}

.nav01 {
 overflow:hidden;
 zoom:1;
}

.nav01 .box01 {
 width:270px;
 float:left;
}

.nav01 .box02 {
 width:400px;
 float:right;
 }

.displaynone {
	 display:none;
 }

 .putitBox{
	 width:690px;
 }

 .putitBox h2{
	 margin:0;
 }

 .putitText01{
	 background:url(../img/putit_textback01.jpg) no-repeat;
	 width:690px;
	 height:116px;
 }

 .putitText01 p{
	 font-size:12px;
	 margin:0;
	 padding:3px 0 0 130px;
 }

 .putitText02{
	 background:url(../img/putit_textback02.jpg) repeat-y;
	 width:690px;
 }

 .putitText02 p{
	 font-size:12px;
	 margin:0;
	 padding:10px 20px;
 }

.step{
	background:url(../img/putit_textback03.jpg) repeat-y;
}

.step td{
	width:230px;
	font-size:12px;
	float:left;
}

.step p{
	margin:10px;
}

.putit_botton{
	 background:url(../img/putit_textback04.jpg) no-repeat center bottom;
	text-align:center;
	width:462px;
	padding:10px 114px 20px;
}

.putit_botton img{
	margin:5px 0;
}

#sidebar,
.sidecontents {
	display: none;
}

#main{
	width: 960px;
	padding: 20px 0 30px;
}

#main_contents{
	width: 960px;
}

#hansoku_container{
	margin: 20px auto;
}
/**
 * 2013.05 4D���C
 */

#ikuji-subttl {
	border-bottom: none !important;
}

.sub-navigation {
	overflow:hidden;
	zoom:1;
}
.sub-navigation li {
	float:left;
	list-style:none;
}
.sub-navigation li a {
	display: block;
	text-indent: -9999px;
	height: 36px;
	background-repeat: no-repeat;
	background-image: url('../img/snav.gif');
} 
.sub-navigation li.junbi,
.sub-navigation li.junbi a {
	width: 229px;
}
.sub-navigation li.jissen,
.sub-navigation li.jissen a {
	width: 229px;
}
.sub-navigation li.calendar,
.sub-navigation li.calendar a {
	width: 232px;
}
/* ��̃T�u�i�r */
#sub-navigation-area-top { 
	width: 690px;
	margin: 0 auto 15px;
}
.border#sub-navigation-area-top {
	width: 690px;
  margin: 0 auto;
}
.sub-navigation#sub-navigation-top li.junbi a {
	background-position: 0 0;
}
.sub-navigation#sub-navigation-top li.junbi a:hover,
.sub-navigation#sub-navigation-top li.junbi a.on {
	background-position: 0 -44px;
}
.sub-navigation#sub-navigation-top li.jissen a {
	background-position: -229px 0;
}
.sub-navigation#sub-navigation-top li.jissen a:hover,
.sub-navigation#sub-navigation-top li.jissen a.on {
	background-position: -229px -44px;
}
.sub-navigation#sub-navigation-top li.calendar a {
	background-position: -458px 0;
}
.sub-navigation#sub-navigation-top li.calendar a:hover,
.sub-navigation#sub-navigation-top li.calendar a.on {
	background-position: -458px -44px;
}
/* ���̃T�u�i�r */
#sub-navigation-area-bottom {
	margin: 30px auto 40px;
	width: 690px;
}
.border#sub-navigation-area-bottom {
	border-top: 10px solid #faf5e5;
}
.sub-navigation#sub-navigation-bottom li.junbi a {
	background-position: 0 -89px;
}
.sub-navigation#sub-navigation-bottom li.junbi a:hover,
.sub-navigation#sub-navigation-bottom li.junbi a.on {
	background-position: 0 -133px;
}
.sub-navigation#sub-navigation-bottom li.jissen a {
	background-position: -229px -89px;
}
.sub-navigation#sub-navigation-bottom li.jissen a:hover,
.sub-navigation#sub-navigation-bottom li.jissen a.on {
	background-position: -229px -133px;
}
.sub-navigation#sub-navigation-bottom li.calendar a {
	background-position: -458px -89px;
}
.sub-navigation#sub-navigation-bottom li.calendar a:hover,
.sub-navigation#sub-navigation-bottom li.calendar a.on {
	background-position: -458px -133px;
}
/* �T�u�T�u�i�r */
.sub-sub-navigation {
	padding: 5px;
	background: #faf5e5;
}
.sub-sub-navigation.have-nav {
	padding: 9px 11px 12px;
}
.sub-sub-navigation li {
	float: left;
}
.sub-sub-navigation li a {
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-image: url('../img/ssnav.gif');
}
.sub-sub-navigation li,
.sub-sub-navigation li a {
	width: 223px;
	height: 28px;
}
.sub-sub-navigation li.s-manga,
.sub-sub-navigation li.s-manga a {
	width: 222px;
}
.sub-sub-navigation li.s-jissen a {
	background-position: 0 0;
}
.sub-sub-navigation li.s-jissen a:hover,
.sub-sub-navigation li.s-jissen a.on {
	background-position: 0 -32px;
}
.sub-sub-navigation li.s-taikendan a {
	background-position: -223px 0;
}
.sub-sub-navigation li.s-taikendan a:hover,
.sub-sub-navigation li.s-taikendan a.on {
	background-position: -223px -32px;
}
.sub-sub-navigation li.s-manga a {
	background-position: -446px 0;
}
.sub-sub-navigation li.s-manga a:hover,
.sub-sub-navigation li.s-manga a.on {
	background-position: -446px -32px;
}

/**
 * ������
 */
.toiletBox .caption {
	font-size: 10px;
	text-align: right;
}
.mada-box {
	width: 592px;
	height: 80px;
	margin: 20px auto 0;
	padding: 20px 30px;
	background: url('../img/mada_bg.gif') no-repeat 0 0;
}
.toilet-training-funiki {
	width: 800px;
	margin: 35px auto 0;
	padding: 0;
	background: none;
}
.toilet-training-funiki h2 {
	margin-bottom: 20px;
}
.toilet-training-funiki .left {
	width: 460px;
	float: left;
}
.toilet-training-funiki .right {
	width: 180px;
	float: right;
	margin-right: 100px;
}
.toilet-training-funiki .txt1 {
	margin-bottom: 30px;
}
.toilet-training-funiki ul li {
	margin-bottom: 3px;
}
/* �A���P�[�g���� */
#enquete-box .toiletInner2Box {
	padding-top: 5px;
}
#enquete-box .toiletInner2 .toiletInner2Box {
	padding: 5px 20px 0 18px;
	margin: 0 auto;
	width: 708px;
}
.enquete-result-box {
	margin-top: 20px;
}
.enquete-result-section-inner {
	padding-bottom: 10px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.enquete-result-section-inner2 {
	padding: 0 20px 10px 20px;
	background-repeat: repeat-y;
	background-position: left top;
}
.enquete-result-single .enquete-result-section-inner {
	background-image: url('../img/enquete_single_bg_bottom.gif');
}
.enquete-result-single .enquete-result-section-inner2 {
	padding: 0 20px 10px 20px;
	background-image: url('../img/enquete_single_bg_middle.gif');
}
.enquete-result-twin .enquete-result-section-inner {
	background-image: url('../img/enquete_twin_bg_bottom.gif');
}
.enquete-result-twin .enquete-result-section-inner2 {
	padding: 0 5px 20px;
	background-image: url('../img/enquete_twin_bg_middle.gif');
}
#get-over-toilet {
	margin: 20px 0 0;
	text-align: center;
}

/* �I���c�͂�����X�^�[�g�������������� */
.start-box {
	margin-top: 35px;
	margin-bottom: 30px;
}
.start-box h2 {
	border-bottom: none !important;
	vertical-align: bottom;
}
.start-box-inner {
	padding-bottom: 5px;
	background: url('../img/start_bg_bottom.gif') no-repeat left bottom;
}
.start-box-inner2 {
	padding: 0 15px 20px 13px;
	background: url('../img/start_bg_middle.gif') repeat-y left top;
}
.start-box-inner3 {
	padding-top: 15px;
	background: url('../img/start_bg_img.gif') no-repeat right top;
}
.start-taisetsu {
	width: 612px;
	margin: 10px auto 50px;
}
.start-petit {
	margin-bottom: 25px;
}
.start-petit-list li {
	width: 212px;
	float: left;
	margin-right: 13px;
}
.start-petit-list li.last {
	margin-right: 0;
}
.start-petit-list li .bg {
	background-position: 0 0;
	background-repeat: repeat-y;
}
.start-petit-list li.item1 .bg {
	background-image: url('../img/start_petit_i1_bg.gif');
}
.start-petit-list li.item2 .bg {
	background-image: url('../img/start_petit_i2_bg.gif');
}
.start-petit-list li.item3 .bg {
	background-image: url('../img/start_petit_i3_bg.gif');
}
.start-petit-list li .description {
	width: 181px;
	margin: 0 auto;
}
/* �{�^�� */
.start-btn-area {
	width: 542px;
	margin: 0 auto;
}
.start-btn {
	width: 261px;
}
.start-btn-petit {
	float: left;
}
.start-btn-pocket {
	float: right;
}
.start-btn a {
	display: block;
	text-indent: -9999px;
	width: 261px;
	height: 71px;
	background-image: url('../img/start_bt.gif');
	background-repeat: no-repeat;
}
.start-btn-petit a {
	background-position: left top;
}
.start-btn-petit a:hover {
	background-position: left bottom;
}
.start-btn-pocket a {
	background-position: right top;
}
.start-btn-pocket a:hover {
	background-position: right bottom;
}



/*--------------------

�N��ʔ̑��g�̔�\���^�\��
charset
--------------------*/
body.toilet-hansoku #hansoku_container {
	/* display: none; */
}
body.toilet-hansoku #sub-navigation-area-bottom {
	margin-bottom: 30px;
}

/*-----------------------------
  add 20160404 �ڍs���NjL
------------------------------*/
#contents{
	font-size: 12px;
	width: auto;
	border:none;
	padding-top: 0;
}
.social-button.cf{
	margin: 0 auto 35px;
	/* width: 708px; */
	width: 833px;
}