.tmojiother	{
			font-family: "Noto Serif JP", serif;
			font-size:28px;
			color:#577722;
			padding:0px 0px 10px;
		}
#tmojibox span	{
			font-size:48px;
			font-weight:bold;
			color:#FFF;
			padding:2px 5px 7px 5px;
			margin:0px 5px 0px 0px;
			border-radius: 5px;
			display:inline-block;
			line-height:1em;
		}
.tmoji1		{
			background-color: #87111f;
		}
.tmoji2		{
			background-color: #b7732c;
		}
.tmoji3		{
			background-color: #6f7833;
		}
.tmoji4		{
			background-color: #515aa4;
		}
#body-space	{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
		}

#image-space	{


		display: -webkit-flex;
		display: flex;

    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;

			margin-top: 3px;
			background: url(images/img_back.gif) no-repeat;
			width: 100%;
			height: 271px;
		}
#image-box1	{
			margin-left: 40px;
			margin-right: auto;
			width:300px;
		}

#image-box2	{
			
			margin-left: auto;
			margin-right: 20px;

		}
#image-box2 img	{
			width:100%;
			height:auto;
			border-radius: 5px;
		}
#main-space	{
			padding: 0px 20px 0px 40px;
			background: url(images/right-c.gif) #FFFFF4 no-repeat right top;
		}
#main-box2	{
			margin-top: 35px;
			margin-bottom: 20px;
			text-align: left;
		}
#main-box2 h1	{
			font-weight:normal;
			font-family: "Noto Serif JP", serif;
			font-size:36px;
			margin: 0px;
		}
#main-box2 p	{
			line-height: 190%;
			color: #666;
			padding: 0px 8px 0px 0px;
		}
#topic-box	{
		background-color:#f9eede;
		border-radius: 20px;
			font-size:16px;
			padding:30px;
			text-align: left;
			margin-bottom:20px;
		}
.kousinbox	{

		display: -webkit-flex;
		display: flex;

    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
			margin: 0px 0px 0px;

		}
.komidasi	{
			width:100%;
			font-size:22px;
			text-align:left;
			border-left:8px solid #e99;
			padding-left:10px;
		}
.komidasi p	{
			width:100%;
			font-size:12px;
			text-align:left;
		}
.pro-box	{

			width: 33%;
			text-align: center;
		}
.pro-box a{
			font-size:12px;
		}
.pro-box a:hover{
			color: #C00;
		}
.pro-box a img:hover	{
			opacity: 0.9;
		}
.pro-box img	{
			width:95%;
			display:block;
			border: 1px solid #ccc;
			border-radius: 6px;
		}




.kijibox	{
		display: -webkit-flex;
		display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
			margin: 0px 0px 30px;
		}
.kiji		{

			width: 48%;
			line-height: 150%;
			text-align: left;
			margin: 20px 0px 0px;
		}
.kiji h2	{
			font-size: 12px;
			margin: 0px 0px 3px;

		}
.kiji p		{
			background: url(images/sen.gif) repeat-x left top;
			margin: 0px 0px 0px 0px;
			padding-top: 5px;
			color: #777;
		}

#counter	{
			margin: 60px 0px 20px 10px;
			background: url(images/count_back.gif) no-repeat 50px 23px;
		}
iframe		{
			border: 1px solid #ccc;
		}

.saijibox	{
		display: -webkit-flex;
		display: flex;

		}
.saijibox p	{
		padding:0px 0px 0px 0px;
		width:30%;
		}
.saijibox p:first-child{
		padding:0px 10px 0px 0px;
		width:70%;
		}
.saijibox p img	{
		width:100%;
		border-radius: 20px;
		}

@media only screen and (max-width: 620px) {
h1		{
			text-align:center;
		}

#image-space	{
		display: -webkit-flex;
		display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;
			margin-top: 3px;
			background: none;
			background-color:#e7e7b3;
			width: 100%;
			height: auto;
		}
.tmojiother	{
			color:#f2d6da;

		}
#image-box1	{
			width:100%;
			background-color:#a52d3b;
			margin-left: 0px;
			margin-right: 0px;
			text-align:center;
			padding:40px 0px 0px;
		}

#image-box2	{
			width:100%;
			margin-left: 0px;
			margin-right: 0px;
			text-align:center;
		}
#image-box2 img	{
			border-radius: 0;
		}
#main-space	{
			padding: 0px 20px 0px 20px;

		}

}
@media only screen and (max-width: 420px) {


#main-box2 h1	{
			font-size:26px;
		}
#topic-box	{
			padding:20px;

		}
.pro-box a{
			font-size:10px;
		}



}