@charset "utf-8";
/* CSS Document */

#wrapper {
	width: 100%;
	margin: 0 auto;
}

/*--------------------------- 共通 ---------------------------*/

/*     PC表示     */

/*ヘッダーエリア*/
.header {
	width: 960px;
	margin: 0 auto;
}

.header_wrap {
	width: 960px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
	
/*ロゴ*/
.header_wrap h1 img {
	width: 134px;
	height: 114px;
	margin: 10px auto 5px auto;
}

/*テキスト*/
.header_catch {
	width: 70%;
	display: inherit;
	font-size: 13px;
	line-height: 1.8;
}
/* 英語ページリンク */
.g-english_link {
	display: none;
}
.english_link a {
	font-size: 0.9em;
	font-weight: 600;
	text-decoration: none;
	color: #333;
}
/* ホバー時 */
.english_link a:hover{
	text-decoration: underline;
}

/* メイン画像 */
.main-title01 {
	background: url(../img/main_img01_pc.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 2px solid #0c6eb0;
}

.main-title02 {
	background: url(../img/main_img02_pc.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 2px solid #0c6eb0;
}

.main-title03 {
	background: url(../img/main_img03_pc.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 2px solid #0c6eb0;
}

.main-title04 {
	background: url(../img/main_img04_pc.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 2px solid #0c6eb0;
}

.main-title05 {
	background: url(../img/main_img05_pc.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 2px solid #0c6eb0;
}

.main-title06 {
	background: url(../img/main_img06_pc.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 2px solid #0c6eb0;
}

.main-title07 {
	background: url(../img/main_img07_pc.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 2px solid #0c6eb0;
}

.main-title08 {
	background: url(../img/main_img04_pc.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 2px solid #0c6eb0;
}

.main-title09 {
	background: url(../img/main_img_oral-credo_pc.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 2px solid #0c6eb0;
}

.main-title10 {
	background: url(../img/main_img_kessukun_pc.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 2px solid #0c6eb0;
}

.main-title11 {
	background: url(../img/main_img_pusubp_pc.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 2px solid #0c6eb0;
}

.main-title12 {
	background: url(../img/main_img_dsmile_pc.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 2px solid #0c6eb0;
}

.main-title13 {
	background: url(../img/main_img_kbrush-J_pc.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 2px solid #0c6eb0;
}

.main-title14 {
	background: url(../img/main_img_kbrush-L_pc.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 2px solid #0c6eb0;
}

.main-title15 {
	background: url(../img/main_img_kbrush_pc.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 2px solid #0c6eb0;
}

.main-title16 {
	background: url(../img/main_img_ziaino_pc.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 2px solid #0c6eb0;
}

.main-title17 {
	background: url(../img/main_img_purchase_pc.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 2px solid #0c6eb0;
}

.main-title18 {
	background: url(../img/velvet-shampoo/main_img_velvetshampoo_pc.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 2px solid #786956;
}

.main-title19 {
	background: url(../img/support-img_pc.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 2px solid #0c6eb0;
}

.main-title20 {
	background: url(../img/business-img_pc.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 2px solid #0c6eb0;
}

.main-title-inner {
	width: 960px;
	height: 350px;
	margin: 0 auto;
	display: table;
}

/*キャッチ文エリア*/
.catch {
	width: 960px;
	margin: 25px auto;
	text-align: center;
}

/*猫画像*/
.cat img {
	width: 48px;
	height: 61.5px;
}

.cat1 img {
	width: 84px;
}

/*英語*/
.catch p.guide {
	font-size: 22px;
	margin: 0 auto;
	color: #0c6eb0;
	border-bottom: 1px solid #0c6eb0;
	display: inline;
}

/*キャッチ*/
.catch h2 {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.5;
	margin: 40px auto;
	color: #0c6eb0;
}

/*キャッチ下 本文*/
.catch p {
	font-size: 14px;
	line-height: 1.9;
}

/*改行解除*/
.br-sp {
	display: none;
}

/*PageTop*/
.pagetop {
	width: 50px;
	height: 31px;
	margin: 60px auto;
}

/*フッター キャラクター*/
.footer-pet {
	position: relative;
	width: 54px;
	height: 61px;
	margin: 0 auto;
}

.footer-pet-img {
	position: absolute;
	width: 54px;
	height: 61px;
	margin: 0 auto;
	top: 14%;
}

/*フッター*/
.footer {
	width: 100%;
	margin: 0 auto;
	background: #0c6eb0;
}

.footer-inner {
	width: 960px;
	margin: 0 auto;
}

/*コピーライト*/
.cp {
	font-size: 10px;
	line-height: 6;
	text-align: center;
	color: #fff;
}

/* SNS、BASEのリンク */
.sns_link {
	width: 100%;
	margin: 0 auto;
	padding-top: 30px;
}
.sns_link ul {
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.sns_link ul li a {
	margin: 0 10px;
	display: block;
	color: #fff;
}
.sns_link ul li a:hover {
	opacity: 0.6;
	transition: 1.0s ;
}
.sns_link ul li a img {
	width: 45px;
}

/*---------------------------トップページ ---------------------------*/

/* 動画エリア */
.movie_area {
	width: 960px;
	margin: 35px auto;
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.movie {
	width: 48.5%;
}
iframe {
	max-width: 100%;
}
/* Topicsエリア */
.newsListWrap {
	width: 960px;
	margin: 0 auto;
	padding: 50px 0;
	border: 1px solid #0c6eb0;
	text-align: center;
}
/* 画像 */
.topics-img {
	width: 760PX;
	height: 120px;
	margin: 0 auto;
}
/* Topics内 */
.newsList {
	width: 760px;
	margin: 0 auto;
	text-align: left;
}
/* 各Topics */
.contents_wrap {
	width: 760px;
	margin: 30px auto;
	display: flex;
	align-items: center;
}
/* 各日付 */
.contents_title {
	margin: 0;
	font-size: 0.9em;
	flex-basis: 140px;
	text-align: left;
}
/* 各ニュース */
.contents_txt {
	font-size: 0.9em;
	font-weight: 600;
}
.contents_txt a {
	display: block;
	text-decoration: underline;
	color: #333;
}
.contents_txt a:hover {
	opacity: 0.6;
}
/* もっと見るボタン */
.contents_btn {
	position: relative;
	width: 200px;
	min-height: 50px;
	line-height: 50px;
	margin: 0 auto;
	background: #0c6eb0;
	border-radius: 10px;
	color: #fff;
	text-align: center;
}
.contents_btn:after {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	width: 198px;
	min-height: 58px;
	display: block;
	border: 1px solid #fff;
	border-radius: 9px;
	box-sizing: border-box;
}
.contents_btn:hover {
	cursor: pointer;
}

/*  スマートフォン表示  */
@media screen and (max-width:979px) {

/* 動画エリア */
.movie_area {
	width: 95%;
	margin: 30px auto;
	display: block;
}
	
.movie {
	width: 100%;
	margin-bottom: 30px;
}
}

/*--------------------------- 挨拶 ---------------------------*/

/*キャッチ下 本文*/
.ceo_name p {
	margin-top: 20px;
	font-size: 13px;
	line-height: 1.8;
	text-align: right;
}

/*--------------------------- 事業内容 ---------------------------*/

/*ペット*/
.pet_human_other {
	width: 150px;
	margin: 0 auto;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #0c6eb0;
	border: 2px solid #0c6eb0;
}

/*製品エリア*/
.productListWrap {
	width: 960px;
	margin: 20px auto 0 auto;
}

.productListWrap-inner {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
}

/*製品枠*/
ul.product_box {
	position: relative;
	width: 100%;
	max-width: 450px;
	height: 680px;
	margin: 0 auto 30px auto;
	padding: 20px;
	border: 1px solid #ccc;
}

/*製品枠（空枠）*/
ul.product_box_last {
	position: relative;
	width: 100%;
	max-width: 450px;
	height: 680px;
	margin: 0 auto 30px auto;
	padding: 20px;	
}

/*製品画像*/
li.product_box-inner img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	display: block;
}

/*製品名*/
li.product_box-inner h3 {
	font-size: 28px;
	line-height: 1.5rem;
	color: #0c6eb0;
}

.rubi {
	font-size: 15px;
}

/*製品テキスト*/
.product_txt {
	margin: 8px auto;
	font-size: 13px;
	line-height: 1.7;
}

/*製品テキスト*/
.product_txt-bou {
	margin: 10px auto 0 auto;
	font-size: 13px;
	line-height: 1.7;
	color: #0c6eb0;
}

/*タグ*/
.tag {
	width: 120px;
	margin: 10px 0 20px 0;
	padding: 3px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #0c6eb0;
	border: 1px solid #0c6eb0;
}

.tag2 {
	width: 120px;
	margin: 20px 0 0 0;
	padding: 3px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #0c6eb0;
	border: 1px solid #0c6eb0;
}

/*詳しくはこちらボタン*/
.box_btn {
	position: absolute;
	width: 100%;
	max-width: 408px;
	height: 50px;
	margin: 0 auto;
	background: #0c6eb0;
	text-align: center;
	bottom: 20px;
	border-radius: 5px;	
}

.box_btn a {
	width: 100%;
	max-width: 408px;
	height: 50px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	display:flex;
	align-items: center;
	justify-content: center;
}

/*詳しくはこちらボタン　未情報*/
.box_btn_Uninformation {
	position: absolute;
	width: 100%;
	max-width: 408px;
	height: 50px;
	margin: 0 auto;
	background: #efefef;
	text-align: center;
	bottom: 20px;
	border-radius: 5px;
	border: 1px solid #efefef;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	display:flex;
	align-items: center;
	justify-content: center;
}

/*お求めはこちらボタン（代引きのみ）*/
.omotome-btn {
	position: absolute;
	width: 100%;
	max-width: 408px;
    left: 50%;
	bottom: 70px;
	transform: translate(-50%, -50%);
	border: 1px solid #0c6eb0;
	background: #fff;
	border-radius: 5px;
	text-align: center;
	margin: 0 auto;
}

.omotome-btn a {
	width: 100%;
	max-width: 408px;
	height: 50px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #0c6eb0;
	display:flex;
	align-items: center;
	justify-content: center;
}

/*お求めはこちらボタン（代引き以外）*/
.omotome-btn-base {
	position: absolute;
	width: 100%;
	max-width: 408px;
	margin: 0 auto;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, -50%);
	border: 1px solid #0c6eb0; 
	background: #fff;
	border-radius: 5px;
	text-align: center;
}

.omotome-btn-base a {
	width: 100%;
	max-width: 408px;
	height: 50px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #0c6eb0;
	display:flex;
	align-items: center;
	justify-content: center;
}

.omotome-btn2 a {
	width: 100%;
	max-width: 408px;
	height: 50px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #0c6eb0;
	display:flex;
	align-items: center;
	justify-content: center;
}

/* 財団法人からのボタン */
.recommendation_btn {
	position: absolute;
	width: 100%;
	max-width: 408px;
	height: 50px;
	margin: 0 auto;
	left: 50%;
	border: 1px solid #666;
    transform: translate(-50%, -50%);
	text-align: center;
	bottom: 140px;
	border-radius: 5px;
}

.recommendation_btn a {
	width: 100%;
	max-width: 408px;
	height: 50px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #666;
	display:flex;
	align-items: center;
	justify-content: center;
}

/* 財団法人からのボタン productページ */
.recommendation_btn-product {
	position: absolute;
	width: 100%;
	max-width: 408px;
	height: 50px;
	margin: 0 auto;
	left: 50%;
	border: 1px solid #666;
    transform: translate(-50%, -50%);
	text-align: center;
	bottom: 70px;
	border-radius: 5px;
}

.recommendation_btn-product a {
	width: 100%;
	max-width: 408px;
	height: 50px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #666;
	display:flex;
	align-items: center;
	justify-content: center;
}

/*ホバー時*/
.box_btn a:hover{
	background-color: #fff;
	color: #0c6eb0;
	border: 1px solid #0c6eb0;
	border-radius: 5px;
	transition-duration: 0.5s;
}

.omotome-btn a:hover{
	background-color: #0c6eb0;
	color: #fff;
	border: 1px solid #0c6eb0;
	border-radius: 5px;
	transition-duration: 0.5s;
}

.recommendation_btn a:hover{
	background-color: #666;
	color: #fff;
	border: 1px solid #666;
	border-radius: 5px;
	transition-duration: 0.5s;
}

.omotome-btn-base a:hover{
	background-color: #666;
	color: #fff;
	border: 1px solid #666;
	border-radius: 5px;
	transition-duration: 0.5s;
}


/*  スマートフォン表示  */
@media screen and (max-width:599px) {

/* 財団法人からのボタン */
.recommendation_btn {
	position: static;
	left: 0%;
	bottom: 0;
	transform: translate(-0%, -0%);
}

.recommendation_btn a {
	font-size: 15px;
}

/*お求めはこちらボタン（代引きのみ）*/
.omotome-btn {
	margin-top: 10px;
	position: static;
	left: 0%;
	bottom: 0;
	transform: translate(-0%, -0%);
}

.omotome-btn a {
	font-size: 15px;
}
	
/*お求めはこちらボタン（代引き以外）*/
.omotome-btn-base {
	margin-top: 10px;
	position:static;
	left: 0%;
	bottom: 0;
	transform: translate(-0%, -0%);
}

.omotome-btn-base a {
	font-size: 15px;
}
	
/*詳しくはこちらボタン*/
.box_btn {
	position: static;
	left: 0;
	bottom: 0;
	transform: translate(-0%, -0%);
}

.box_btn a {
	font-size: 15px;
}
	
/*詳しくはこちらボタン　未情報*/
.box_btn_Uninformation {
	position: static;
	left: 0;
	bottom: 0;
	transform: translate(-0%, -0%);
	font-size: 15px;
}	

.recommendation_btn-product {
	margin-bottom: 10px;
	position: static;
	left: 0;
	bottom: 0;
	transform: translate(-0%, -0%);
}

.recommendation_btn-product a {
	font-size: 15px;
}
}

/*--------------------------- 商品情報 商品購入---------------------------*/

/*PET HUMAN */
.field {
	width: 960px;
	margin: 0 auto;
	display: flex;
}

.field-inner,.field-inner-pc {
	width: 480px;
	margin: 0 auto;
	text-align: center;	
}

.field-inner p,.field-inner-pc p {
	width: 150px;
	margin: 0 auto;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #0c6eb0;
	border: 2px solid #0c6eb0;
}

/*PET スマホ非表示 */
.field-inner-sp {
	display: none;
}

/*製品エリア 商品情報ページ*/
.productListWrap-2 {
	width: 960px;
	margin: 20px auto 0 auto;
	display: flex;
}

.productListWrap-inner-2 {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}

/*製品枠 商品情報ページ*/
ul.product_box-2 {
	position: relative;
	width: 450px;
	height: 620px;
	margin: 0 auto 30px auto;
	padding: 20px;
	border: 1px solid #ccc;
}

/* 注意書き */
.note_txt{
	width: 940px;
	margin: 0 auto 40px auto;
}
	
.note_txt p {
	margin: 0 auto;
	font-size: 0.75em;
	line-height: 1.75em;
}

/*----------------------- 求人情報 会社概要 -----------------------*/

.infoWrap {
	width: 960px;
	margin: 0 auto;	
}

.infoWrap-inner table {
	width: 960px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.6;
}

.infoWrap-inner table th,.infoWrap-inner table td {
    border: 1px solid #ccc;
    padding: 8px;
	vertical-align: middle;
}

.infoWrap-inner table th {
	background-color: #e3f0fd;	
}

.infoWrap-inner table td {
	padding-left: 20px;
	background-color: #fff;
	-webkit-font-feature-settings: "palt";
    font-feature-settings: palt;
}

/*------------------------ 推薦状（前田先生）------------------------*/

.recommendation {
	width: 960px;
	margin: 0 auto;
}

.recommendation_inner {
	width: 80%;
	margin: 120px auto;
}

/* 推薦状 */
.recommendation_inner h2 {
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-align: center;
	color: #0c6eb0;
}

/* オーラルケア製品の使用をお薦めします。 */
.recommendation_inner h3 {
	margin: 60px auto;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;
}

/* 本文 */
.recommendation_txt {
	font-size: 0.8em;
	line-height: 2.2em;
	text-align: left;
}

/* 肩書き */
.doctor_prof {
	margin-top: 80px;
	font-size: 1em;
	line-height: 1.6em;
	text-align: right;
}

.doctor_prof span {
	font-size: 0.7em;
}


/*  タブレット表示  */
@media screen and (min-width:600px) and (max-width:979px) {

/*---------------------------トップページ ---------------------------*/

/*ヘッダーエリア*/
.header {
	width: 100%;
}

.header_wrap {
	width: 100%;
	padding: 0 2%;
}

/*メイン画像*/
.main-title01 {
	width: 100%;	
	height: 240px;
}

.main-title-inner {
	width: 100%;
	height: 240px;
}	
	
/*キャッチ文エリア*/
.catch {
	width: 100%;
}

/*Topicsエリア*/
.newsListWrap {
	width: 94%;
}

.topics-img {
	width: 90%;
	height: 90%;
}
	
.newsList {
	width: 90%;
}
	
/* 各Topics */
.contents_wrap {
	width: 90%;
}

/*フッター キャラクター*/
.footer-inner {
	width: 100%;
}


/*--------------------------- 事業内容 ---------------------------*/

/*製品エリア*/
.productListWrap {
	width: 100%;
}

/*製品枠*/
ul.product_box {
	width: 48%;
}

/*製品枠（空枠）*/
ul.product_box_last {
	width: 48%;
}

/*詳しくはこちらボタン*/
.box_btn {
	width: 90%;
	margin: 15px auto 0 auto;	
}

.box_btn a {
	width: 100%;
}
	
/*詳しくはこちらボタン　未情報*/
.box_btn_Uninformation {
	width: 90%;
	margin: 15px auto 0 auto;
}

/*お求めはこちらボタン*/
.omotome-btn {
	width: 90%;
}
	
.omotome-btn a {
	width: 100%;
	font-size: 15px;
	font-weight: bold;
}
	
/*お求めはこちらボタン*/
.omotome-btn-base {
	width: 90%;
}
	
.omotome-btn-base a {
	width: 100%;
	font-size: 15px;
	font-weight: bold;
}

/* 財団法人からのボタン */
.recommendation_btn {
	width: 90%;
}
	
.recommendation_btn-product {
	width: 90%;
}

.recommendation_btn-product a {
	width: 100%;
	font-size: 15px;
	font-weight: bold;
}
	
/*--------------------------- 商品情報 商品購入---------------------------*/

/*PET HUMAN */
.field {
	width: 100%;
}

/*製品エリア 商品情報ページ*/
.productListWrap-2 {
	width: 100%;	
}

.productListWrap-inner-2 {
	width: 48%;
	margin: 0 auto;
}

/*製品枠 商品情報ページ*/
ul.product_box-2 {
	position: relative;
	width: 100%;
	margin: 0 auto 30px auto;
}
	
/* 注意書き */
.note_txt{
	width: 98%;
}
	

/*---------------------- 求人情報 会社概要 ----------------------*/

.infoWrap {
	width: 100%;
}

.infoWrap-inner table {
	width: 100%;
}
	
	
/*------------------------ 推薦状（前田先生）------------------------*/	
	
.recommendation {
	width: 100%;
}
	
.recommendation_inner {
	width: 94%;
}		
}


/*  スマートフォン表示  */
@media screen and (max-width:599px) {

/*---------------------------共通 ---------------------------*/

/*ヘッダーエリア*/
.header {
	width: 100%;
}

.header_wrap {
	width: 100%;
	display: block;
}

/*ロゴ*/
.header_wrap h1 img {
	position: fixed;
	width: 75px;
	height: 63.81px;
	z-index: 100;
	top: 0;
	left: 0;
	right: 0;
}

/*テキスト*/
.header_catch {
	display: none;
}
	
.g-english_link {
	display: block;
}

/*メイン画像*/
.main-title01 {
	background: url(../img/main_img01_sp.jpg) no-repeat center;
	background-size: cover;
	margin-top: 78.81px;
}

.main-title02 {
	background: url(../img/main_img02_sp.jpg) no-repeat center;
	background-size: cover;
	margin-top: 78.81px;
}

.main-title03 {
	background: url(../img/main_img03_sp.jpg) no-repeat center;
	background-size: cover;
	margin-top: 78.81px;
}

.main-title04 {
	background: url(../img/main_img04_sp.jpg) no-repeat center;
	background-size: cover;
	margin-top: 78.81px;
}

.main-title05 {
	background: url(../img/main_img05_sp.jpg) no-repeat center;
	background-size: cover;
	margin-top: 78.81px;
}

.main-title06 {
	background: url(../img/main_img06_sp.jpg) no-repeat center;
	background-size: cover;
	margin-top: 78.81px;
}

.main-title07 {
	background: url(../img/main_img07_sp.jpg) no-repeat center;
	background-size: cover;
	margin-top: 78.81px;
}

.main-title08 {
	background: url(../img/main_img04_sp.jpg) no-repeat center;
	background-size: cover;
	margin-top: 78.81px;
}

.main-title09 {
	background: url(../img/main_img_oral-credo_sp.jpg) no-repeat center;
	background-size: cover;
	margin-top: 78.81px;
}
	
.main-title10 {
	background: url(../img/main_img_kessukun_sp.jpg) no-repeat center;
	background-size: cover;
	margin-top: 78.81px;
}
	
.main-title11 {
	background: url(../img/main_img_pusubp_sp.jpg) no-repeat center;
	background-size: cover;
	margin-top: 78.81px;
}
	
.main-title12 {
	background: url(../img/main_img_dsmile_sp.jpg) no-repeat center;
	background-size: cover;
	margin-top: 78.81px;
}
	
.main-title13 {
	background: url(../img/main_img_kbrush-J_sp.jpg) no-repeat center;
	background-size: cover;
	margin-top: 78.81px;
}
	
.main-title14 {
	background: url(../img/main_img_kbrush-L_sp.jpg) no-repeat center;
	background-size: cover;
	margin-top: 78.81px;
}
	
.main-title15 {
	background: url(../img/main_img_kbrush_sp.jpg) no-repeat center;
	background-size: cover;
	margin-top: 78.81px;
}
	
.main-title16 {
	background: url(../img/main_img_ziaino_sp.jpg) no-repeat center;
	background-size: cover;
	margin-top: 78.81px;
}
	
.main-title17 {
	background: url(../img/main_img_purchase_sp.jpg) no-repeat center;
	background-size: cover;
	margin-top: 78.81px;
}
	
.main-title18 {
	background: url(../img/velvet-shampoo/main_img_velvetshampoo_sp.jpg) no-repeat center;
	background-size: cover;
	margin-top: 78.81px;
}
	
.main-title19 {
	background: url(../img/support-img_sp.jpg) no-repeat center;
	background-size: cover;
	margin-top: 78.81px;
}
	
.main-title20 {
	background: url(../img/business-img_sp.jpg) no-repeat center;
	background-size: cover;
	margin-top: 78.81px;
}

.main-title-inner {
	width: 100%;
	height: 250px;
}
	
/*キャッチ文エリア*/
.catch {
	width: 94%;
	text-align: center;
}

/*猫画像*/
.cat img {
	width: 32px;
	height: 41px;
	margin: 0 auto;
	display: block;
}
/*猫画像*/
.cat1 img {
	width: 60px;
	margin: 0 auto;
	display: block;
}

/*英語*/
.catch p.guide {
	font-size: 15px;
	margin: 0 auto;
	color: #0c6eb0;
	border-bottom: 1px solid #0c6eb0;
	display: inline;
}

/*キャッチ*/
.catch h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	margin: 20px auto;
}

/*キャッチ下 本文*/
.catch p {
	font-size: 12px;
	line-height: 1.8;
	text-align: left;
}

/*改行解除*/
.br-pc {
	display: none;
}
	
/*改行解除*/
.br-sp {
	display: block;
}
	
/*フッター*/
.footer-inner {
	width: 100%;
	margin: 0 auto;
}

/*コピーライト*/
.cp {
	font-size: 10px;
	line-height: 6;
	text-align: center;
	color: #fff;
}


/*---------------------------トップページ ---------------------------*/
		
/*Topicsエリア*/
.newsListWrap {
	width: 94%;
	padding: 10px 0;
}
	
.topics-img {
	width: 94%;
	height: 94%;
}

.newsList {
	width: 94%;
}
	
/* 各Topics */
.contents_wrap {
	width: 94%;
	margin: 20px auto;
	display: block;
}
/* 各日付 */
.contents_title {
	margin: 0 0 10px 0;
	flex-basis: 0;
}	
/* 各ニュース */
.contents_txt {
	text-align: left;
	line-height: 1.6rem;
}	
	
/*---------------------------挨拶ページ ---------------------------*/

/*キャッチ下 本文*/
.ceo_name p {
	font-size: 12px;
}

/*---------------------------事業内容 ペット ---------------------------*/

/*ペット*/
.pet_human_other {
	width: 120px;
	margin: 20px auto 10px auto;
	padding: 3px;
	font-size: 14px;
}

/*製品エリア*/
.productListWrap {
	width: 100%;
	margin: 0 auto;	
}

.productListWrap-inner {
	width: 100%;
	display: block;
}

/*製品枠*/
ul.product_box {
	width: 94%;
	height: 100%;
	margin: 0 auto 20px auto;
	padding: 10px;
}
	
ul.product_box-sp {
	height: 100%;	
}

/*製品枠（空枠）*/
ul.product_box_last {
	display: none;
}

/*製品名*/
li.product_box-inner h3 {
	font-size: 20px;
	line-height: 1.3rem;
}

.rubi {
	font-size: 14px;
}

/*タグ*/
.tag {
	width: 100px;
	font-size: 13px;
}
	
.tag2 {
	width: 100px;
	font-size: 11px;
}
	
/*--------------------------- 商品情報 商品購入---------------------------*/

/*PET HUMAN */
.field {
	width: 100%;
	margin: 0 auto;
	display: block;
}

.field-inner {
	width: 100%;
	margin: 0 auto;
	text-align: center;	
}

.field-inner p {
	width: 120px;
	margin: 20px auto 10px auto;
	padding: 3px;
	font-size: 14px;
}

.field-inner-sp p {
	width: 120px;
	margin: 40px auto 10px auto;
	padding: 3px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #0c6eb0;
	border: 2px solid #0c6eb0;
}

/*PET スマホ非表示 */
.field-inner-pc {
	display: none;
}

/*PET スマホ表示 */
.field-inner-sp {
	display: block;
}

/*製品エリア 商品情報ページ*/
.productListWrap-2 {
	width: 100%;
	margin: 0 auto;	
	display: block;		
}

.productListWrap-inner-2 {
	display: block;
}

/*製品枠 商品情報ページ*/
ul.product_box-2 {
	width: 94%;
	height: 100%;
	margin: 0 auto 20px auto;
	padding: 10px;
}
	
ul.product_box-2-product {
	height: 620px;
}
	
/* 注意書き */
.note_txt{
	width: 94%;
}

/*---------------------- 求人情報 会社概要 ----------------------*/

.infoWrap {
	width: 100%;
}

.infoWrap-inner table {
	width: 94%;
	font-size: 12px;
}
	
	
/*------------------------ 推薦状（前田先生）------------------------*/	
	
.recommendation {
	width: 100%;
	margin-top: 120px;
}
	
.recommendation_inner {
	width: 94%;
	margin: 0 auto;
}

/* 推薦状 */
.recommendation_inner h2 {
	font-size: 1.4em;
}

/* オーラルケア製品の使用をお薦めします。 */
.recommendation_inner h3 {
	margin: 40px auto;
	font-size: 1em;
}
	
.recommendation_inner {
	width: 94%;
}	
}

/*----------------------------- スポンサー活動ページ ----------------------------*/

.support {
	width: 100%;
	max-width: 960px;
	margin: 40px auto;
	display: flex;
	justify-content: space-between;
}
/* 各スポンサーエリア */
.support-box {
	width: 32%;
	margin: 0 auto;
	padding: 2.5%;
	border: 1px solid #0c6eb0;
}
/* 各スポンサーアイコン */
.support-img {
	width: 30%;
	margin: 0 auto;
}
/* 画像 */
.support-img img {
	width: 100%;
	margin: 0 auto;
}
/* 各スポンサー名 */
.support-box h2 {
	margin: 0.75em;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	color: #0c6eb0;
}
/* 説明文 */
.support-txt {
	font-size: 0.85em;
	line-height: 1.5rem;
}
/* 詳しくはこちらボタン */
.support-link-btn {
	margin: 20px auto 0 auto;
	border: 1px solid #0c6eb0;
    width: 100%;
    height: 50px;
    position: relative;
    cursor: pointer;
    display: inline-block;
	top: 0%;
	left: 50%;
	transform: translateX(-50%);
}
.support-link-btn:before {
	content: "";
    position: absolute;
    width: 40px;
    height: 1px;
    right: 0;
    top: 50%;
    background: #0c6eb0;
    transition: .3s all;
    opacity: 0.7;
    z-index: 50;
}
.support-link-btn a {
	height: 100%;
	font-size: 0.9rem;
	display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s all;
	text-decoration: none;
	color: #0c6eb0;
}
/* ホバー時 */
.support-link-btn:hover {
    background: #0c6eb0;
    color: white;
    transition: .3s all;
}
.support-link-btn:hover:before {
	width: 20px;
	background: #FFF;
}
.support-link-btn:hover a {
      color: #FFF;
}

@media screen and (min-width:600px) and (max-width:768px) {

.support {
	width: 95%;
}
}

@media screen and (max-width:767px) {
	
.support {
	width: 95%;
	margin: 20px auto 0 auto;
	flex-wrap: wrap;
}
/* 各スポンサーエリア */
.support-box {
	width: 47.5%;
	margin: 10px auto 0 auto
}
/* 各スポンサーエリア詰め用 */
.support-box_sp {
	width: 50%;	
}
/* 各スポンサーアイコン */
.support-img {
	width: 25%;
}
/* 各スポンサー名 */
.support-box h2 {
	margin: 0.5em;
	font-size: 1.1rem;
}
/* 説明文 */
.support-txt {
	font-size: 0.75em;
	line-height: 1.4rem;
}
/* 詳しくはこちらボタン */
.support-link-btn {
	margin: 10px auto 0 auto;
    height: 45px;
}
.support-link-btn:before {
    width: 25px;
}
.support-link-btn a {
	font-size: 0.8rem;
}
}

/*---------------------- サポート【アーティスト】【スポーツ】 ----------------------*/

/* サポート ヘッド */
.support-head {
	width: 100%;
	height: 180px;
	margin: 0 auto;
	background-color: #f0ebe6;
	position: relative;
	border-bottom: 2px solid #0c6eb0;
	z-index: 0;
}

/* サポート ヘッド タイトル */
.support-head-txt {
	width: 95%;
	max-width: 960px;
	margin: 0 auto;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.support-head-txt p {
	font-size: 0.8em;
	font-weight: bold;
}

.support-head-txt h2 {
	margin-top: 15px;
	font-size: 1.8em;
	font-weight: bold;
	color: #0c6eb0;
}

/* アーティストエリア */
.artist-area {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}

/* 各ボックス */
.artist-box {
	margin: 40px auto;
	padding: 20px;
	display: flex;
	border: 1px solid #0c6eb0;
}

/* 画像 */
.artist-img {
	width: 28%;
}

.artist-img img {
	width: 100%;
}

/* テキスト */
.artist-txt {
	width: 72%;
	padding-left: 30px;
}

/* 名前 */
.artist-name {
	position: relative;
	font-size: 1.6em;
	font-weight: bold;
	color: #0c6eb0;
}

/* 職業 */
.artist-name span {
	position: absolute;
	margin: 0 auto 0 10px;
	padding: 4px 8px;
	font-size: 0.6em;
	border: 1px solid #0c6eb0;
	border-radius: 3px;
	vertical-align: middle;
}

/* 振り仮名 */
.artist-name-furigana {
	margin-top: 5px;
	font-size: 0.8em;
	font-weight: bold;
	color: #0c6eb0;
	letter-spacing: 1px;
}

/* チーム名下 サブテキスト  */
.sports-name-sub {
	margin-top: 10px;
	font-size: 1em;
	font-weight: bold;
	color: #0c6eb0;
}

/* 区切り線 */
.artist-border {
	margin: 15px auto;
	border-bottom: 1px solid #0c6eb0;
}

/* プロフ */
.artist-profile {
	font-size: 0.9em;
	line-height: 1.7em;
}

/* 外部リンク */
.artist-link {
	width: 100%;
	margin: 10px 0;
	display: flex;
}

.artist-link li {
	width: 30px;
	margin: 0 5px 0 0;	
}

.artist-link li a {
	display: block;
	text-decoration: none;
	transition: 0.4s ease-in-out;
}

.artist-link li a img{
	width: 100%;
}

.sports-link {
	width: 100%;
	margin: 10px 0;
}

.sports-link li a {
	font-size: 0.95em;
	line-height: 1.6em;
	display: block;
	text-decoration: none;
	color: #0c6eb0;
	transition: 0.4s ease-in-out;
	-webkit-font-feature-settings: "palt";
	font-feature-settings:palt;
}

/* ホバー時 */
.artist-link li a:hover {
	opacity: 0.6;
	background: transparent;
}

.sports-link li a:hover {
	opacity: 0.6;
	background: transparent;
}

/*  タブレット表示  */
@media screen and (min-width:600px) and (max-width:979px) {
	
/* アーティストエリア */
.artist-area {
	width: 95%;
}
}

/*  スマートフォン表示  */
@media screen and (max-width:599px) {

/* サポート ヘッド */
.support-head {
	width: 100%;
	height: 100px;
	margin: 78.81px auto 0 auto;
}
	
/* サポート ヘッド タイトル */
.support-head-txt p {
	font-size: 0.7em;
}
	
.support-head-txt h2 {
	margin-top: 10px;
	font-size: 1.3em;
}
	
/* アーティストエリア */
.artist-area {
	width: 95%;
}
	
/* 各ボックス */
.artist-box {
	margin: 20px auto;
	padding: 20px;
	display: block;
}
	
/* 画像 */
.artist-img {
	width: 100%;
}
	
/* テキスト */
.artist-txt {
	width: 100%;
	margin: 15px auto 0 auto;
	padding-left: 0;
}

/* 名前 */
.artist-name {
	font-size: 1.3em;
}
	
/* 振り仮名 */
.artist-name-furigana {
	font-size: 0.65em;
}
	
/* チーム名下 サブテキスト  */
.sports-name-sub {
	font-size: 0.9em;
}
	
/* プロフ */
.artist-profile {
	font-size: 0.8em;
}
}
/*---------------------- サポート ここまで ----------------------*/

/*------------------------ 事業概要ページ -----------------------*/

.business {
	width: 100%;
	max-width: 960px;
	margin: 40px auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
/* 各事業概要エリア */
.business-box {
	width: 32%;
	margin: 0 auto 1.5% auto;
	padding: 2.5%;
	border: 1px solid #0c6eb0;
	display: flex;
   flex-direction: column;
}
/* 各事業概要アイコン */
.business-img {
	width: 30%;
	margin: 0 auto;
}
/* 画像 */
.business-img img {
	width: 100%;
	margin: 0 auto;
}
/* 各事業概要名 */
.business-box h2 {
	margin: 0.75em;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.8rem;
	text-align: center;
	color: #0c6eb0;
}
/* 説明文 */
.business-txt {
	font-size: 0.85em;
	line-height: 1.5rem;
	flex-grow: 1;
}

@media screen and (min-width:600px) and (max-width:768px) {

.business {
	width: 95%;
}
}

@media screen and (max-width:767px) {
	
.business {
	width: 95%;
	margin: 20px auto 0 auto;
	flex-wrap: wrap;
}
/* 各スポンサーエリア */
.business-box {
	width: 47.5%;
	margin: 10px auto 0 auto
}
/* 各スポンサーエリア詰め用 */
.business-box_sp {
	width: 50%;	
}
/* 各スポンサーアイコン */
.business-img {
	width: 25%;
}
/* 各スポンサー名 */
.business-box h2 {
	margin: 0.5em;
	font-size: 1.1rem;
}
/* 説明文 */
.business-txt{
	font-size: 0.75em;
	line-height: 1.4rem;
}
/* 詳しくはこちらボタン */
.business-link-btn {
	margin: 10px auto 0 auto;
    height: 45px;
}
.business-link-btn:before {
    width: 25px;
}
.business-link-btn a {
	font-size: 0.8rem;
}
}
/*---------------------- 事業概要 ここまで ----------------------*/

/*------------------------- 取扱店舗 --------------------------*/

/* 取扱店舗 */
.shoplist {
	width: 100%;
	max-width: 960px;
	margin: 40px auto 0 auto;
}

.shoplist-area {
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
}

/* 都道府県 */
.shoplist-area-name {
	width: 100px;
	margin-right: 40px;
	font-size: 0.9em;
	padding: 15px 0;
	border: 1px solid #DDD;
	text-align: center;
}

/* 店舗名 */
.shoplist-name {
	width: 100%;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.8em;
	color: #0c6eb0;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}

/* 都道府県の詳細 */
.shoplist-area-name-mini {
	margin-bottom: 10px;
	font-size: 0.8em;
}

/* リンク */
.shoplist-link a {
	display: block;
	text-decoration: underline;
	font-size: 0.9em;
	color: #0c6eb0;
	line-height: 1.8em;
}

.shoplist-link a:hover {
	opacity: 0.7;
	transition-duration: 0.5s;
}

/* 区切り線 */
.shoplist-boder {
	width: 100%;
	margin: 20px auto;
	border-bottom: 1px dotted #0c6eb0;
}

/*  タブレット表示  */
@media screen and (min-width:600px) and (max-width:979px) {
	
/* 取扱店舗 */
.shoplist {
	width: 95%;
}
}

/*  スマートフォン表示  */
@media screen and (max-width:599px) {
	
/* 取扱店舗 */
.shoplist {
	width: 95%;
}
	
/* 都道府県 */
.shoplist-area-name {
	width: 80px;
	margin-right: 15px;
	font-size: 0.7em;
	padding: 10px 0;
}
	
/* 店舗名 */
.shoplist-name {
	font-size: 0.95em;
	font-weight: bold;
	line-height: 1.6em;
	color: #0c6eb0;
}
	
/* 都道府県の詳細 */
.shoplist-area-name-mini {
	margin-bottom: 5px;
	font-size: 0.7em;
}
	
/* リンク */
.shoplist-link a {
	font-size: 0.8em;
	line-height: 1.6em;
}
}

/*--------------------- 取扱店舗 ここまで ----------------------*/