@charset "UTF-8";
.container {
	background-color: #FFFFFF;/*#FFFFFF*/
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border-bottom-width: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.point{
	font-size: small;
	margin: 2px 30px;
}
.footer2 {
	background-color:#FFFFFF;
	margin-top: 10px;
	margin-bottom: 15px;
}
#section{
	background-image: url("town.png");
	background-repeat: repeat-x;
	background-position: right bottom;
	position: relative;
}
#section h2 a{
	color: #962DD3;
}
#section h2{
	margin-top: 40px;
	margin-left: 75px;
	margin-bottom: 0px;
}
.badtooth{
	height:55px;
	margin-left: 8px;
	margin-top: -20px;
	position: absolute;
}

/*#container {
	display: grid;
    grid-template-columns: 23% 23% 23% 23%;
	grid-template-rows: 93px 93px 100px;
    grid-column-gap:7px;
    grid-row-gap:7px;
    justify-content:center;
    align-items: center;
	margin-top: 20px;
	margin-bottom: 25px;
 }
*/
#container {
	display: -ms-grid;
	display: grid;
    -ms-grid-columns: 30% 7px 30% 7px 30% ;
    grid-template-columns: 30% 30% 30% ;
	-ms-grid-rows: 93px 7px 100px;
	grid-template-rows: 93px 100px;
    grid-column-gap:7px;
    grid-row-gap:7px;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	margin-top: 20px;
	margin-bottom: 25px;
 }#container > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
 }#container > *:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
 }#container > *:nth-child(3) {
	-ms-grid-row: 1;
	-ms-grid-column: 5;
 }#container > *:nth-child(4) {
	-ms-grid-row: 1;
	-ms-grid-column: 7;
 }#container > *:nth-child(5) {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
 }#container > *:nth-child(6) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
 }#container > *:nth-child(7) {
	-ms-grid-row: 3;
	-ms-grid-column: 5;
 }#container > *:nth-child(8) {
	-ms-grid-row: 3;
	-ms-grid-column: 7;
 }#container > *:nth-child(9) {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
 }#container > *:nth-child(10) {
	-ms-grid-row: 5;
	-ms-grid-column: 3;
 }#container > *:nth-child(11) {
	-ms-grid-row: 5;
	-ms-grid-column: 5;
 }#container > *:nth-child(12) {
	-ms-grid-row: 5;
	-ms-grid-column: 7;
 }

#container div{
	padding: 3px;
    border-radius: 0px;
    border: 1px solid #ffffff;
	width: 100%;
	height: 100%;
	margin-right: 2px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
}
.img{
	margin-top: 4px;
	margin-bottom: 10px;
	width:50px;
	height: 50px;
	background-color: #ffffff;
	border-radius: 30px;
	border: 1px solid #ffffff;
}
.p1{
	background-color: #F9F074;
}
#section .menu{
	width:100%;
	margin-left: 15px;
	margin-right: 30px;
}
.p2{
	font-weight: bold;
	font-size: 18px;
	background-color:#ffffff;
	box-shadow: 1px 1px 3px 2px #C8D5DB;
	text-indent: 0.3em;
	letter-spacing: 4px;
	width: calc(100% - 40px);
	padding-top: 3px;
	padding-bottom: 3px;
	color: #525252;
}
.p3{
	background-color: #BCE56C;
    box-shadow: 0px 0px 0px 5px #BCE56C;
    border: dashed 2px white;
    padding: 0.3em 1em;
	display: inline-block;
	margin-left: 15px;
	margin-right: 10px;
	margin-top:1px;
	border-radius: 3px;
}
.p4{
	color: #363636;
	margin-left:18px;
	margin-right: 30px;
	margin-top: 0px;
}
.red{
	color: #EC4451;
}
.blue{
	color:#486DF9;
}
.ym{
	width: 200px;
	height: 140px;
	margin-left:3px;
	margin-right: 3px;
	margin-top: 3px;
}
.cari{
	width:660px;
}
.cariso{
	margin-left: 6px;
	margin-top: -10px;
}
.peri{
	width:600px;
	margin-bottom: -20px;
}
.name{
	font-weight: bold;

}
.br,.br2{
	display: none;
}
.cam,.smile,.sports,.sleep,.night,.homep,.t4k1,.mushield,.clear,.essix,.zirc,.strm,.bk1,.offw,.cindrella,.amalgam,.oligo,.galbani,.metatoronn,.bb2,.rene,.kinton,.maf,.h2,.vitaminc,.myars{
	float: left;
	width:220px;
	margin-right: 20px;
	margin-top: 2px;
}

#p10:after,#p9:after,#p8:after,#p7:after,#p6:after,#p5:after,#p4:after,#p3:after,#p2:after,#p1:after,#p0:after{
	clear: both;
	content: "";
	display: block;
}
#p20:after,#p19:after,#p18:after,#p17:after,#p16:after,#p15:after,#p14:after,#p13:after,#p12:after,#p11:after{
	clear: both;
	content: "";
	display: block;
}
#p30:after,#p29:after,#p28:after,#p27:after,#p26:after,#p25:after,#p24:after,#p23:after,#p22:after,#p21:after{
	clear: both;
	content: "";
	display: block;
}
#p32:after,#p31:after{
	clear: both;
	content: "";
	display: block;
}
.ch{
	float: left;
	width:350px;
	margin-right: 20px;
	margin-top: 2px;
}
.sleep2{
	width:660px;
	height:280px;
}
.ds{
	width:350px;
}
.kyousei{
	width: 700px;
	border-radius: 5px;
}
.kougou{
	width: 400px;
	float: left;
	margin-right: 20px;
	margin-top: 2px;
}
.t4k2{
	width: 560px;
	margin-left: 20px;
	margin-top: -15px;
	margin-bottom: 10px;
}
.ipt{
	width: 450px;
	height: 260px;
}
.app{
	width:700px;
}
.p1 a{
	text-decoration: none;
	color: #000000;
}
.bk2,.detox{
	width: 600px;
	margin-top: -10px;
}
.youtube{
	margin-left: 12px;
	margin-bottom: 35px;
}
.lyomer{
	width:700px;
	margin-top: -20px;
	margin-left: 20px;
}
.viking{
	width:600px;
}
.mini{
	font-weight:normal;
	font-size: 14px;
}
@media(max-width:830px){
.kyousei{
	width: 96%;
}
.app{
	width: 98%;
}
}
@media(max-width:450px){
.youtube{
	width: 85%;
}
.menu{
    font-size: small;
}
.p4{
	margin-left: 14px;
	margin-right: 20px;
	padding-right: 5px;
}
.ds{
	width:90%;
}
.cam,.smile,.sports,.sleep,.night,.homep,.t4k1,.mushield,.clear,.essix,.zirc,.strm,.bk1,.offw,.cindrella,.amalgam,.oligo,.galbani,.metatoronn,.bb2,.rene,.kinton,.maf,.h2,.vitaminc,.myars,.ch,.kougaku{
	float: none;
	width:200px;
	margin-left: 10px;
	margin-right: 0px;
}
.br2{
	display:block;
}
}
@media(min-width:768px){
.b{
    display: none;
}
}
@media (max-width: 768px) {
#section h2{
	margin-top: 40px;
	padding-top:25px;
	margin-left: 55px;
}
.badtooth{
	height:38px;
	margin-left: 8px;
	margin-top: 20px;
	position: absolute;
}

#container {
	margin-top:15px;
	margin-bottom: 20px;
    grid-template-columns: 23% 23% 23% 23%;
	grid-template-rows: 66px 65px 75px;
    grid-column-gap:6px;
    grid-row-gap:6px;
}
#container div{
	padding: 2px;
    font-size: 10px;
}
.img{
	width:40px;
	height: 40px;
	margin-bottom: 5px;
}
.cari,.bk2,.detox{
	width:93%;
}
.peri{
	width:85%;
}
.cam,.smile,.sports,.sleep,.night,.homep,.t4k1,.mushield,.clear,.essix,.zirc,.strm,.bk1,.offw,.cindrella,.amalgam,.oligo,.galbani,.metatoronn,.bb2,.rene,.kinton,.maf,.h2,.vitaminc,.myars{
	width:180px;
	margin-right: 20px;
	margin-top: 2px;
}
.sleep2{
	width:90%;
}
.viking{
	width: 93%;
	}
.t4k2{
	width:88%;
}
.ipt{
	width:98%;
}
.kougou{
    width:95%;
	height: 450px;
	float: none;
}
.ch{
	float: none;
	width: 75%;
	margin-left: 10%;
	margin-right: 10%;
}
.br{
	display:block;
}
}