body, input, textarea, select {
		font-family: "Source Sans Pro", "sans-serif";
		font-weight: 300;
		font-size: 18px;
		line-height: 1.75em;
		color: #39454b;
		letter-spacing: 0.025em;
	}

	@media screen and (max-width: 1920px) {
		body, input, textarea, select {
			font-size: 18px;
		}
	}

	@media screen and (max-width: 1680px) {
		body, input, textarea, select {
			font-size: 18px;
		}
	}

	@media screen and (max-width: 1280px) {
		body, input, textarea, select {
			font-size: 18px;
		}
	}

	@media screen and (max-width: 1000px) {
		body, input, textarea, select {
			font-size: 18px;
		}
	}

	@media screen and (max-width: 736px) {
		body, input, textarea, select {
			font-size: 18px;
			line-height: 1.5em;
		}
	}
	
	.main > .content {
	    width: 45em;
	    max-width: calc(100% - 2em);
	    margin: 0 auto;
    }
	
	img.chiisana {
		display: none;
	}
	
	img.pic_left {
		width: 250px;
	    float: left;
	    margin-right: 20px;
	}
	
	img.pic_right {
		width: 250px;
	    float: right;
	    margin-left: 20px;
	}
	.maru {
	    border-radius: 50%;
	}
	
	.name {
		text-align: right;
		clear: both;
		padding: 10px 0 0;
	}
	
	.name span {
		font-weight: 400;
		font-family: 'Caveat';
		font-size: 1.8rem;
		margin: 10px;
	}

	h2 {
		font-size: 3.25em;
		margin-left: -10px;
	}

	h1, h2, h3, h4, h5, h6 {
		font-weight: 400;
		font-family: 'Caveat';
	}
	
	#chiisana {
	    background: url(../../images/chiisana.jpg);
	    background-size: cover;
	    background-attachment: fixed;
	    background-position: center center;
	    background-repeat: no-repeat;
	}
	
	header.yomogi {
		margin-bottom: 2em;
	}
	
	header.yomogi h2 {
		font-size: 2.25em;
		font-family: 'Yomogi';
		font-weight: bold;
	}

	p {
		line-height: 1.5;
		font-family: 'Shippori Mincho', "Source Sans Pro", "sans-serif";
	}

	#header {
		height: 60px;
	}

	#header h1 img {
		vertical-align: middle;
		width: 90%;
	}

	header h2 img {
		max-width: 100%;
	}

	button.toshop {
		border-radius: 5px;
	}

	.main>.content {
		width: 47em;
	}

	p.topword {
		font-size: 1.0rem;
		line-height: 1.8;
	}

	.box {
		background-color: rgba(255, 255, 255, 0.8)!important;
	}

	.box.style2 {
		padding: 3.5em 2.5em 5em 2.5em;
	}

	.image:before {
		background: none;
	}

	.gallery article .image {
		margin: 0;
		padding: 10px;
	}

	button.smp {
		display: none;
	}
	
	.gal {
	  margin: 0 auto;
	}

	.item {
	  width: 33%;
	  padding: 2.5px 5px;
	}

	.item img {
	  width: 100%;
	}

	@media screen and (max-width: 1920px) {
		.main.style2 .content {
			width: 60%;
		}
		#header nav ul li.forpc {
			display: inline-block;
		}
	}

	@media screen and (max-width: 1280px) {
		.main.style2 .content {
			width: 70%;
		}
	}

	@media screen and (max-width: 1000px) {
		.main.style2 .content {
			width: 80%;
		}
		button.smp {
			display: block;
			width: 100%;
			margin: 8px 5px 0 auto;
			height: 70px;
			position: fixed;
			bottom: 0;
			top: auto;
			border-radius: unset;
		}
		button.smp a {
			color: #FFF;
			text-decoration: none;
		    font-size: 1.2rem;
		}
		#header nav ul li.forpc {
			display: none;
		}
	}

	@media screen and (max-width: 736px) {
		img.chiisana {
			display: block;
			width: 100%;
		}
		img.pic_left,
		img.pic_right {
			width: 80%;
			max-width: 100%;
		    float: none;
		    margin: 0;
		}
		
		.gallery article .image {
		    margin: 0;
		    padding: 5px;
		}
			.item {
	  width: 50%;
	  padding: 2.5px 5px;
	}
		
		#chiisana {
		    background: none;
		}
		#header h1 {
			height: 3em;
			line-height: 3em;
		}
		#header h1 img {
			width: 55%;
		}
		.box.style2 {
			padding: 3em 1em 4.5em;
		}
		.main.style2 .content {
			width: 100%;
		}
		p.topword {
			font-size: 0.8rem;
			line-height: 1.5;
		}
		#footer {
			padding-bottom: 70px;
		}
	}