@charset "utf-8";

@media screen and (max-width: 768px) {
.sp-none {
	display: none !important;
}
}

@media screen and (min-width: 769px) {
.pc-none {
	display: none !important;
}
}

/*ブログ記事の引用をレスポンシブにする*/
@media screen and (max-width: 768px) {
iframe.wp-embedded-content {
	width: 100%
}
}
body {
	font: 14px "游明朝", YuMincho, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 14px;
	background: #fafaf5;
	margin: 0;
	padding: 0;
	color: #212121;
}
/*~~ エレメント / タグセレクター ~~*/ 
ul, ol, dl {  /*ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
	list-style: none;
}
h1, h2, h3, h4, h5 {
	font-weight: nomal;
}
a img {  /*このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}
/*tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color: #427dad;
	text-decoration: none;
}
a:visited {
	color: #427dad;
	text-decoration: none;
}
a:hover, a:active, a:focus {  /*このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
	opacity: 0.8;
}
.moreread{
	text-align: right !important;
	padding-top:5px;
	padding-right:10px;
	
}
.moreread:after{
	font-family: FontAwesome;
	content: "\f105";
	color:#427dad;

}
.moreread a{
	color:#427dad !important;
	text-decoration:underline;
	margin-right:3px;
}
.container {
	max-width: 100%;
	width: 1040px;
	margin: 0 auto;
}
.content {
	margin: 40px 0;
	padding: 0;
	overflow: hidden;
}
.clear {
	clear: both;
}
.txt_b {
	color: #427dad;
}

@media screen and (max-width: 768px) {
.container {
	width: 100%;
	padding: 0 20px;
}
.content {
	padding: 0 10px;
	margin-top: 10px;
	width: 100%;
}
}
/*00*//***メニュー関連***/
/*01*//***トップページ***/
/*02*//***時計ページ***/
/*03*//***メガネページ***/	
/*04*//***補聴器ページ***/
/*05*//***宝飾ページ***/
/*06*//***修理ページ***/
/*07*//***お問い合わせページ***/
/*08*//***会社概要ページ***/
/*09*//***ブログページ***/
/*999*//***新着情報一覧ページ***/
/*10*//***お問い合わせページ***/


/*00*//***ヘッダー・メニュー・パンくず・フッター***/
/* ヘッダー
-----------------------------------------------------------------------------*/
#header {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
header#header .logo {
	width: 300px;
	margin: 0 auto;
	padding-top: 40px;
}
#subnavi {
	position: absolute;
	top: 15px;
	right: 0px;
	text-align: right;
	color: #427dad;
	font-size: 13px;
	display: flex;
	align-items: center;
}
#subnavi li {
	float: left;
}
#subnavi .comp a:link {
	color: #427dad;
	text-decoration: none;
}
#subnavi .comp a:visited {
	color: #427dad;
	text-decoration: none;
}
#subnavi .faq a:link {
	color: #fff;
	text-decoration: none;
}
#subnavi .faq a:visited {
	color: #fff;
	text-decoration: none;
}
#subnavi .comp {
	margin-right: 30px;
}
#subnavi li i {
	padding-right: 5px;
}
#tel {
	position: absolute;
	right: 0;
	top: 65px;
}
#tel dt:before {
	font-family: FontAwesome;
	content: "\f095";
	color: #427dad;
	padding-right: 5px;
	font-size: 30px;
}
#tel .tel_no {
	color: #427dad;
	font-size: 33px;
}
#tel .tel_time {
	color: #427dad;
	font-size: 14px;
	text-align: right;
}

@media screen and (max-width: 768px) {
header#header {
	min-width: 100%;
	max-width: 100%;
}
header#header .logo {
	width: 210px;
	margin: 0 auto;
	padding-top: 15px;
	margin-bottom: 10px;
}
}

/* メインメニュー
-----------------------------------------------------------------------------*/
.mainmenu {
	clear: both;
	background-color: #427dad;
	width: 100%;
	height: 60px;
	margin: 30px 0 20px 0;
}
.gnavi {
	width: 1040px;
	margin: 0 auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
.gnavi li {
	position: relative;
	float: left;
	list-style-type: none;
}
.gnavi li a {
	display: block;
	margin: 0;
	padding: 0 0 0 0;
	text-align: center;
	text-decoration: none;
	border-right: 1px solid #ffffff;
	width: calc(1040px / 6);
	height: 30px;
	line-height: 30px;
	color: #ffffff;
	font-size: 18px;
}
.gnavi .menu1 {
	border-left: 1px solid #ffffff;
	width: calc(1040px / 6);
}
.gnavi li a:hover {
	color: #fff;
}

@media screen and (max-width: 768px) {
#main .mainimg img {
	max-width: 768px;
	width: 100%;
	height: auto;
}
	#main .mainimg2 img {
	max-width: 768px;
	width: 100%;
	height: auto;
}
}


/* ハンバーガーメニュー
-----------------------------------------------------------------------------*/	
#wprmenu_bar{
	height: 50px !important;
}
#wprmenu_bar .bar_logo{
	width: 320px !important;
	margin: 0 auto !important;
	max-width: 100% !important;
	height: auto !important;
}
#wprmenu_bar .menu_title{
	width: 320px !important;
	margin: 0 auto;
	max-width: 40% !important;
}
#mg-wprm-wrap.cbp-spmenu-left, #mg-wprm-wrap.cbp-spmenu-right {
    top: 50px !important;
}
#mg-wprm-wrap.cbp-spmenu-right, #mg-wprm-wrap.cbp-spmenu-left, #mg-wprm-wrap.cbp-spmenu-right.custom, #mg-wprm-wrap.cbp-spmenu-left.custom, .cbp-spmenu-vertical {
    max-width: 250px !important;
}
@media screen and (max-width: 768px) {
	#TOP #main{
		padding-top: 20px !important;
	}
	#subnavi{
		display: none;
	}
.wrapper {
	padding-top: 10px!important;
}
	}
/* フッター
-----------------------------------------------------------------------------*/	
footer {
	color: #333333;
	background: #427dad;
	text-align: center;
	clear: both;
	padding-top: 35px;
}
footer h3 {
	color: #ffffff;
	font-size: 22px;
	line-height: 40px;
	margin-bottom: 15px;
}
footer p, dl {
	color: #ffffff;
	font-size: 14px;
	line-height: 27px;
}
.copyright {
	text-align: center;
	font-size: 10px;
	margin: 0;
	background-color: #000;
	color: #ffffff;
	padding: 10px 0;
	line-height: 10px;
	margin-top: 40px;
}

@media screen and (max-width: 768px) {
footer {
	padding-top: 0;
}
.foot_w {
	height: 100px;
	background: #fafaf5;
	padding-top: 30px;
}
.foot_w h3 {
	color: #427dad;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 0;
}
.foot_w p {
	color: #427dad;
	font-size: 12px;
	line-height: 20px;
}
footer p, dl {
	line-height: 35px;
}
.copyright {
	padding: 5px 0;
	vertical-align: middle;
	margin-top: 0px;
}
.foot_b {
	height: 100px;
	background: #427dad;
	text-align: center;
	padding-top: 20px;
}
	.foot_b_tel a{
		color: #fff;
		
	}
.foot_b dt, dl {
	width: 270px;
	margin: 0 auto;
}
.foot_b dt:before {
	font-family: FontAwesome;
	content: "\f095";
	color: #fff;
	padding-right: 5px;
	font-size: 30px;
}
.foot_b_tel {
	color: #fff;
	font-size: 35px;
	float: left;
}
.foot_b_time {
	float: left;
	color: #fff;
	font-size: 17px;
}
}

/*01*//***トップページ***/
/* スライダー
-----------------------------------------------------------------------------*/
#TOP{
	width:100%;
	padding:0;
}

#main .mainimg {
	width: 1040px;
	margin: 0 auto;
	margin-bottom: 40px;
}


@media screen and (max-width: 768px) {	
#main .mainimg {
	max-width: 100%;
}
	#main .mainimg2 {
	max-width: 100%;
}


}

/* サマリーメニュー
-----------------------------------------------------------------------------*/	
.summary {
	width: 1040px;
	margin: 0 auto;
}
.sbox1, .sbox2, .sbox3, .sbox4 {
	float: left;
	width: 245px;
}
.sbox1, .sbox2, .sbox3 {
	margin: 0 20px 40px 0;
}
.sbox4 {
	margin: 0 0 20px 0;
}

@media screen and (max-width: 768px) {
.summary {
	max-width: 100%;
	padding: 0 20px;
}
.sbox1, .sbox2, .sbox3, .sbox4 {
	float: left;
	width: 48%;
}
.sbox1, .sbox2 {
	margin-bottom: 20px;
}
.sbox1, .sbox3 {
	margin-right: 4%;
}
.sbox2, .sbox4 {
	margin-right: 0;
}
.sbox1 .thumb, .sbox2 .thumb, .sbox3 .thumb, .sbox4 .thumb {
	width: 100%;
}
}

/* 原田時計店について
-----------------------------------------------------------------------------*/	
#about {
	background-color: #427dad;
}
#about .aboutimg {
	width: 1006px;
	margin: 0 auto;
	padding-top: 12px;
}
#about h2 {
	color: #ffffff;
	font-size: 34px;
	text-align: center;
	margin-top: -30px;
}
#about p {
	color: #ffffff;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
#about {
	background-size: contain;
	width: 100%;
	padding: 0 20px;
}
#about .aboutimg {
	max-width: 100%;
}
#about .aboutimg img {
	width: 100%;
}
#about h2 {
	font-size: 28px;
	margin-top: 0;
}
#about p {
	width: 100%;
	text-align: left;
}
}

/* スタッフ紹介
-----------------------------------------------------------------------------	*/
#staff {
	max-width: 100%;
	width: 800px;
	margin: 0 auto;
	padding-top: 35px;
	padding-bottom: 30px;
}
#staff .staffimg {
	width: 720px;
	margin: 0 auto;
}
#staff h2 {
	color: #427dad;
	font-size: 34px;
	text-align: center;
	margin-top: 15px;
}
#staff p {
	color: #333333;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
}
.btn_link {
	width: 160px;
	margin: 30px auto;
	background-color: #427dad;
	border-radius: 20px;
}
#staff .btn_link .btn_p {
	color: #FFFFFF;
	text-align: center;
}
.btn_link p:after {
	font-family: FontAwesome;
	content: "\f105";
	color: #fff;
	padding-left: 5px;
}
#staff .introduction{
	width: 720px;
	margin: 0 auto;
	padding-top: 15px;
	padding-bottom: 10px;
}
#staff .introduction_w{
	background: #fff;
	width: 720px;
	margin: 0 auto;
	padding-top: 15px;
	padding-bottom: 10px;
}
#staff .staff_b{
	color: #427dad;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	}
#staff .staff_p{
	color: #b24d8c;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	}
#staff .staff_txt{
	color: #333333;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

@media screen and (max-width: 768px) {
#staff {
	width: 100%;
}
#staff h2 {
font-size: 28px;
}
#staff .staffimg {
	width: 100%;
}
#staff .staffimg img {
	width: 100%;
}
#staff p {
	text-align: left;
}
#staff .introduction{
	width: 100%;
	padding-top: 15px;
	padding-bottom: 10px;
}
#staff .introduction_w{
	background: #fff;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 10px;
}
#staff .staff_b{
	color: #427dad;
	font-size: 18px;
	line-height: 25px;
	text-align: center;
	}
#staff .staff_p{
	color: #b24d8c;
	font-size: 18px;
	line-height: 25px;
	text-align: center;
	}
#staff .staff_txt{
	color: #333333;
	font-size: 14px;
	line-height: 15px;
	text-align: center;
	padding:0 20px;
}

}

/* 新着情報
-----------------------------------------------------------------------------*/	
#info {
	background-color: #eaeae5;
	padding-bottom: 1px;
	width: 1040px;
	margin: 0 auto;
}
#info a{
	color: #333333;
}
#info h2 {
	color: #427dad;
	font-size: 34px;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}
#info .infobox {
	width: 1040px;
	margin: 0 auto;
}

#info .infobox img {
	max-width: 320px;
}
.nbox {
	float: left;
	width: 320px;
	margin: 0 8px;
	margin-bottom: 30px;
}


.n_tag {
	color: #ffffff;
	font-size: 16px;
	line-height: 29px;
	width: 150px;
	margin-top: 20px;
	padding-left: 8px;
}
.n_news .n_tag {
	background-color: #427dad;
}

.n_watch .n_tag {
	background-color: #0099da;
}

.n_hearingaid .n_tag {
	background-color: #ffa900;
}

.n_glasses .n_tag {
	background-color: #00a97f;
}

.n_jewelry .n_tag{
	background-color: #ff7f8e;
}

.n_repairing .n_tag{
	background-color: #000;
}
.n_staffblog .n_tag{
	background-color: #82589e;
}
.n_date {
	font-family: "Yu Gothic";
	color: #333333;
	font-size: 12px;
	line-height: 29px;
	padding-top: 10px;
}
.n_txt {
	font-family: "Yu Gothic";
	color: #333333;
	font-size: 16px;
	line-height: 29px;
}
#info .btn_link .btn_p {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	#info {
		max-width: 100%;
	}
	#info .infobox{
		max-width: 100%;
	}
	#info .infobox img {
	width: 100%;
}
#info .advps-slide{
	float: none !important;
list-style: outside none none !important;
position: relative !important;
width: 320px !important;
margin: 0 auto !important;
}
	#info #advps_container3{
		max-width: 100% !important;
	}
	.nbox {
		float: none;
		width: 320px;
		margin: 0 auto;
		margin-bottom: 20px;
	}
}

/* Googlemap & Facebook
-----------------------------------------------------------------------------*/	
#mapfb {
	width: 1040px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 30px;
}
#mapfb .map {
	width: 500px;
	float: left;
}
.fb {
	width: 500px;
	float: right;
}
.fb-page {
	width: 500px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
#mapfb {
	max-width: 100%;
	position: relative;
	padding-top: 0;
	padding-bottom: 30px;
}
#mapfb .fb{
	width: 300px;
	margin: 0 auto;
	float: none;
	}

#mapfb .map {
	width: 300px;
	margin: 0 auto;
	float: none;
	padding-bottom: 20px;
	padding-top: 20px;
}
}


/*02*//***時計ページ***/

#watch {
	width: 1040px;
	margin: 0 auto;
}
#watch #main h2 {
	color: #333333;
	font-size: 34px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}
#watch #main p {
	color: #333333;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	padding-bottom: 20px;
}
#watch h3 {
	line-height: 60px;
	background: #427dad;
	width: 1040px;
	margin: 0 auto 50px;
	color: #fff;
	font-size: 22px;
	text-align: center;
}

#watch .price dl {
	color: #333;
	font-size: 17px;
	border-top: #cccccc 1px solid;
}
#watch .price dt {
	background: #ebebeb;
	width: 280px;
	line-height: 40px;
	padding-left: 20px;
	float: left;
	clear: left;
	border-bottom: #cccccc 1px solid;
}
#watch .price dd {
	width: 230px;
	line-height: 40px;
	float: left;
	padding-left: 65px;
	border-bottom: #cccccc 1px solid;
}
#watch .price_ttl {
	font-size: 18px;
	padding-bottom: 15px;
}
#watch .caution {
	padding-top: 40px;
}
.tax{
	font-size: 14px;
	color: #333;
	text-align: right;
}
.refusal{
	font-size: 14px;
	color: #333;
	text-align: right;
}
@media screen and (max-width: 768px) {
	
	#watch{
		width: 100%;
	}
	#watch #main h2 {
	font-size: 28px;
	margin: 10px 0 20px 0;
		padding: 0;
}
	#watch #main p {
	text-align: left;
}
	#watch h3{
		width: 100%;
	}
	#watch .price dl {
		width: auto;
	}
	#watch .price dt {
		width: auto;
		float: none;
		text-align: center;
		padding-left: 0;
	}
	#watch .price dd {
		width: auto;
		float: none;
		padding-left: 0;
		text-align: center;
	}
	#watch .caution {
	padding-top: 10px;
		padding-bottom: 20px;
}
	.refusal{
	font-size: 14px;
	color: #333;
	text-align: left;
}
}
.col_2 {
	width: 1040px;
	margin: 0 auto;
}
.col_2 {
	margin: 0 0 30px 0;
	padding-bottom: 50px;
}
.col_2 .box {
	width: 466px;
	width: 49.1561181%;
	margin: 0 1.687763713080168% 0 0;
	float: left;
}
.col_2 .box.last {
	margin-right: 0;
	float: right;
}
.col_2:after {
	content: "";
	display: block;
	clear: both;
}

@media only screen and (max-width: 768px) {
	.col_2{
	width: 100%;
	}
.col_2 .box {
	width: auto;
	float: none;
	margin: 0 auto;
	padding-bottom: 5px;
}
.col_2 .box.last {
	width: auto;
	float: none;
	margin: 0 auto;
	padding-bottom: 5px;
}
}

/*03*//***メガネページ***/	

#glasses {
	width: 1040px;
	margin: 0 auto;
}
#glasses #main h2 {
	color: #333333;
	font-size: 34px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}
#glasses #main p {
	color: #333333;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	padding-bottom: 20px;
}
#glasses h3 {
	line-height: 60px;
	background: #427dad;
	width: 1040px;
	margin: 0 auto 50px;
	color: #fff;
	font-size: 22px;
	text-align: center;
}
#glasses .price dl {
	width: 1040px;
	margin: 0 auto;
	color: #333;
	font-size: 17px;
	border-top: #cccccc 1px solid;
	padding-bottom: 50px;
}
#glasses .price dt {
	background: #ebebeb;
	width: 360px;
	line-height: 40px;
	padding-left: 20px;
	float: left;
	clear: left;
	border-bottom: #cccccc 1px solid;
}
#glasses .price .dd_1 {
	width: 250px;
	line-height: 40px;
	float: left;
	padding-left: 65px;
	border-bottom: #cccccc 1px solid;
}
#glasses .price .dd_2 {
	width: 430px;
	line-height: 40px;
	float: left;
	padding-left: 65px;
	border-bottom: #cccccc 1px solid;
	color: #427dad;
}
#glasses .price_ttl {
	font-size: 18px;
	padding-bottom: 15px;
}
#glasses .caution {
	padding-top: 25px;
	color: #427dad;
}
@media screen and (max-width: 768px) {
	#glasses{
		width: 100%;
		padding: 0 20px;
	}
	#glasses #main h2 {
		font-size: 28px;
		margin: 10px 0 20px 0;
		padding: 0;
	}
	#glasses #main p {
		text-align: left;
	}
	
	
	#glasses h3{
		width: 100%;
	}
	#glasses .price dl {
		max-width: 100%;
		text-align: center;
	}
	#glasses .price dt {
		width: 100%;
		padding-left: 0;
	}
	
	#glasses .price .dd_1{
		width: 100%;
		padding-left: 0;
		float: none;
		text-align: center;
	}
	#glasses .price .dd_2{
		line-height: 20px;
		width: auto;
		float: none;
		padding-left:0;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	#glasses .caution {
	padding-top: 0px;
		font-size: 0.9em;
		line-height: 20px;
	}
}
/*04*//***補聴器ページ***/

#hearingaid {
	width: 1040px;
	margin: 0 auto;
}
#hearingaid #main h2 {
	color: #333333;
	font-size: 34px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}
#hearingaid #main p {
	color: #333333;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	padding-bottom: 20px;
}
#hearingaid .caution {
	color: #427dad;
}
#hearingaid h3 {
	line-height: 60px;
	background: #427dad;
	width: 1040px;
	margin: 0 auto 50px;
	color: #fff;
	font-size: 22px;
	text-align: center;
}
#hearingaid h4{
	font-size: 18px;
	text-align: center;
	margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
	#hearingaid{
		width: 100%;
		padding: 0 20px 10px 20px;
	}
	#hearingaid #main h2 {
	font-size: 28px;
	padding: 0;
	margin: 10px 0 20px 0;
}
	#hearingaid #main p {
		text-align: left;
	}
	#hearingaid h3{
	width: 100%;
}
}
#hearingaid .brand .float_box p {
	line-height: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#hearingaid p {
	font-size: 16px;
	text-align: left;
	line-height: 25px;
}
#hearingaid .merit_txt {
	line-height: 30px;
}
.col_1 {
	width: 1040px;
	margin: 0 auto 50px;
}
.col_1 .img_left img {
	display: block;
	max-width: 30%;
	float: left;
}
.col_1 .img_left .float_box {
	float: left;
	max-width: 68%;
	padding-left: 30px;
}
.col_1 .img_left:after {
	content: "";
	display: block;
	clear: both;
}
.col_3 {
	width: 1040px;
	margin: 0 auto;
	padding-bottom: 50px;
}
.col_3 .box {
	width: 320px;
	width: 32.27848101265823%;
	margin: 0 1.5151515151514% 0 0;
	float: left;
}
.col_3 .box .img_top img{
	width:100%;
}
.col_3 .box p {
	padding-top: 10px;
}
.col_3 .box.last {
	margin-right: 0;
	float: right;
}
.col_3:after {
	content: "";
	display: block;
	clear: both;
}

@media only screen and (max-width: 768px) {
.col_1, .col_3 {
	width: 100%;
}
.col_1 .img_left img {
	max-width: 100%;
	width: 100%;
	float: none;
	margin: 0 0 10px 0;
}
.col_2,.col_3 img {
	max-width: 100%;
	width: 100%;
}	
.col_1 .img_left .float_box {
	max-width: 100%;
	float: none;
	padding-left: 0;
}
.col_1 .img_left .float_box p {
	margin: 0 0 15px 0;
}
.col_3 .box, .col_2 .box {
	width: auto;
	float: none;
	margin: 0 auto;
	padding-bottom: 5px;
}
.col_3 .box.last, .col_2 .box.last {
	width: auto;
	float: none;
	margin: 0 auto;
	padding-bottom: 5px;
}
}

/*05*//***宝飾ページ***/

#jewelry {
	width: 1040px;
	margin: 0 auto;
}
#jewelry #main h2 {
	color: #333333;
	font-size: 34px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}
#jewelry #main p {
	color: #333333;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	padding-bottom: 20px;
}
#jewelry #main .mainimg2 {
	width: 500px;
	margin: 0 auto;
	padding-bottom: 50px;
}
#jewelry h3 {
	line-height: 60px;
	background: #427dad;
	width: 1040px;
	margin: 0 auto 50px;
	color: #fff;
	font-size: 22px;
	text-align: center;
}
#jewelry .price .dl1 {
	width: 1040px;
	margin: 0 auto;
	color: #333;
	font-size: 17px;
	border-top: #cccccc 1px solid;
	padding-bottom: 20px;
}
#jewelry .price .dl2 {
	width: 1040px;
	margin: 0 auto;
	color: #333;
	font-size: 17px;
	border-top: #cccccc 1px solid;
	padding-bottom: 50px;
}
#jewelry .price dt {
	background: #ebebeb;
	width: 360px;
	line-height: 40px;
	padding-left: 20px;
	float: left;
	clear: left;
	border-bottom: #cccccc 1px solid;
}
#jewelry .price .dd_1 {
	width: 250px;
	line-height: 40px;
	float: left;
	padding-left: 65px;
	border-bottom: #cccccc 1px solid;
}
#jewelry .price .dd_2 {
	width: 430px;
	line-height: 40px;
	float: left;
	padding-left: 65px;
	border-bottom: #cccccc 1px solid;
	color: #427dad;
}
#jewelry .price_ttl {
	font-size: 18px;
	padding-bottom: 15px;
}
#jewelry .caution {
	padding-top: 25px;
	color: #427dad;
}
@media screen and (max-width: 768px) {
	#jewelry{
		width: 100%;
	}
	#jewelry #main h2 {
	font-size: 28px;
	padding: 0;
	margin: 10px 0 20px 0;
}
	#jewelry #main p{
		text-align: left;
	}
	#jewelry h3{
		width: 100%;
	}
	#jewelry .price dl{
		width: 100% ;
	}
	#jewelry .price .dl1 {
		width: 100%;
		text-align: center;
	}
	#jewelry .price .dl2 {
		width: 100%;
		text-align: center;
	}
	#jewelry .price dt {
		width: 100%;
		padding-left: 0;
	}
	#jewelry .price .dd_1{
		width: 100%;
		padding-left: 0;
		float: none;
		text-align: center;
	}
	#jewelry .price .dd_2{
		width: auto;
		float: none;
		padding-left:0;
	}
	#jewelry .caution {
	padding-top: 0px;
		font-size: 0.9em;
	}

	#jewelry .bd_no{
		border-top: hidden;
	}
	
}


.col_2:after {
	content: "";
	display: block;
	clear: both;
}

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

}

/*06*//***修理ページ***/
#repairing h2 {
	color: #333333;
	font-size: 34px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}
#repairing #watch {
	padding-top: 30px;
}
@media only screen and (max-width: 768px) {

	#repairing #watch {
	padding-top: 0px;
}
	#repairing h2 {
	font-size: 28px;
	text-align: center;
	padding: 0;
	margin: 10px 0 20px 0;
}
	#repairing #glasses{
		padding: 0;
	}
}

/*07*//***お問い合わせページ***/

#CONTACT .container {
	width: 1040px;
	margin: 0 auto;
}
#CONTACT h2 {
	color: #333333;
	font-size: 34px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}
#CONTACT p {
	color: #333333;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	padding-bottom: 20px;
}
@media only screen and (max-width: 768px) {
#CONTACT h2 {
	font-size: 28px;
	padding: 0;
	margin: 10px 0 20px 0;
	}
	
}


/*08*//***会社概要ページ***/
	
#company {
	width: 1040px;
	margin: 0 auto;
}
#company h2 {
	color: #333333;
	font-size: 34px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}
#company h3 {
	line-height: 60px;
	background: #427dad;
	width: 1040px;
	margin: 0 auto 30px;
	color: #fff;
	font-size: 22px;
	text-align: center;
}
#company .foundation dl {
	width: 1040px;
	margin: 0 auto;
	color: #333;
	font-size: 17px;
	border-top: #cccccc 1px solid;
}
#company .foundation dt {
	background: #ebebeb;
	width: 280px;
	line-height: 40px;
	text-align: center;
	float: left;
	clear: left;
	border-bottom: #cccccc 1px solid;
}
#company .foundation dd {
	width: 760px;
	line-height: 40px;
	float: left;
	padding-left: 40px;
	border-bottom: #cccccc 1px solid;
}
#company .map {
	width: 1040px;
	margin: 0 auto;
	margin-bottom: 40px;
}
#company .history {
	margin-bottom: 150px;
}
#company .history dl {
	width: 1040px;
	margin: 0 auto 30px;
	color: #333;
	font-size: 17px;
	border-top: #cccccc 1px solid;
}
#company .history dt {
	width: 170px;
	float: left;
	clear: left;
	line-height: 40px;
	border-bottom: #cccccc 1px dotted;
}
#company .history dd {
	width: 870px;
	line-height: 40px;
	float: left;
	border-bottom: #cccccc 1px solid;
}
@media only screen and (max-width: 768px) {
	#company{
		width: 100%;
	}
	#company h3{
		width: 100%;
	}
	#company .foundation dl {
		width: 100%;
	}
	#company .foundation dt {
		width: 100%;
		float: none;
	}
	#company .foundation dd {
		width: 100%;
		float: none;
		padding-left: 0;
		text-align: center;
	}
	#company .foundation dd.line_w{
	line-height: 20px;
	padding: 10px 0;
	}
	#company .history dl{
		width: 100%;
	}
	#company .history dt {
		width: 100%;
		float: none;
	}
	#company .history dd {
		width: 100%;
		float: none;
	}
	#company .history dd.line_w{
	line-height: 20px;
	padding: 10px 0;
	}
	#company .map {
	width: 300px;
	margin: 0 auto;
	margin-bottom: 20px;
}
}

/*09*//***ブログページ***/
.no_post{
	font-size :16px;
	margin-bottom: 30px;
	color: #333;
}

#single #info{
	background-color: inherit;
}
#single #info h2{
	line-height: 60px;
	background: #427dad;
	width: 1040px;
	margin: 0 auto 50px;
	color: #fff;
	font-size: 22px;
	text-align: center;
	padding:0;
}	
#archive, #single, #category, #newinfo {
	width: 1040px;
	margin: 0 auto;
}
@media only screen and (max-width: 768px) {
	#archive, #single, #category, #newinfo {
		width: 100%;
		padding: 0 20px;
	}
	#single #info h2{
		width:100%;
	}
	#single .single_article img{
		width:100%;
		height:auto;
	}
}
#archive h1, #single h1, #category h1, #newinfo h1 {
	font-size: 24px;
	text-align: center;
}
#archive .s_date, #single .s_date, #category .s_date, .s_date {
	margin-bottom: 0px;
}
#archive .s_ttl, #single .s_ttl, #category .s_ttl, .s_ttl {
	font-size: 24px;
	margin-bottom: 0px;
}
#archive .single_article, #single .single_article, #category .single_article {
	padding-bottom: 30px;
}
.postNavi {
	border-top: 1px dotted #ccc;
	padding-top: 25px;
 *zoom: 1;
}
.postNavi:before, .postNavi:after {
	display: table;
	content: "";
	line-height: 0;
}
.postNavi:after {
	clear: both;
}
.postNavi span {
	font-size: 14px;
	font-size: 1.4rem;
	width: 300px;
}
.postNavi span.prev {
	float: left;
	padding-left: 10px;
	background: url("../images/icon/arr01_left.png") no-repeat left 0.5em;
}
.postNavi span.next {
	float: right;
	padding-right: 10px;
	background: url("../images/icon/arr01_right.png") no-repeat right 0.5em;
	text-align: right;
}

/*****************************************/

.mainContents .n_news {
	background-color: #427dad;
}
.mainContents .n_watch {
	background-color: #0099da;
}
.mainContents .n_hearingaid {
	background-color: #ffa900;
}
.mainContents .n_glasses {
	background-color: #00a97f;
}
.mainContents .n_jewelry {
	background-color: #ff7f8e;
}
.mainContents .n_repairing {
	background-color: #000;
}
.mainContents .n_staffblog {
	background-color: #82589e;
}

/*999*//***新着情報一覧ページ***/
#category h1 {
	color: #333333;
	font-size: 34px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}
#category .cat_select{
	width: 150px;
	float: right;
	padding: 20px 0 20px 0;
}
@media only screen and (max-width: 768px) {
#category h1 {
	font-size: 28px;
}
}

/*10*//***お問い合わせページ***/

#CONTACT table {
	margin-top: 20px;
	width: 100%;
}
#CONTACT table th {
	padding: 30px 5px;
	width: 20%;
	text-align: left;
	vertical-align: top;
	border-top: 1px dotted #ccc;
}
#CONTACT table th span {
	display: block;
	font-size: 10px;
	color: #f00;
}
#CONTACT table td {
	padding: 30px 5px;
	width: 100%;
	border-top: 1px dotted #ccc;
}
#CONTACT table td input[type="text"], #CONTACT table td input[type="email"] {
	padding: 5px 10px;
	border: 1px solid #666;
}
#CONTACT table td input.name {
	margin-right: 70px;
}
#CONTACT table td input.kana {
	margin-right: 70px;
}
#CONTACT table td input.kana {
	width: 500px;
}
#CONTACT table td input.name {
	width: 500px;
}
#CONTACT table td input.tel1, #CONTACT table td input.tel2, #CONTACT table td input.tel3 {
	width: 70px;
}
#CONTACT table td input.mail_address {
	width: 500px;
}
#CONTACT table td select, #CONTACT table td option {
	padding: 5px 10px;
	border-radius: 1px !important;
	border: 1px solid #666;
}
#CONTACT table td textarea {
	padding: 5px 10px;
	width: 620px;
	height: 300px;
	border: 1px solid #666;
}
#policy_blk {
	overflow-y: scroll;
	margin-top: 80px;
	padding: 25px 20px;
	width: 100%;
	height: 177px;
	border: 1px solid #999;
}
#policy_blk .in_midashi {
	margin-top: 0;
	font-weight: bold;
	font-size: 24px;
}
#policy_blk .in_title {
	margin-top: 15px;
	font-weight: bold;
	font-size: 18px;
}
#policy_blk .in_text {
	margin-top: 5px;
}
#policy_blk ol {
	padding-left: 20px;
}
#policy_blk .privacy-contact {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #999;
}
#CONTACT .btn {
	margin-top: 70px;
	margin-bottom: 70px;
	text-align: center;
}
#CONTACT .btn input {
	display: inline-block;
	margin: 10px 10px 0;
	padding: 13px 0;
	width: 450px;
	text-align: center;
	background-color: #427dad;
	border-radius: 4px;
	border: none;
	font-size: 24px;
	color: #fff;
	cursor: pointer;
}
#CONTACT .btn br {
	display: none;
}
.mw_wp_form .error {
	color: #f00;
}

@media screen and (max-width: 768px) {
#CONTACT table {
	display: block;
	margin-top: 20px;
	width: 100%;
}
#CONTACT table tbody,  #CONTACT table tr {
	display: block;
	width: 100%;
}
#CONTACT table th {
	display: block;
	padding: 15px 5px;
	width: 100%;
	border-top: 1px dotted #ccc;
}
#CONTACT table th span {
	display: inline-block;
	margin-left: 10px;
	font-size: 10px;
	color: #f00;
}
#CONTACT table td {
	display: block;
	padding: 0 5px 15px 5px;
	width: 100%;
	border-top: none;
}
#CONTACT table td input[type="text"],  #CONTACT table td input[type="email"] {
	width: 100%;
}
#CONTACT table td input.name,  #CONTACT table td input.kana {
	margin-right: 10px;
}
#CONTACT table td input.name,  #CONTACT table td input.kana {
	width: 100%;
}
#CONTACT table td input.tel1,  #CONTACT table td input.tel2,  #CONTACT table td input.tel3,  #CONTACT table td input.tel {
	width: 25%;
}
#CONTACT table td input.mail_address {
	width: 100%;
}
#CONTACT table td textarea {
	padding: 5px 10px;
	width: 100%;
	height: 200px;
	border: 1px solid #666;
}
#CONTACT #policy_blk {
	margin-top: 30px;
	padding: 15px 10px;
	width: 100%;
	border: 1px solid #999;
}
#CONTACT #policy_blk .midashi {
	margin-top: 0;
	font-weight: bold;
	font-size: 18px;
}
#CONTACT #policy_blk .title {
	margin-top: 10px;
	font-weight: bold;
	font-size: 14px;
}
#CONTACT #policy_blk .text {
	margin-top: 5px;
}
#CONTACT .btn {
	margin-top: 40px;
	text-align: center;
}
#CONTACT .btn input {
	display: inline-block;
	padding: 10px 0;
	width: 90%;
	text-align: center;
	background-color: #427dad;
	border-radius: 4px;
	border: none;
	font-size: 18px;
	color: #fff;
}
}




/*2022/12/16 追記分*/
#mapWrap{
	width: 100%;
	max-width: 1040px;
	margin: 0 auto 40px;
}
#mapWrap iframe{
	width: 100%;
}

#mapfb {
  display: flex;
  gap: 30px 30px;
	padding-bottom: 30px;
}

#mapfb .googleCalender {
  width: 50%;
}

#mapfb .googleCalender iframe{
  width: 100%;
}

.btn_link.calBtn {
  width: 230px;
  margin: 30px auto;
  background-color: #427dad;
  border-radius: 5px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 55px;
}
.btn_link.calBtn a{
	width: 100%;
	color: #fff;
	text-align: center;
}
#hearingaid p.btn_p{
	text-align: center;
}
.btn_link.calBtn p::after{
	content: none;
}

#subnavi li.faq a{
	background-color: #427dad;
	color: #fff;
	font-size: 18px;
	border-radius: 5px;
	padding: 10px 24px;
}

#subnavi .faq a:visited {
  color: #fff;
}

#subnavi .comp {
  margin-right: 10px;
}

@media screen and (max-width: 768px){
#mapfb .googleCalender {
  width: 100%;
}
#mapfb {
	flex-wrap: wrap;
  gap: 0px 30px;
	padding: 30px 20px;
}

.btn_link.calBtn {
  margin: 20px auto 35px;
}
#mapWrap{
	margin: 0 auto 0px;
}
#mapWrap iframe{
	height: 300px!important;
}
	#CONTACT p.formTxt{
		text-align: left;
	}
}

.p-blog__pager{
	text-align: center;
  margin-bottom: 30px;
}