div.main-image {
	height:1000px;
	background: url(images/_sec1-bg.png) no-repeat center top;
	background-size: cover;
}

div.main-image-inner {
	width: 100%;
	padding:50px 0px 20px 0px;
}

div.main-image div.main-image-inner div.maincopy {
	width:100%;
}

div.main-image div.main-image-inner div.maincopy img {
	width:60px;
	display:block;
	margin:0px auto;
	vertical-align: top;
}


div.main-image div.main-image-inner div.maincopy h2 {
	font-size:25px;
	text-align: center;
	display:block;
	margin:opx auto;
}
div.main-image div.main-image-inner div.maincopy h2 span {
	font-size:20px;
}


div.main-image div.main-image-inner div.mainphoto {
	width:100%;
	margin: 0px auto;
	text-align:center;
}

div.main-image div.main-image-inner div.mainphoto .mainphoto-img {
	position: relative;
	display:inline-block;
	width:calc(100% - 80px);
	margin:30px;
	border-radius:20px;
}

div.main-image div.main-image-inner div.mainphoto .mainphoto-img img.m-photo {
	width:100%;
	display:inline-block;
}

div.main-image div.main-image-inner div.mainphoto .mainphoto-img img.m-icon {
	width:110px;
	position: absolute;
	display:inline-block;
	top:-40px;
	left:-40px;
}


div.main-image div.main-image-inner div.subcopy {
	width:calc(100% - 80px);
	background-color:#fff;
	margin:auto;
	padding:5px 20px 20px 20px;
	text-align:center;
	border-radius:20px;
}

div.main-image div.main-image-inner div.subcopy img {
	width:150px;
	display:inline-block;
}

div.main-image div.main-image-inner div.subcopy h3 {
	font-size: 12px;
}


/* TOPのカテゴリータイトル画像共通 */
h2.categorytitle {
	width:100%;
}
h2.categorytitle img {
	height:50px;
	display:inline-block;
}

div.aboutus {
	width:100%;
	height:900px;
	padding:40px 0px;
	box-sizing:border-box;
	background-color:#fff6f1;
}


div.aboutus h2.copy {
	padding: 50px 0 30px 0;
	width: 100%;
}

div.aboutus h2.copy img,
div.aboutus div.img img {
	height: auto;
	width: 100%;
}

div.pencil-tools{
	display: flex;
}

div.aboutus div.main div.pencil-tools div.pencil-tools-content {
	width:33%;
	padding:10px;
	box-sizing:border-box;
	display:inline-block;
	text-align:center;
}

div.aboutus div.main div.pencil-tools div.pencil-tools-content h3 {
	width:100%;
	display:flex;
	margin-bottom:30px;
}

div.aboutus div.main div.pencil-tools div.pencil-tools-content h3 a {
	width:100%;
	font-size:14px;
	display:flex;
	color:#736357;
	text-decoration:none;
}


/* 上向きの三角を作る（枠線用） */
.balloon::before {
	content: '';
	position: absolute;
	top: -50px; /* 三角の位置 枠線の分を調整 */
	left: 47%;
	margin-left: -25px; /* 三角形の幅の半分を負の数で指定 */
	border: 25px solid transparent;
	border-bottom: 25px solid #ff614b; /* 枠線と同じ色 */
	z-index: 1;
}

/* 上向きの三角を作る（吹き出し背景用） */
.balloon::after {
	content: '';
	position: absolute;
	top: -46px; /* ::beforeの少し下 */
	left: 47%;
	margin-left: -25px; /* 三角形の幅の半分 */
	border: 25px solid transparent;
	border-bottom: 25px solid #fff; /* 吹き出しの背景色と同じ色 */
	z-index: 2;
}


.balloon-text {
	width:620px;
	display:inline-block;
    margin:10px auto;
}

.balloon-text .top-text {
	font-size:20px;
	display:block;
	color:#ff614b;
}

.balloon-text .bottom-text {
	font-size:10px;
	display:inline-block;
	color:#ff614b;
	margin:10px;
}

.balloon-text .bottom-text img {
	width:30px;
	padding-left:10px;
	display:inline-block;
}

.balloon-logo {
	display:flex;
	vertical-align: middle;
}

.balloon-logo img.aera {
	width:120px;
	display:inline-block;
}

.balloon-logo img.meiji {
	width:130px;
	display:inline-block;
}


.efficacy {
	width:100%;
	margin:50px auto 20px auto;
}

.efficacy h3 {
	width:100%;
	font-size:12px;
	text-align:center;
	margin:0px auto 40px auto;
}

.efficacy ul {
	width:300px;
	margin:auto;
}

.efficacy ul li {
	font-size:10px;
	padding:5px 0 5px 0px;
}

.efficacy ul li::before {
  content: "●";
  margin-right: 5px;
  color: #ff614b;
}
.efficacy h3 span.marker-transparent {
	background: linear-gradient(transparent 80%, #ffed3e 80%);
}

/* >>> 2026年新発売 <<< */
div.new-release {
	width:100%;
	height:1300px;
	padding:50px 0px;
	box-sizing:border-box;
	background: url(images/_sec2-bg.png) no-repeat center top;
	background-size: cover;
}

div.new-release div.main img.patent-pending {
	width:230px;
	display:block;
	margin:0px auto 50px auto;
}


div.new-release div.main div.chopsticks-tools {
	width:100%;
	display:grid;
}

div.new-release div.main div.chopsticks-tools div.chopsticks-tools-content {
	width:100%;
	box-sizing:border-box;
	display:inline-block;
	text-align:center;
}

div.new-release div.main div.chopsticks-tools div.chopsticks-tools-content h3 {
	width:100%;
	font-size:20px;
	display:block;
	color:#ff614b;
	margin-bottom:30px;
}

div.new-release div.main div.chopsticks-tools div.chopsticks-tools-content img {
	width:250px;
	display:inline-block;
}


div.new-release div.worldsfirst-ohatomo-heart {
	position: relative;
	width:100%;
        height:600px;
	margin-bottom:50px;
	padding-top:80px;
	overflow: hidden;
}

div.new-release div.worldsfirst-ohatomo-heart h3 {
	width:100%;
	font-size:30px;
	margin-bottom:30px;
	color:#663f00;
	text-align:center;
}

div.new-release div.worldsfirst-ohatomo-heart p {
	width:100%;
	font-size:14px;
	margin-bottom:30px;
	text-align:center;
	line-height:1.5em;
}


div.goto-ohatomo-heart {
	width:100%;
	height:100px;
	padding:50px;
	background-color:#ff614b;
	box-sizing:border-box;
	text-align:center;
	vertical-align: text-top;
}

div.goto-ohatomo-heart a {
	width:300px;
	height:70px;
	display:block;
	padding:20px;
	box-sizing:border-box;
	color:#ff614b;
	font-size:17px;
	background-color:#fff;
	border-radius:10px 10px 10px 10px;
	text-decoration: none;
	margin:-30px -15px -20px -15px;
}


div.new-release div.worldsfirst-ohatomo-heart .chopsticks-img {
	position: absolute;
	width: 580px;
        height:400px;
	top: -20px;
	right: 0px;
}
div.new-release div.worldsfirst-ohatomo-heart .chopsticks-img img {
	width: 20%;
        margin-top:200px;
	padding:0px;
}

/* 画面サイズが1840px以下の場合ここから */
@media screen and (max-width: 1840px) {
div.new-release div.worldsfirst-ohatomo-heart .chopsticks-img {
	top: -20px;
	right: -100px;
}
}
/* 画面サイズが1840px以下の場合ここまで */

/* 画面サイズが1620px以下の場合ここから */
@media screen and (max-width: 1620px) {
div.new-release div.worldsfirst-ohatomo-heart .chopsticks-img {
	top: -20px;
	right: -150px;
}
}
/* 画面サイズが1620px以下の場合ここまで */

/* 画面サイズが1450px以下の場合ここから */
@media screen and (max-width: 1450px) {
div.new-release div.worldsfirst-ohatomo-heart .chopsticks-img {
	top: -20px;
	right: -200px;
}
}
/* 画面サイズが1450px以下の場合ここまで */

/* 画面サイズが1340px以下の場合ここから */
@media screen and (max-width: 1340px) {
div.new-release div.worldsfirst-ohatomo-heart .chopsticks-img {
	top: -20px;
	right: -250px;
}
}
/* 画面サイズが1340px以下の場合ここまで */
/* 画面サイズが1340px以下の場合ここから */
@media screen and (max-width: 400px) {
div.new-release div.worldsfirst-ohatomo-heart .chopsticks-img {
        margin-left:auto;
}
/* 画面サイズが1340px以下の場合ここまで */


/* >>> 五感で習得！ <<< */
div.five-senses {
	width:100%;
	height:1100px;
	padding:40px 0px;
	box-sizing:border-box;
}

div.five-senses .main h3 {
	width:100%;
	font-size:20px;
	margin-top:20px;
	margin-bottom:20px;
	box-sizing:border-box;
}

div.five-senses .main h3 span {
	font-size:15px;
}

div.five-senses .main p.process-text {
	font-size:11px;
	text-align:center;
	line-height:1.7em;
	margin-bottom:20px;
}


div.five-senses .main .five-senses-about {
	width:100%;
	text-align:center;
}

div.five-senses .main .five-senses-about .five-senses-about-left {
	width:100px;
	display:inline-block;
	vertical-align: top;
}
div.five-senses .main .five-senses-about .five-senses-about-left img {
	width:50%;
	display:none;
}

div.five-senses .main .five-senses-about .five-senses-about-right {
	width:400px;
	display:inline-block;
	vertical-align: top;
}

div.five-senses .main .five-senses-about .five-senses-about-right h4 {
	width:100%;
	color:#663f00;
	font-size:25px;
	text-align: justify;
	display:inline-block;
	padding-bottom:20px;
}

div.five-senses .main .five-senses-about .five-senses-about-right p {
	width:100%;
	font-size:11px;
	text-align: justify;
	display:inline-block;
	padding-bottom:20px;
	line-height:1.7em;
}



/* >>> 商品開発の経緯と目的 <<< */
div.development-history {
	width:100%;
	height:750px;
	padding:70px 0px;
	box-sizing:border-box;
	background: url(images/_sec2-bg.png) no-repeat center top;
	background-size: cover;
}

div.development-history .main h2 {
	width:100%;
	font-size:26px;
	color:#663f00;
	text-align: center;
	margin-bottom:50px;
}

div.development-history .main p {
	width:100%;
	font-size:11px;
	text-align: center;
}


/* >>> 新商品について <<< */
div.about-new-products {
	width:100%;
	height:4700px;
	padding:50px 0px 0px 0px;
	box-sizing:border-box;
}

div.about-new-products .main h3 {
	width:100%;
	font-size:30px;
	color:#736357;
}

div.about-new-products .main .top-ohatomo-box {
	width:100%;
	box-sizing:border-box;
	text-align:center;
}

/* おはしともだちの場合 */
div.about-new-products .main .top-ohatomo-box .top-ohatomo-box-left {
	width:200px;
	display:inline-block;
	vertical-align: top;
	box-sizing:border-box;
	text-align:center;
}

div.about-new-products .main .top-ohatomo-box .top-ohatomo-box-left img {
	width:60%;
	display:inline-block;
	box-sizing:border-box;
}


/* ハートくんの場合 */
div.about-new-products .main .top-ohatomo-box .top-ohatomo-box-left-heart {
	width:200px;
	display:inline-block;
	vertical-align: top;
	box-sizing:border-box;
	text-align:center;
}

div.about-new-products .main .top-ohatomo-box .top-ohatomo-box-left-heart img {
	width:100%;
	display:inline-block;
	box-sizing:border-box;
}

div.about-new-products .main .top-ohatomo-box .top-ohatomo-box-left-heart span.heart-size {
	width:calc(100% - 40px);
	display:inline-block;
	border:1px solid #000;
	padding:5px 10px;
	font-size:11px;
	text-align: justify;
	box-sizing:border-box;
}


div.about-new-products .main .top-ohatomo-box .top-ohatomo-box-right {
	width:790px;
	display:inline-block;
	vertical-align: top;
	padding:30px 0px;
	box-sizing:border-box;
}

div.about-new-products .main .top-ohatomo-box .top-ohatomo-box-right .top-ohatomo-box-right-icon {
	width:120px;
	display:inline-block;
	vertical-align: top;
	box-sizing:border-box;
}

div.about-new-products .main .top-ohatomo-box .top-ohatomo-box-right .top-ohatomo-box-right-icon img {
	width:60%;
	display:inline-block;
	box-sizing:border-box;
}

div.about-new-products .main .top-ohatomo-box .top-ohatomo-box-right .top-ohatomo-box-right-text-box {
	width:660px;
	display:inline-block;
	margin:20px 0px;
	vertical-align: top;
	box-sizing:border-box;
	text-align: justify;
}

div.about-new-products .main .top-ohatomo-box .top-ohatomo-box-right .top-ohatomo-box-right-text-box .top-ohatomo-box-right-title {
	display:inline-block;
	padding:5px 50px;
	margin-bottom:15px;
	background-color:#ff614b;
	font-size:12px;
	color:#fff;
	box-sizing:border-box;
	text-align: justify;
}

div.about-new-products .main .top-ohatomo-box .top-ohatomo-box-right .top-ohatomo-box-right-text-box .top-ohatomo-box-right-text {
	width:30%;
	display:block;
	text-align:left;
	font-size:11px;
	box-sizing:border-box;
}


div.about-new-products .main ul.top-ohatomo-ul {
	width:1000px;
	margin:auto;
}

div.about-new-products .main ul.top-ohatomo-ul li {
	width:100%;
}

div.about-new-products .main ul.top-ohatomo-ul li span.left {
	width:580px;
	display:inline-block;
	box-sizing:border-box;
	vertical-align: middle;
}

div.about-new-products .main ul.top-ohatomo-ul li span.left span.top-ohatomo-ul-li-title {
	width:100%;
	display:inline-block;
	box-sizing:border-box;
}

div.about-new-products .main ul.top-ohatomo-ul li span.left span.top-ohatomo-ul-li-title img {
	width:15%;
	display:inline-block;
	box-sizing:border-box;
	margin-top: 10px;
}

div.about-new-products .main ul.top-ohatomo-ul li span.left p.top-ohatomo-ul-li-text {
	width:100%;
	display:inline-block;
	padding-left:15px;
	margin:0px;
	box-sizing:border-box;
	font-size:11px;
	line-height:1.5em;
}

div.about-new-products .main ul.top-ohatomo-ul li span.right {
	width:300px;
	display:block;
	margin-right:20px;
	box-sizing:border-box;
	vertical-align:top;
}

div.about-new-products .main ul.top-ohatomo-ul li span.right img {
	width:60%;
	display:block;
	box-sizing:border-box;
	margin: 10px auto;
}

div.about-new-products .main ul.top-ohatomo-ul li img.dashed-solid {
	width:30%;
}


div.about-new-products .main .top-heart-about {
	width:100%;
	box-sizing:border-box;
}

div.about-new-products .main .top-heart-about p {
	width:340px;
	display:block;
	font-size:15px;
	box-sizing:border-box;
	vertical-align: middle;
}

div.about-new-products .main .top-heart-about img {
	width:300px;
	display:block;
	margin:10px auto;
	box-sizing:border-box;
	vertical-align: middle;
}

div.about-new-products .main ul.top-heart-about-ul {
	width:100%;
	margin-bottom:30px;
}

div.about-new-products .main ul.top-heart-about-ul li {
	font-size:13px;
}

div.about-new-products .main ul.top-heart-about-ul li span.top-heart-about-numbers {
	width:25px;
	display:inline-block;
	box-sizing:border-box;
}

div.about-new-products .main ul.top-heart-about-ul li span.top-heart-about-text {
	width:calc(100% - 30px);
	display:inline-block;
	box-sizing:border-box;
}

div.about-new-products .main div.bigheart-pencil {
	width:100%;
	text-align:center;
	box-sizing:border-box;
}

div.about-new-products .main div.bigheart-pencil img {
	width:300px;
	display:block;
	margin:5px auto;
	box-sizing:border-box;
}


/* 動画部分 */
div.about-new-products .main div.movie-box {
	width:100%;
	box-sizing:border-box;
	text-align:center;
	margin-top: 30px;
}

div.about-new-products .main div.movie-box h3 {
	width:100%;
	font-size:30px;
	color:#736357;
	text-align:center;
}

div.about-new-products .main div.movie-box h3 span {
	font-size:20px;
	display:inline-block;
	box-sizing:border-box;
}

div.about-new-products .main div.movie-box div.movie-content {
	width:100%;
	display:grid;
	padding:20px;
	margin-bottom:50px;
	box-sizing:border-box;
}

div.about-new-products .main div.movie-box div.movie-content h4 {
	width:100%;
	font-size:20px;
	color:#736357;
	display:inline-block;
	box-sizing:border-box;
}

div.about-new-products .main div.movie-box div.movie-content div.movie-wrapper {
	width:100%;
	font-size:35px;
	display:inline-block;
	box-sizing:border-box;
}

/* coming soon画像を入れる場合 */
div.about-new-products .main div.movie-box div.movie-content div.movie-wrapper img {
	width:100%;
	display:inline-block;
	box-sizing:border-box;
}



/* >>> 身につく“巧緻性” <<< */
div.dexterity {
	width:100%;
	height:700px;
	background-color:#e5e5b5;
	padding:20px 0px;
	box-sizing:border-box;
}

div.dexterity .main {
	max-width:1000px;
	background: url(images/_walking-img.png) no-repeat;
	background-position: right 0px bottom -100px;
	background-size: 300px auto;
}

div.dexterity .main h3 {
	width:100%;
	font-size:20px;
	color:#736357;
	text-align: center;
	margin-bottom:50px;
	box-sizing:border-box;
}

div.dexterity .main p {
	width:100%;
	font-size:11px;
	text-align: justify;
	line-height:1.7em;
	box-sizing:border-box;
}



/* >>> 安心・安全の日本製 <<< */
div.safety-security {
	width:100%;
	height:600px;
	background-color:#bafdff;
	padding:50px 0px;
	box-sizing:border-box;
}

div.safety-security .main h2.safety-security-title {
	width:100%;
	font-size:30px;
	color:#0049ac;
	margin-bottom:20px;
	box-sizing:border-box;
}

div.safety-security .main div.blue-line {
	width:100%;
	text-align:center;
	box-sizing:border-box;
	margin-bottom:20px;
}

div.safety-security .main div.blue-line img {
	width:100%;
	max-width:350px;
	display:inline-block;
	box-sizing:border-box;
}

div.safety-security .main p {
	width:100%;
	font-size:16px;
	text-align:center;
	display:inline-block;
	margin:30px 0px;
	box-sizing:border-box;
}

div.safety-security .main .flow-img {
	width:100%;
	margin:auto;
	box-sizing:border-box;
}

div.safety-security .main .flow-img img {
	width:100%;
	display:inline-block;
	box-sizing:border-box;
}


div.aboutus div.text {
	font-size: 100%;
	width: auto;
}

div.aboutus div.text p {
	text-align: justify;
}

ul.top-news-list li {
	width: auto;
}

ul.top-news-list li span.title {
	font-size: 15px;
	line-height: 2.0em;
}

ul.top-news-list li span.title strong {
	font-size: 19px;
}

ul.top-news-list li span.detail {
	padding: 20px;
}

ul.top-news-list li a.btn {
	background-position: right 15px center;
	border-radius: 15px;
	font-size: 16px;
	line-height: 1.8em;
	margin: 20px auto 0 auto;
	padding: 15px 40px 15px 20px;
	width: auto;
}

ul.top-news-list li table {
	width: 90%;
}

ul.top-news-list li table th,
ul.top-news-list li table td {
	font-size: 12px;
	padding: 5px;
}

div.info {
	padding-bottom: 10px;
}

div.info h2 {
	padding: 30px 0 25px 0;
}

div.info h2 img {
	height: auto;
	width: 85%;
}

div.info div.detail {
	margin: auto;
	padding: 20px 10px;
	position: static;
	width: auto;
}

div.info div.detail div.photo {
	margin: auto;
	position: static;
	width: 80%;
}

div.info div.detail div.photo img {
	height: auto;
	width: 100%;
}

div.info div.detail div.text ul {
	padding: 30px 0 0 0;
}

div.info div.detail div.text ul li {
	font-size: 100%;
	padding: 10px 15px;
}

div.info div.detail div.text ul li em {
	display: table-cell;
	float: none;
	padding-right: 10px;
	vertical-align: middle;
	width: 20px;
}

div.info div.detail div.text ul li p {
	display: table-cell;
	float: none;
	padding-bottom: 0;
	vertical-align: middle;
	width: auto;
}

div.howtohold {
	margin: 0 15px;
	width: auto;
}

div.howtohold h3 {
	font-size: 115%;
}

div.howtohold div.detail {
	padding: 8px 20px 3px 20px;
}