@charset "utf-8";
/*===============================================================
	
	2016/6/6
	
===============================================================*/

/* 初期化
----------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	outline: none;
}
blockquote, q {	quotes: none;	}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}
input, textarea { margin: 0;	padding: 0;}
table{	border-collapse: collapse; border-spacing:0;	}
body { font-family:'Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',Osaka,sans-serif; }
h1,h2,h3,h4,h5,h6,p,li,th,td,dt,dd { font-size:14px; line-height:22px; }
caption,th,td { text-align:left; vertical-align:top; }
img { vertical-align:top; border:0; }
ul,li { list-style:none; }
option { padding-right:1em; }
address,caption { font-style:normal; font-weight:normal; }
a {	outline:none;	text-decoration:underline; }
a:focus {	outline:none;	}
ul a ,li a {	zoom:1;	}
strong{ font-weight: bold; }
em{ font-style: italic; }

/* HTML5
----------------------------------------------------------------*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* 文字サイズ、装飾
----------------------------------------------------------------*/
.bold	{	font-weight:bold; }
.cap {
	font-size:12px;
	line-height:15px;
	}		
.red	{	color:#943023;		}
.yellow	{	color:#cbb847;		}
.blue	{	color:#0047a2;		}
.lightblue { color:#00afd7; }
.green	{	color:#5b9000;	}
.brown	{	color:#633;		}
.pink	{	color:#f3c;		}
.gray	{	color:#eaeeed;		}
.deepgray { color:#92999f ;}
.align_center	{	text-align:center;		}
.align_right	{	text-align:right;		}
.replace {	overflow:hidden;	white-space:nowrap;	text-indent:100%;	}

/* フロート関係
----------------------------------------------------------------*/
.clear {
	width:100%;
	overflow:hidden;
}
.clearboth {
	clear:both;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
  *zoom: 1;
}
.flol {
	float:left;
}
.flor {
	float:right;
}
/* マージン
----------------------------------------------------------------*/
.mt0	{	margin-top:0px !important; }
.mt05	{	margin-top:5px;		}
.mt10	{	margin-top:10px;	}
.mt15	{	margin-top:15px;	}
.mt20	{	margin-top:20px;	}
.mt25	{	margin-top:25px;	}
.mt30	{	margin-top:30px;	}
.mt40	{	margin-top:40px;	}
.mt50	{	margin-top:50px;	}
.mt60	{	margin-top:60px;	}
.mt70	{	margin-top:70px;	}
.mt80	{	margin-top:80px;	}
.mt90	{	margin-top:90px;	}
.mt100	{	margin-top:100px;	}

.mb05	{	margin-bottom:5px;	}
.mb10	{	margin-bottom:10px;	}
.mb15	{	margin-bottom:15px;	}
.mb20	{	margin-bottom:20px;	}
.mb25	{	margin-bottom:25px;	}
.mb30	{	margin-bottom:30px;	}
.mb40	{	margin-bottom:40px;	}
.mb50	{	margin-bottom:50px;	}

/* html/body設定
----------------------------------------------------------------*/
html {
}
body {
	width: 100%;
	color:#333;
	background:#fff;
	text-align:left;
	font-size:16px;
	line-height:28px;
	-webkit-text-size-adjust:none; /* 縦横文字サイズ同じ */
	-webkit-font-smoothing: antialiased;
}
a {
	color:#785727;
	-webkit-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
	-ms-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;  
	-moz-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
	-o-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
}
a:hover { color:#deb170 }

.boxshadow {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
}
/*Noto Sans Japanese*/
.notosansjapanese { font-family: "Noto Sans Japanese"; }
/* タブレット以下 */
@media screen and (max-width: 960px) {
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～640px */
@media only screen and (max-width: 736px) {
}	/* for SP max-width: 736px */

/*===============================================================
	
	基本文字サイズ
	
===============================================================*/
h2 {
	/*font-size:172%;	/* 24px */
	font-weight:bold;
}
h3 {
	/*font-size:172%;	/* 24px */
	font-weight:bold;
}
h4 {
	/*font-size:115%;	/* 16px */
	line-height:1.4;
	font-weight:bold;
}
p {
	/*font-size:115%;	/* 16px */
	line-height:1.8;
}
sup {
	margin:0;
	padding:0;
	font-size:11px;
	line-height:15px;
}
/*===============================================================
	
	PC/SP/TABLET
	
===============================================================*/
.sp {
	display:none;
}
.pc {
}
.tablet {
	display:none;
}
.sp {
	display:none;
}
.sp_tablet {
	display:none;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.pc {
	display:none;
}
.tablet,
.pc_tablet,
.sp_tablet {
	display:block;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.sp {
	display:block;
}
.pc_tablet,
.tablet {
	display:none;
}
}	/* for SP max-width: 736px */

/*===============================================================
	
	img fig
	
===============================================================*/
.fig img,
.fitimg img, 
.photo img {
	width:100%;
	height:auto;
}

.fig {
	border:solid 1px #ddd;
}
.content .fig {
	margin-top:30px;
}
.borderimg {
	border:solid 1px #ddd;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.content .fig {
	margin-top:15px;
}
}	/* for SP max-width: 736px */

/*===============================================================
	
	レイアウト
	
===============================================================*/
.wrapper {
}
.content_width {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.narrow_width {
	width:700px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.content_width {
	width:100%;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.narrow_width {
	width:100%;
}
}	/* for SP max-width: 736px */
/*===============================================================
	
	ヘッダ
	
===============================================================*/
.header_wrp {
	/*width:100%;*/
	width: 1200px;
	margin: 0 auto;
}
.header {
	width:100%;
	height:100px;
	position:relative;
}
.header .logo {
	position:absolute;
	width:310px;
	height:60px;
	top:20px;
	left:0;
}
.header .logo img {
	width:100%;height:auto;
}
.header .logo span {
	font-weight:bold;
	color:#898989;
}
.header .contact_wrp {
	position:absolute;
	width:350px;
	height:60px;
	top:20px;
	right:0;
}
.header .contact_wrp {
	float:right;
	text-align: center;
	color: #785727;
}
.header .contact {
	font-size: 16px;
}
.header i {
	font-size: 35px;
	margin-right: 5px;
}
.header .telnumber {
	font-size: 40px;
	line-height: 18px;
	font-weight: bold;
}
/* タブレット以下 */
@media screen and (max-width: 1200px) {
.header_wrp {
	width: 100%;
}
.header .logo {
	left:20px;
}
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.header_wrp {
	width: 100%;
	max-height: 40px;
	height: 40px;
}
.header {
	width:100%;
	max-height: 40px;
	height: 40px;
	position:relative;
	position:fixed;
	background:#fff;
	z-index:500;
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.20);
}
.header .logo {
	text-align:center;
	position:static;
	width:300px;
	height:24px;
	margin:0 auto;
	padding-top:10px;
}
.header .contact_wrp {
	display:none;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
}	/* for SP max-width: 736px */

/*===============================================================
	
	navigation
	
===============================================================*/
.navigation_outer {
	width:100%;
	height:50px;
	background-color: #ede8de;
}
.navigation_wrp {
	width:1200px;
	position:relative;
	background:#ede8de;
	z-index:999;
	margin: 0 auto;
	/*box-shadow:0 5px 3px -3px rgba(0, 0, 0, 0.1);*/
}
/* タブレット以下 */
@media screen and (max-width: 1200px) {
.navigation_wrp {
	width:100%;
}
}	/* for tablet max-width: 960px */
/* タブレット以下 */
@media screen and (max-width: 960px) {
.navigation_outer {
	width:100%;
	height:0;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	navigation	
-------------------------------------------------------------*/
.navigation {
	position:relative;
}
.navigation ul {
	width:100%;
	overflow:hidden;
	border-left: 1px solid #f6f6f6;
}
.navigation ul li {
	width:19.8%;
	float:left;
	border-right: 1px solid #f6f6f6;
}
.navigation ul li a {
	display:block;
	text-align:center;
	font-size:18px;
	line-height:50px;
	text-decoration:none;
	color:#624720;
	background-color: #ede8de;
}
.navigation ul li a:hover {
	background-color: #e3d9c2;
	font-weight: bold;
}
.navigation ul li.current a {
	background-color: #e3d9c2;
	font-weight: bold;
}
.navigation ul li.active a {
	background-color: #e3d9c2;
}
.navigation ul li .subnav {
	display:none;
	position:absolute;
	top:43px;
	left:0;
	width:100%;
	padding:30px;
	background:#fff;
	border:solid 1px #ddd;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.navigation ul li .subnav li {
	width:33%;
	float:left;
}
.navigation ul li .subnav li a {
	position:relative;
	text-align:left;
	/*
	background-image:url(../images/asset/txtlink_arw.png);
	background-repeat:no-repeat;
	background-position:left center;
	*/
	padding-left:13px;
	font-size:14px;
	line-height:40px;
	border:0;
	color:#000;
}
.navigation ul li .subnav li a:hover {
	border:0;
	color:#6d6886;
}
.navigation ul li .subnav li a:after {
	position:absolute;
	content:" ";
	width:5px; height:5px;
	top:0; bottom:0; left:0; right:auto;
	margin:auto;
	border-top:solid 1px #c00;
	border-left:solid 1px #c00;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.navigation_wrp .navigation {
	display:none;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */
/*-------------------------------------------------------------
	subnav	
-------------------------------------------------------------*/
.subnav .icon {
	margin-left:5px;
	font-weight:bold;
}
.navigation_wrp .subnav .icon {
	color:#6d6886;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*===============================================================
	
	フッタ
	
===============================================================*/
.footer_wrp {	
	width:100%;
	background: url(../images/bg_footer.jpg);
	color: #785727;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.footer_sitemap
-------------------------------------------------------------*/
.footer_detail_wrp {
	width: 1200px;
	margin: 0 auto;
	padding: 50px 0 40px;
}
.footer_left {
	float: left;
	width: 57%;
	text-align:left;
	margin-top: 5px;
}
.footer_title {
	width: 425px;
	height: auto;
}
.footer_left .footer_address {
	font-size: 18px;
}
.footer_left .footer_tel i {
	font-size: 30px;
	margin-right: 5px;
}
.footer_left .footer_tel {
	font-size: 32px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 5px;
}
.footer_left span.fax {
	font-size: 20px;
	font-weight: normal;
	margin-left: 20px;
}	

.footer_detail_wrp .menubtn {
	display:none;
}
.footer_right {
	float: right;
	width: 37%;
	margin-top: 25px;
	text-align: right;
}
.footer_right .txtlink a {
	color: #785727;	
	font-size: 13px;
}
.footer_right .txtlink a:after {
	border-top: solid 1px #785727;
	border-left: solid 1px #785727;
	top: 9px;
}
.footer_right .txtlink a:hover {
	color: #deb170;	
}
/* タブレット以下 */
@media screen and (max-width: 1200px) {
.footer_detail_wrp {
	width: 960px;
}
.footer_right {
	margin-top: 65px;
}
}	/* for tablet max-width: 960px */


/* タブレット以下 */
@media screen and (max-width: 960px) {
.footer_detail_wrp {
	width: 100%;
}
.footer_title,
.footer_left,
.footer_right{
	display:none;
}
.footer_detail_wrp .menubtn {
	display:block;

}
.footer_detail_wrp .menubtn a {
	display:block;
	border:solid 1px rgba(148,31,87,0.5);
	border-radius:5px;
	width:100px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#941f57;
	text-align:center;
	margin:0 auto;
	text-decoration:none;
	line-height:40px;
}

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	footer_copy_wrp	
-------------------------------------------------------------*/
.footer_copy_wrp {
	width:100%;
	background:#ede8de;
	text-align:center;
	padding:20px 0;
	color: #785727;
}
.footer_navi p {
	font-size: 16px;
}
.footer_navi a {
	color: #785727;
	text-decoration: none;
}
.footer_navi a:hover {
	color: #deb170;	
}
.footer_copy_wrp .copyright {
	font-size: 12px;
	margin-top: 20px;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
.footer_copy_wrp .footer_navi {
	display: none;
}
.footer_copy_wrp .copyright {
	margin-top: 0;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*===============================================================
	
	MENU
	
===============================================================*/

/* タブレット以下 */
@media screen and (max-width: 960px) {
.menu_bg {
	background:#fff;
	position:absolute;
	z-index:300;
	top:0;
	left:0;
}
.menu_icon {
	position:absolute;
	position:fixed;
	top:10px;
	right:10px;
	z-index:300;
}
.menu .menu_nav {
	background:#fff;
	position:absolute;
	top:40px;
	width:100%;
	z-index:300;
}
.menu .navlist {
	width:100%;
	overflow:hidden;
}
.menu .navlist li a {
	position:relative;
	width:100%;
	font-weight:bold;
	display:block;
	border-top:solid 1px rgba(255,255,255,0.1);
	border-bottom:solid 1px rgba(0,0,0,0.1);
	font-size:18px;
	line-height:50px;
	text-decoration:none;
	padding:0 20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#666;
}
.menu .navlist li a:after {
	position:absolute;
	content:" ";
	width:12px; height:12px;
	top:0; bottom:0; left:auto; right:18px;
	margin:auto;
	border-top:solid 2px #fff;
	border-left:solid 2px #fff;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
.menu .navlist li .subnav li a {
	font-weight:normal;
	font-size:14px;
	line-height:40px;
	padding:0 20px 0 40px;
	color:#6d6886;
	background:#fff;
	border-bottom:solid 1px rgba(0,0,0,0.1);
}
.menu .navlist li .subnav li a:after {
	width:10px; height:10px;
	top:0; bottom:0; left:auto; right:20px;
	margin:auto;
	border-top:solid 1px #999;
	border-left:solid 1px #999;
}
.menu .closebtn {
	display:block;
	padding:30px 0;

}
.menu .closebtn a {
	display:block;
	border:solid 1px rgba(148,31,87,0.5);
	border-radius:5px;
	width:100px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#941f57;
	text-align:center;
	margin:0 auto;
	text-decoration:none;
	line-height:40px;
}
.menu .menu_info {
	width: 90%;
	margin: 30px auto;
	color: #785727;
	text-align: center;
	overflow: hidden;
}
.menu .menu_info .contact {
	font-size: 14px;
}
.menu .menu_info i {
	font-size: 35px;
	margin-right: 5px;
}
.menu .menu_info .telnumber {
	font-size: 40px;
	line-height: 18px;
	font-weight: bold;
}

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.menu .menu_info i {
	font-size: 30px;
}
.menu .menu_info .telnumber {
	font-size: 32px;
}	
}	/* for SP max-width: 736px */





/*-------------------------------------------------------------
	menu-trigger
-------------------------------------------------------------*/
/* タブレット以下 */
@media screen and (max-width: 960px) {
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 30px;
	height: 20px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #000;
	border-radius: 2px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 10px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
/* animation */
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
	-moz-transform: translateY(10px) rotate(-45deg);
	-ms-transform: translateY(10px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
	-webkit-transform: translateY(0) rotate(180deg);
	transform: translateY(0) rotate(45deg);
	-moz-transform: translateY(0) rotate(45deg);
	-ms-transform: translateY(0) rotate(45deg);
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
	-moz-transform: translateY(-10px) rotate(45deg);
	-ms-transform: translateY(-10px) rotate(45deg);
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*===============================================================
	
	grid
	
===============================================================*/
.gridconatiner {
	margin-top:-50px;
}
.gridconatiner .grid {
	float:left;
}
.grid {
	margin-top:50px;
}
/*	gridSize :445 gutterSize :50 column :2 */
.gridwrp_2 { width:105.319%;}
.gridwrp_2 .grid_2 { width:94.949%; margin-right:5.051%; }
.gridwrp_2 .grid_1 { width:44.949%; margin-right:5.051%; }
.gridwrp_2 .grid:nth-child(2n+1) {
	clear:both;
}

/*	gridSize :280 gutterSize :50 column :3 */
.gridwrp_3 { width:105.319%;}
.gridwrp_3 .grid_3 { width:94.949%; margin-right:5.051%; }
.gridwrp_3 .grid_2 { width:61.616%; margin-right:5.051%; }
.gridwrp_3 .grid_1 { width:28.283%; margin-right:5.051%; }
.gridwrp_3 .grid:nth-child(3n+1) {
	clear:both;
}

/*	gridSize :210 gutterSize :40 column :4 */
.gridwrp_4 { width:104.167%;}
.gridwrp_4 .grid_4 { width:96.000%; margin-right:4.000%; }
.gridwrp_4 .grid_3 { width:71.000%; margin-right:4.000%; }
.gridwrp_4 .grid_2 { width:46.000%; margin-right:4.000%; }
.gridwrp_4 .grid_1 { width:21.000%; margin-right:4.000%; }
.gridwrp_4 .grid:nth-child(4n+1) {
	clear:both;
}

.column + .gridconatiner {
	margin-top:-20px;
} 

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.gridconatiner {
	margin-top:-20px;
}
.gridwrp_3,
.gridwrp_3 .grid_2,
.gridwrp_3 .grid_1,
.gridwrp_2,
.gridwrp_2 .grid_1 {
	width:100%; margin-right:0;
}
.gridwrp_4 { width:105.000%;}
.gridwrp_4 .grid_1 { width:45.238%; margin-right:4.762%; }

.grid {
	margin-top:20px;
}
.grid:first-child {
	/*margin-top:0px;*/
}
.gridwrp_4 .grid:nth-child(2) {
	/*margin-top:0;*/
}

.sp_gridwrp2 .gridwrp_3 { width:105.319%;}
.sp_gridwrp2 .gridwrp_3 .grid_2 { width:94.949%; margin-right:5.051%; }
.sp_gridwrp2 .gridwrp_3 .grid_1 { width:44.949%; margin-right:5.051%; }
.sp_gridwrp2 .gridwrp_3 .grid:nth-child(2n+1) {
	clear:both;
}
.sp_gridwrp2 .gridwrp_3 .grid:nth-child(3n+1) {
	clear:none;
}
.sp_gridwrp2 .gridwrp_2 { width:105.319%;}
.sp_gridwrp2 .gridwrp_2 .grid_2 { width:94.949%; margin-right:5.051%; }
.sp_gridwrp2 .gridwrp_2 .grid_1 { width:44.949%; margin-right:5.051%; }
.sp_gridwrp2 .gridwrp_2 .grid:nth-child(2n+1) {
	clear:both;
}
.sp_gridwrp2 .gridwrp_2 .grid:nth-child(3n+1) {
	clear:none;
}
.sp_gridwrp2 .linkarea p {
	padding: 0;
}
.column + .gridconatiner {
	margin-top:0;
} 
}	/* for SP max-width: 736px */

/*===============================================================
	
	fixed
	
===============================================================*/
.fixed {
	position: fixed;
	top: 0;
}
.bg_fixed {
	background-attachment: fixed;
}
/* タブレット以下 */
@media screen and (max-width: 940px) {
.fixed {
	position: fixed;
	top: 0;
}
}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*===============================================================
	
	PAGETOP
	
===============================================================*/
#btn_pagetop {
	width:100%;
	overflow:hidden;
}
#btn_pagetop a {
	display:block;
	position:absolute;
	right:-300px; top:0;
	width:50px; height:50px;
	color:#fff;
	background-color:#785727;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	z-index:101;
	position:fixed;
	border-radius:30px;
}
#btn_pagetop a:hover {
	background-color:#e3d9c2;
}
#btn_pagetop a:after {
	position:absolute;
	content:" ";
	width:14px; height:14px;
	top:20px; left:0; right:0; bottom:auto;
	margin:auto;
	border-top:solid 2px #fff;
	border-left:solid 2px #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius:2px;
}

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
#btn_pagetop a {
	width:40px;
	height:40px;
	background-size:40px 40px;
}
#btn_pagetop a:after {
	width:12px; height:12px;
	top:17px; left:0; right:0; bottom:auto;
}
}	/* for SP max-width: 736px */

/*===============================================================
	
	テーブル
	

table {
	width:100%;
	text-align:left;
	font-size:14px;
	line-height:20px;
	border-collapse: separate;
    border-spacing: 0;
	border-bottom:solid 1px #ddd;
}
table th {
	padding:10px;
	font-weight:bold;
	border:solid 1px #ddd;
	border-right:0;
	border-bottom:0;
	background:rgba(0,0,0,0.05);
	color:#000;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
table td {
	padding:10px;
	border:solid 1px #ddd;
	border-bottom:0;
	color:#000;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
table td + td {
	border-left:0;
}
table tr:nth-child(odd) {
	background:#fff;
}
table tr:nth-child(even) {
 	background:rgba(0,0,0,0.05);
}
/* タブレット以下 
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px 
@media only screen and (max-width: 736px) {
table {
	padding:0;
	margin-top:0px;
}
table th {
	display: list-item;
	list-style:none;
	width:100%;
	padding:10px;
	font-size:16px;
}
table td {
	display: list-item;
	list-style:none;
	width:100%;
	padding:10px;
	font-size:14px;
	line-height:1.6;
}
table tr:nth-child(odd) ,
table tr:nth-child(even) {
 	background:#fff;
}
}	/* for SP max-width: 736px */


/*===============================================================
	
	フォーム
	
===============================================================*/
.form {
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*===============================================================
	
	btn_detail
	
===============================================================*/
.btn_detail {
	width:400px;
	margin:0 auto;
	margin-top:40px;
}
.btn_detail a {
	position:relative;
	text-decoration:none;
	display:block;
	background-color:#1d50a2;
	text-align:center;
	color:#fff;
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	padding:20px 0;
	border-radius:5px;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 0px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 0px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 0px 0px;
}
.btn_detail a:after {
	position:absolute;
	content:" ";
	width:13px; height:13px;
	top:0; left:auto; bottom:0; right:10px;
	margin:auto;
	border-top:solid 1px #fff;
	border-left:solid 1px #fff;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
.btn_detail a:hover {
	text-decoration:none;
	background-color:#2b6bec;
}
.btn_detail_red a {
	background-color:#c91b36;
}
.btn_detail_red a:hover {
	background-color:#e31838;
}
.btn_detail_black a {
	background-color:#000;
}
.btn_detail_black a:hover {
	background-color:#222;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.btn_detail {
	width:100%;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.btn_detail {
	width:100%;
	margin:0 auto;
	margin-top:20px;
}
.btn_detail a {
	font-size:16px;
	background-size:18px 30px;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	btn_white	
-------------------------------------------------------------*/
.btn_white {
	width:300px;
	margin:0 auto;
	margin-top:30px;
}
.btn_white a {
	text-decoration:none;
	display:block;
	background-color:#fff;
	text-align:center;
	color:#1d50a2;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	padding:15px 0;
	border:solid 1px #1d50a2;
}
.btn_white a:hover {
	text-decoration:none;
	color:#fff;
	background-color:#1d50a2;
}
.btn_white a:after {
	border-top:solid 1px #1d50a2;
	border-left:solid 1px #1d50a2;
}
.btn_white a:hover:after {
	border-top:solid 2px #fff;
	border-left:solid 2px #fff;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.btn_white {
	width:80%;
	margin:0 auto;
	margin-top:20px;
}
.btn_white a {
	font-size:14px;
	line-height:20px;
	padding:10px 0;
}
}	/* for SP max-width: 736px */

/*===============================================================
	
	headline
	見だし
	
===============================================================*/
.headline {
	font-size: 30px;
	color: #941f57;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight:500;
	text-align: center;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.headline {
	font-size: 20px;
}
}	/* for SP max-width: 736px */
/*===============================================================
	
	subhead
	小見出し
	
===============================================================*/
.subhead {
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */
/*===============================================================
	
	背景
	
===============================================================*/
.bg {
	background: url(../images/bg.jpg);
}

/*===============================================================
	
	seciton
	headlineとcontentなど、複数の要素、機能を取りまとめるコンテナ的な親要素。
	幅はsection_innerに記述する
	
===============================================================*/
.section_wrp {
}
.section {
	width:100%;
	/*border-top:solid 1px #ddd;*/
}
.section_inner {
	margin:0 auto;
	padding:50px 0 100px 0;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
.section_inner {
	margin:0 auto;
	padding:30px 20px 60px 20px;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_inner {
	margin:0 auto;
	padding:20px 20px 40px 20px;
}
}	/* for SP max-width: 736px */


/*===============================================================
	
	content 
	個別のコンテンツ
	
===============================================================*/
.content {
}
.headline + .content {
	margin-top:30px;
}
.content + .content {
	margin-top:80px;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
.content {
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.content {
	width:100%;
	margin:0 auto;
}
.headline + .content {
	margin-top:20px;
}
.content + .content {
	margin-top:30px;
}
}	/* for SP max-width: 736px */


/*===============================================================
	
	column
	囲み、メモなどサブ的な括り。
	
===============================================================*/
.column {
	width:700px;
	margin:0 auto;
}
.column h3 {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin-top:30px;
}
.column h4 {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-top:30px;
}
.column p {
	margin-top:30px;
	font-size:16px;
}
.column * + p {
	margin-top:20px;
	font-size:16px;
}
.column p.caution {
	font-size:12px;
}
.column .bbottom {
	border-bottom:1px solid #000;
	padding-bottom:10px;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.column {
	width:100%;
	margin:0 auto;
}
.column h3 {
	font-size:18px;
	margin-top:15px;
}
.column h4 {
	font-size:16px;
	margin-top:15px;
}
.column p {
	margin-top:10px;
	font-size:14px;
	line-height:1.6;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.notes	
-------------------------------------------------------------*/
.notes {
	background:#eee;
	padding:20px;
	margin-top:20px;
}
.notes p {
	font-size:12px;
	line-height:20px;
}
.notes > p {
	margin-top:0;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */
/*===============================================================
	
	txtlink 2016/11/16
	
===============================================================*/
.txtlink a {
	padding-left:15px;
	color:#000;
	text-decoration:none;
	position:relative;
	display:inline-block;
}
.txtlink a:hover {
	color:#c00;
}
.txtlink a:after {
	position:absolute;
	content:" ";
	width:6px; height:6px;
	top:7px; bottom:auto; left:0; right:auto;
	margin:auto;
	border-top:solid 2px #c00;
	border-left:solid 2px #c00;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
.txtlink.arw_prev a {
}
.txtlink.arw_prev a:after {
	top:7px; bottom:auto; left:3px; right:auto;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.txtlink.arw_after a {
	padding-left:0;
	padding-right:10px;
}
.txtlink.arw_after a:after {
	left:auto; right:0;
}
.txtlink.arw_down a:after {
	top:7px; bottom:auto; left:2px; right:auto;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.txtlink.arw_after_down a {
	padding-left:0;
	padding-right:10px;
}
.txtlink.arw_after_down a:after {
	top:7px; bottom:auto; left:auto; right:0;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
/*	arw_box */
.txtlink.arw_box a {
	padding-left:25px;
}
.txtlink.arw_box a:before {
	content:' ';
	width:20px;
	height:20px;
	background:#000;
	position:absolute;
	top:2px; bottom:auto; left:0; right:auto; margin:auto;
}
.txtlink.arw_box a:after {
	border-top:solid 1px #fff;
	border-left:solid 1px #fff;
	top:8px; bottom:auto; left:5px; right:auto;
}


/*===============================================================
	
	modal 2016/10/11
		
===============================================================*/
.modal_bg {
	position:absolute;
	top:0;
	left:0;
	background:#000;
	display:none;
	z-index:9998;
}
.modal {
	position:absolute;
	top:0;
	left:0;
	width:800px;
	display:none;
	z-index:9999;
	
	transition:top 0.2s linear,left 0.1s linear;
	-moz-transition:top 0.2s linear,left 0.1s linear;
	-ms-transition:top 0.2s linear,left 0.1s linear;
	-o-transition:top 0.2s linear,left 0.1s linear;
	-webkit-transition:top 0.2s linear,left 0.1s linear;
}
.modal .close {
	position:absolute;
	width:30px; height:30px;
	top:0; right:0;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	z-index:9999;
}
.modal .close:before {
	content:" ";
	position:absolute;
	width:30px; height:2px;
	background:#fff;
	top:10px; right:0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.modal .close:after {
	content:" ";
	position:absolute;
	width:30px; height:2px;
	background:#fff;
	top:10px; right:0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.modal .close:hover {
	opacity:0.7;
}
.modal .modal_container {
	padding:0;
	position:relative;
}
.modal .modal_contents_wrp {
	position: relative;
	padding:40px;
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.modal .modal_inner {
	padding:30px;
}
.modal .modal_contents_wrp::-webkit-scrollbar {
  display: none;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.modal {
	width:100%;
}
.modal .modal_container {
}
.modal .close {
	top:5px; right:0px;
}

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.modal .modal_pager
-------------------------------------------------------------*/
.modal .modal_pager li a {
	position:absolute;
	top:0; bottom:0;
	margin:auto;
	display:block;
	width:30px;
	height:30px;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
}
.modal .modal_pager li a:after {
	position:absolute;
	content:" ";
	width:15px; height:15px;
	top:6px; left:0;
	border-top:solid 2px #fff;
	border-left:solid 2px #fff;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
.modal .modal_pager li.prev a {
	left:0;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.modal .modal_pager li.next a {
	right:0;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	.modal_container
-------------------------------------------------------------*/
.modal .modal_container .modal_header {
}
.modal .modal_container .modal_header h3 {
	font-size:25px;
	line-height:50px;
	text-align:center;
	font-weight:bold;
	text-shadow:none;
}
.modal .modal_container .modal_header p {
	font-size:14px;
	line-height:20px;
	text-align:center;
	font-weight:bold;
}
.modal .btn {
	width:560px;
	margin:0 auto;
	margin-top:40px;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.modal .modal_container .modal_header h3 {
	font-size:20px;
	line-height:25px;
	padding-top:5px;
}
.modal .btn {
	width:100%;
	margin:0 auto;
	margin-top:40px;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.modal_container .btn
-------------------------------------------------------------*/
.modal_container .btn {
	width:450px;
	margin:0 auto;
	margin-top:30px;
}
.modal_container .btn a {
	position:relative;
	display:block;
	background-color:#e63412;
	text-align:center;
	color:#fff;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	padding:20px 0;
	border-radius:5px;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 0px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 0px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 0px 0px;
	text-decoration:none;
}
.modal_container .btn a:hover {
	text-decoration:none;
	background-color:#ff6600;
}
.modal_container .btn a:after {
	position:absolute;
	content:" ";
	width:13px; height:13px;
	top:0; left:auto; bottom:0; right:10px;
	margin:auto;
	border-top:solid 2px #fff;
	border-left:solid 2px #fff;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.modal_container .btn {
	width:100%;
	margin:0 auto;
	margin-top:15px;
}
.modal_container .btn a {
	font-size:16px;
}
}	/* for SP max-width: 736px */
/*-------------------------------------------------------------
	nodata	
-------------------------------------------------------------*/
.modal .nodata {
	padding:50px 15px;
	text-align:center;
}
.modal .nodata h3 {
	font-size:16px;
	color:#fff;
}
.modal .closebtn a {
	display:block;
	width:120px;
	margin:0 auto;
	line-height:30px;
	border:solid 1px #fff;
	text-align:center;
	margin-top:20px;
	color:#fff;
}
.modal_gamedetail .closebtn a:hover {
	color:#000;
	background:#fff;
	text-decoration:none;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.modal .close {
	top:30px;
	right:0px;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	モーダル制作時の確認用
-------------------------------------------------------------*/
.modal {
	/*display:block;*/
}
.modal_demo1 .modal_inner,
.modal_demo2 .modal_inner {
	color:#fff;
	background:#333;
	padding:30px;
}




/*===============================================================
	
	基本のレイアウト
	section_contents
	
===============================================================*/
.section_contents {
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	headline	
-------------------------------------------------------------*/
.headline {
	text-align:center;
}
.headline .title {
	font-size:35px;
	line-height:1.5;
}
.headline .read {
	font-size:22px;
	line-height:1.5;
	font-weight:bold;
	margin-top:5px;
}
.headline img {
	width: 30px;
	height: auto;
	margin-bottom: 10px;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.headline img {
	margin-bottom: 5px;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	visual	
-------------------------------------------------------------*/
.section_contents .visual {
	margin-top:30px;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	content	
-------------------------------------------------------------*/
.section_contents .headline + .content, 
.section_contents .visual + .content {
	margin-top:30px;
}
.section_contents .content + .content {
	margin-top:80px;
}
/*	h3	*/
.section_contents .content h3 {
	font-size:25px;
	line-height:1.8;
}
/*	h4	*/
.section_contents .content h4 {
	font-size:18px;
	line-height:1.8;
}
/*	p	*/
.section_contents .content p {
	font-size:16px;
	line-height:2;
}
/*	margin	*/	
.section_contents .content * + h3,
.section_contents .content * + h4,
.section_contents .content * + p {
	margin-top:2em;
}
.section_contents .content h3 + p,
.section_contents .content h3 + h4,
.section_contents .content h4 + p {
	margin-top:0;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_contents .headline + .content, 
.section_contents .visual + .content {
	margin-top:15px;
}
.section_contents .content + .content {
	margin-top:30px;
}
/*	h3	*/
.section_contents .content h3 {
	font-size:20px;
}
/*	h4	*/
.section_contents .content h4 {
	font-size:16px;
}
/*	p	*/
.section_contents .content p {
	font-size:14px;
}
/*	margin	*/	
.section_contents .content * + h3,
.section_contents .content * + h4,
.section_contents .content * + p {
	margin-top:1em;
}


}	/* for SP max-width: 736px */

/*===============================================================
	
	carousel_slider（BxSlider）
	
===============================================================*/
.carousel_slider {
	color:#000;
	position:relative;
}
.carousel_slider .slide {
	background:#eee;
}
.carousel_slider .slide .inner {
	padding:30px;
}
.carousel_slider .slide img {
	width:100%; height:auto;
}
.mainvisual .textarea_pc {
	width: 1200px;
	margin: 0 auto;
	text-align: left;
}
.mainvisual .textarea_pc img {
	position: absolute;
	width: 370px;
	height: auto;
	z-index: 100;
	padding: 20px 0 0 0;
}
.mainvisual .textarea_sp {
	display: none;
}
/* タブレット以下 */
@media screen and (max-width: 1200px) {
.mainvisual .textarea_pc {
	width: 100%;
}
.mainvisual .textarea_pc img {
	padding: 20px 0 0 20px;
}
}	/* for tablet max-width: 960px */
/* タブレット以下 */
@media screen and (max-width: 960px) {
.mainvisual .textarea_pc img {
	width: 300px;
	padding: 20px 0 0 20px;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.mainvisual .textarea_pc {
	display: none;
}
.mainvisual .textarea_sp {
	display: block;
}
.mainvisual .textarea_sp img {
	width: 250px;
	height: auto;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
}	/* for SP max-width: 736px */

/*===============================================================
	
	BxSlider override
	
===============================================================*/
/*-------------------------------------------------------------
	wrapper
-------------------------------------------------------------*/
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
	border:0;
	background:#000;
	box-shadow:none;
}
/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
/*.bx-wrapper {
	padding-bottom:30px;
}*/
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	pager
-------------------------------------------------------------*/
.mainvisual .bx-wrapper .bx-pager,
.mainvisual .bx-wrapper .bx-controls-auto {
	bottom: 10px;
}
.bx-wrapper .bx-pager {
	padding-top: 0;
	text-align:center;
}
/*-------------------------------------------------------------
	pager dot
-------------------------------------------------------------*/
.mainvisual .bx-wrapper .bx-pager.bx-default-pager a {
	/*background: rgba(255,255,255,1);*/
	background: #fff;
	text-indent: -9999px;
	display:block;
	width: 10px;
	height: 10px;
	margin: 0 10px 0 0;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 10px;
	border:solid 3px rgba(255,255,255,1);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	opacity:0.4;
}

.mainvisual .bx-wrapper .bx-pager.bx-default-pager a:hover,
.mainvisual .bx-wrapper .bx-pager.bx-default-pager a.active {
	/*background: rgba(255,255,255,1);*/
	background: #fff;
	opacity:1;
}

/*-------------------------------------------------------------
	pager arw
-------------------------------------------------------------*/
.bx-wrapper .bx-controls-direction a {
	display:none;	/*	デフォルトの矢印は使わない */
	
	position: absolute;
	outline: 0;
	width:50px;
	height:50px;
	text-indent: -9999px;
	z-index: 100;
	top:0; bottom:0; margin:auto;
	border:solid 1px #fff;
	border-radius:50% 50%;
	overflow:hidden;
	display:block;
}
.bx-wrapper .bx-prev {
	left: 20px;
	background:none;
}
.bx-wrapper .bx-next {
	right:20px;
	background:none;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover {
	background:rgba(255,255,255,0.5);
}
.bx-wrapper .bx-next:after,
.bx-wrapper .bx-prev:after {
	content:'';
	position:absolute;
	top:0; bottom:0; left:0; right:0; margin:auto;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	width:12px;
	height:12px;
	-webkit-transform: rotate(-45deg) translate(-2px,-2px);
	-moz-transform: rotate(-45deg) translate(-2px,-2px);
	-ms-transform: rotate(-45deg) translate(-2px,-2px);
	transform: rotate(-45deg) translate(-2px,-2px);
	transition: all .3s;
}
.bx-wrapper .bx-prev:after {
	-webkit-transform: rotate(135deg) translate(-2px,-2px);
	-moz-transform: rotate(135deg) translate(-2px,-2px);
	-ms-transform: rotate(135deg) translate(-2px,-2px);
	transform: rotate(135deg) translate(-2px,-2px);
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*===============================================================
	
	.carousel_slider .slider
	
===============================================================*/
.carousel_slider .slider {
	position:relative;
	background:#fff;
	max-height: 500px;
}
.carousel_slider .slider .slide {
	width:100%;
	position:relative;
}
.carousel_slider .slider .owl-controls {
	display:none;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.carousel_slider .slider .slide ,
.carousel_slider .slider .slide:nth-child(even) {
	float:none;
	width:100%;
}
.carousel_slider .slider .slide img {
	width:100%;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.carousel_slider .slider .slide .slide_inner 
-------------------------------------------------------------*/
.carousel_slider .slider .slide .slide_inner {
	width:960px;
	height:500px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
.carousel_slider .slider .slide .slide_inner {
	width:100%;
	height:500px;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.carousel_slider .slider .slide .slide_inner {
	width:100%;
	height:250px;
}
}	/* for SP max-width: 736px */
/*-------------------------------------------------------------
	.carousel_slider .slider .pager
-------------------------------------------------------------*/
.carousel_slider .slider .pager {
	display: none;
	/*position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width:50px;
	height:50px;
	z-index:5;*/
}
.carousel_slider .slider .prev {
	left:10px;
}
.carousel_slider .slider .next {
	right:10px;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.carousel_slider .slider .pager a
-------------------------------------------------------------*/
.carousel_slider .slider .pager a {
	display:block;
	width:50px;
	height:50px;
	border:solid 1px #fff;
	border-radius:50% 50%;
	overflow:hidden;
	text-indent:-200%;
	position:relative;
}
.carousel_slider .slider .pager a:hover {
	background:rgba(255,255,255,0.3);
}
.carousel_slider .slider .pager a:after {
	content:'';
	position:absolute;
	top:0; bottom:0; left:0; right:0; margin:auto;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	width:12px;
	height:12px;
	-webkit-transform: rotate(-45deg) translate(-2px,-2px);
	-moz-transform: rotate(-45deg) translate(-2px,-2px);
	-ms-transform: rotate(-45deg) translate(-2px,-2px);
	transform: rotate(-45deg) translate(-2px,-2px);
	transition: all .3s;
}
.carousel_slider .slider .prev a:after {
	-webkit-transform: rotate(135deg) translate(-2px,-2px);
	-moz-transform: rotate(135deg) translate(-2px,-2px);
	-ms-transform: rotate(135deg) translate(-2px,-2px);
	transform: rotate(135deg) translate(-2px,-2px);
}
.carousel_slider .slider .pager a:hover:after {
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.carousel_slider .slider .slide_bg
-------------------------------------------------------------*/
.carousel_slider .slider .slide {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.carousel_slider .slider .slide_bg01 {
	background-image:url(../images/mainvisual/main_ph01.jpg);
}
.carousel_slider .slider .slide_bg02 {
	background-image:url(../images/mainvisual/main_ph02.jpg);
}
.carousel_slider .slider .slide_bg03 {
	background-image:url(../images/mainvisual/main_ph03.jpg);
}
.carousel_slider .slider .slide_bg04 {
	background-image:url(../images/mainvisual/main_ph04.jpg);
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.carousel_slider .slider .slide .photo
-------------------------------------------------------------*/
.carousel_slider .slider .slide .photo img {
	width: inherit;
	max-width: 100%;
	min-width: 100%;
	height: auto;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.carousel_slider .slider .slide .txt
-------------------------------------------------------------*/
.carousel_slider .slider .slide .txt {
	position:absolute;
	width:400px;
	height:160px;
	top:0; bottom:0; left:0; right:0; margin:auto;
	text-align:center;
	background:rgba(0,0,0,0.5);
	padding:20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.carousel_slider .slider .slide .txt h3 {
	font-size:25px;
	line-height:30px;
	color:#fff;
}
.carousel_slider .slider .slide .txt .btn {
	width:200px;
	margin:0 auto;
	margin-top:20px;
}
.carousel_slider .slider .slide .txt .btn a {
	display:block;
	font-size:16px;
	line-height:20px;
	padding:10px 0;
	text-align:center;
	color:#fff;
	text-decoration:none;
	border:solid 3px #fff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.carousel_slider .slider .slide .txt .btn a:hover {
	background:#fff;
	color:#000;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.carousel_slider .slider .slide .txt {
	position:static;
	width:100%;
	height:auto;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.carousel_slider .slider .controler
-------------------------------------------------------------*/
.carousel_slider .slider .controler {
	display: none;
	/*osition:absolute;
	bottom:20px;
	right:0;
	width:auto;
	height:auto;
	z-index:100;*/
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.carousel_slider .slider .controler {
	bottom:0px;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.carousel_slider .slider .controler .btn a
-------------------------------------------------------------*/
.carousel_slider .slider .controler .btn {
	width:25px;
	float:left;
	margin-left:10px;
}
.carousel_slider .slider .controler .btn a {
	display:block;
	width:25px;
	height:25px;
	background:rgba(0,0,0,0.9);
	overflow:hidden;
	text-indent:100%;
	position:relative;
}
.carousel_slider .slider .controler .btn a:hover {
	background:rgba(0,0,0,0.6);
}
.carousel_slider .slider .controler .btn a:after {
	content:'';
	position:absolute;
	top:0; bottom:0; left:0; right:0; margin:auto;
	width:6px;
	height:6px;
	border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fff;
	border-right: 5px solid transparent;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	transform: rotate(0) translateX(3px);
	transition: all .3s;
}
.carousel_slider .slider .controler .prev a:after {
	transform: rotate(180deg) translateX(3px);
}
.carousel_slider .slider .controler .btn a:hover:after {
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.carousel_slider .slider .controler .pouse a
-------------------------------------------------------------*/
.carousel_slider .slider .controler .pouse a:before,
.carousel_slider .slider .controler .pouse a:after {
	content:'';
	position:absolute;
	top:0; bottom:0; left:0; right:0; margin:auto;
	width:2px;
	height:10px;
	-webkit-transform:  translate(-2px,0);
	-moz-transform: translate(-2px,0);
	-ms-transform: translate(-2px,0);
	transform: translate(-2px,0);
	background:#fff;
	border:0;
}
.carousel_slider .slider .controler .pouse a:after {
	-webkit-transform:  translate(2px,0);
	-moz-transform: translate(2px,0);
	-ms-transform: translate(2px,0);
	transform: translate(2px,0);
}
.carousel_slider .slider .controler .pouse.active a {
	background:#eee;
}
.carousel_slider .slider .controler .pouse.active a:hover {
	background:#ccc;
}
.carousel_slider .slider .controler .pouse.active a:before,
.carousel_slider .slider .controler .pouse.active a:after {
	background:#666;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*===============================================================
	
	pagetitle_wrp
	
===============================================================*/
.pagetitle_wrp {
	width: 100%;
	height: 200px;
	text-align: center;
	box-sizing: border-box;
	display:table;
}
.pagetitle_wrp .pagetitle {
	font-size: 44px;
	line-height: 1.0;
	font-weight: bold;
	color: #71470b;
  /*text-shadow: 0px 0px 15px rgba(255, 255, 255, 1.0);*/
	vertical-align:middle;
	display:table-cell;
}
.pagetitle_about {
	background-image: url(../images/pagetitle_bg_white.png),
		url(../images/pagetitle_about.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position:center,center top;
	background-size: 50%,cover;
}
.pagetitle_medical {
	background-image: url(../images/pagetitle_bg_white.png),
		url(../images/pagetitle_medical.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position:center,center top;
	background-size: 30%,cover;
}
.pagetitle_housecall {
	background-image: url(../images/pagetitle_bg_white.png),
		url(../images/pagetitle_housecall.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position:center,center top;
	background-size: 60%,cover;
}
.pagetitle_access {
	background-image: url(../images/pagetitle_bg_white.png),
		url(../images/pagetitle_access.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position:center,center top;
	background-size: 30%,cover;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.pagetitle_wrp {
	height: 100px;
}
.pagetitle_wrp .pagetitle {
	font-size: 30px;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.pagetitle_wrp {
	height: 80px;
}
.pagetitle_wrp .pagetitle {
	font-size: 24px;
}
.pagetitle_about {
	background-size: 70%,cover;
}	
.pagetitle_medical {
	background-size: 50%,cover;
}	
.pagetitle_housecall {
	background-size: 80%,cover;
}		
}	/* for SP max-width: 736px */

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

.section_news .headline {
	font-size: 26px;
	font-weight: bold;
	color: #941f57;
	text-align: left;
}
.section_news .headline i {
	font-size: 24px;
	margin-right: 5px;
	text-align: left;
}
.section_character {
	width: 1200px;
	margin: 0 auto;
}
.section_ikaga {
	background: url(../images/bg_ikaga.jpg);
}

/* タブレット以下 */
@media screen and (max-width: 1200px) {
.section_character {
	width: 960px;
}
}	/* for tablet max-width: 960px */

/* タブレット以下 */
@media screen and (max-width: 960px) {
.section_character {
	width: 100%;
}

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_news .headline {
	font-size: 20px;
}
.section_news .headline i {
	font-size: 18px;
}

.section_address .section_inner {
	padding: 20px;
}
.section_address {
	text-align: center;
	line-height: 1.5;
}
/*.section_address .headline img {
	width: 23px;
}	*/
.section_address .top_address {
	font-size: 18px;
	line-height: 1.3;
	margin-top: 10px;
}	
.section_address .top_tel {
	font-size: 26px;
	font-weight: bold;
	color: #941f57;
}		
.section_address .top_tel i {
	margin-right: 5px;
}	
.section_address .top_fax {
	font-size: 18px;
	margin-top: -5px;
}	
}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	.section_news .news_wrp	お知らせ
-------------------------------------------------------------*/
.section_news .news_wrp {
	width: 960px;
	height: 300px;
	overflow: auto;
	background-color: #fff;
	padding: 30px;
	margin-top: 15px;
	box-sizing: border-box;
}
.section_news .news_wrp dl {
	width:100%;
	overflow:hidden;
}
.section_news .news_wrp dt {
	padding: 15px 0 0 15px;
	font-size:18px;
	font-weight:bold;
	line-height: 1.5;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.section_news .news_wrp dt:first-child {
	padding: 0 0 0 15px;
}
.section_news .news_wrp dd {
	font-size: 16px;
	line-height: 1.7;
	padding: 10px 0 15px 15px;
	border-bottom: 1px dotted #eae4dd;
}


/* タブレット以下 */
@media screen and (max-width: 960px) {
.section_news .news_wrp {
	width: 100%;
	height: 250px;
	padding: 20px;
	margin-top: 5px;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_news .news_wrp dt {
	width:100%;
	float:none;
	padding:15px 0 0 0;
	font-size:14px;
	font-weight:bold;
}
.section_news .news_wrp dt:first-child {
	padding: 0 0 0 0;
}
.section_news .news_wrp dd {
	padding:0px 0 15px 0;
	font-size:14px;
	line-height:1.5;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.section_news .medicaltime	診療時間表
-------------------------------------------------------------*/
.medicaltime table {
	width:100%;
	text-align:left;
	font-size:20px;
	line-height:20px;
	color: #785727;
	border-collapse: separate;
  border-spacing: 0;
	border-bottom:solid 1px #d8cebd;
	border-right:solid 1px #d8cebd;
	margin-top: 10px;
	box-sizing: border-box;
}
.medicaltime thead th {
	padding:10px;
	font-weight:bold;
	border:solid 1px #d8cebd;
	border-right:0;
	border-bottom:0;
	background:#fff;
	text-align: center;
	font-size:20px;
}
.medicaltime td {
	padding:10px;
	border:solid 1px #d8cebd;
	border-right:0;
	border-bottom:0;
	text-align: center;
	vertical-align: middle;
	font-size:20px;
}
.medicaltime tbody th {
	padding:10px;
	font-weight:bold;
	border:solid 1px #d8cebd;
	border-right:0;
	border-bottom:0;
	text-align: center;
	vertical-align: middle;
	font-size:20px;
}
.medicaltime tbody th span {
	color: #8d7553;
}
.medicaltime tbody tr:first-child {
	background:#f3f0e3;
}
.medicaltime tbody tr:last-child {
	background:#f3e3ea;
}
.medicaltime p {
	text-align: right;
	font-size: 18px;
	color: #785727;
}

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.medicaltime table,
.medicaltime table th,
.medicaltime table td {
	font-size:14px;
	line-height:16px;
}
.medicaltime thead th,
.medicaltime tbody th {
	padding:3px;
}
.medicaltime td {
	padding:3px;
}
.medicaltime p {
	font-size: 14px;
	line-height: 1.3;
	margin-top: 5px;
}
}	/* for SP max-width: 736px */


/*-------------------------------------------------------------	
	section_character character　当診療所の特徴
-------------------------------------------------------------*/
.headline + .character_right {
	margin-top:30px;
}
.character_right {
	background:#ede8de;
	color:#624720;
	margin-top:40px;
	position:relative;
	border-radius: 5px;
}
.character_right .photo {
	width:50%;
	float:left;
}
.character_right .photo img {
	border-radius: 5px 0 0 5px ;
}
.character_right .title {
	width:50%;
	float:right;
	padding:30px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align: left;
	display:table-cell;
  vertical-align:middle;
}
.character_left {
	background:#e3d9c2;
	color:#624720;
	margin-top:40px;
	position:relative;
	border-radius: 5px;
}
.character_left .photo {
	width:50%;
	float:right;
}
.character_left .title {
	width:50%;
	float:left;
	padding:30px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align: left;
}
.character_left .photo img {
	border-radius: 0 5px 5px 0 ;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
.headline + .character_right {
	margin-top:20px;
}
.character_left,
.character_right {
	margin-top: 30px;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.character_left,
.character_right {
	margin-top: 20px;
}
.character .photo {
	width:100%;
	float:none;
}
.character .photo img {
	border-radius: 5px 5px 0 0 ;
}
.character .title {
	width:100%;
	float:none;
	padding:15px 20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#624720;
	border-radius: 5px;
}
.character_right {
		background:#ede8de;
	}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.character .title　当診療所の特徴
-------------------------------------------------------------*/
.character .title h3 {
	font-size:35px;
	line-height:1.3333;
	font-weight:bold;
	color: #941f57;
	margin-top: 60px;
}
.character .title2 h2 {
	font-size:26px;
}
.character .title p {
	font-size:18px;
	line-height:1.8;
	margin-top: 20px;
}
/* タブレット以下 */
@media screen and (max-width: 1200px) {
.character .title h3 {
	font-size: 30px;
	margin-top: 0;
}

}	/* for tablet max-width: 960px */
/* タブレット以下 */
@media screen and (max-width: 960px) {
.character .title h3 {
	font-size:24px;
}
.character .title p {
	font-size:16px;
	line-height:1.6;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.character .title h2,
.character .title2 h2 {
	font-size:20px;
}
.character .title h3 {
	font-size:22px;
}
.character .title p {
	font-size:16px;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	初診の方へ
-------------------------------------------------------------*/
.section_firstvisit .gridconatiner {
	margin-top: -20px;
}
.section_firstvisit .grid {
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
	padding: 20px;
	box-sizing: border-box;
}
.section_firstvisit .number_title {
	font-size: 22px;
	font-weight: bold;
	color: #941f57;
}
.section_firstvisit .maru {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-flow: column wrap; 
  vertical-align: top;
	background-color: #941f57;
}
.section_firstvisit .size_normal{
  width: 22px;
  height: 22px;
	margin-right: 5px;
	box-sizing: border-box ;
}
.section_firstvisit .letter_large {
  font-size: 16px;
  line-height: 16px;
	color: #fff;
	margin-top: -2px;
}
.section_firstvisit .grid img {
	margin-top: 10px;
}
.section_firstvisit .grid p {
	font-size: 16px;
	line-height: 1.5;
	margin-top: 10px;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_firstvisit .gridconatiner {
	margin-top: 0;
}
.size_normal{
  width: 22px;
  height: 22px; ;
}
.section_firstvisit .grid {
	padding: 15px;
}
.section_firstvisit img {
	margin-top: 0;
}
}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	五十河診療所
-------------------------------------------------------------*/
.section_ikaga .headline {
	font-size: 32px;
	line-height: 1.2;
	font-weight: bold;
	color: #5b9045;
	font-family: "Noto Sans Japanese";
}
.ikaga_wrp {
	border: 1px solid #5b9045;
	padding: 30px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 5px;
	margin-top: 10px;
	color: #555;
}
.ikaga_wrp h4 {
	font-size: 20px;
	font-weight: normal;
	color: #5b9045;
}
.ikaga_wrp h3 {
	font-size: 32px;
	font-weight: bold;
	color: #5b9045;
	margin-top: 10px;
}
.ikaga_wrp h3 span {
	font-size: 18px;
	font-weight: normal;
}
.ikaga_wrp .ikaga_address {
	font-size: 20px;
	font-weight: normal;
	margin-top: 10px;
}
.ikaga_wrp .ikaga_tel {
	font-size: 35px;
	line-height: 1.0;
	font-weight: bold;
}
.ikaga_wrp .ikaga_fax {
	font-size: 20px;
	font-weight: normal;
}
.ikaga_wrp .ikaga_manager {
	font-size: 20px;
	font-weight: normal;
	margin-top: 10px;
}
.ikaga_wrp .ikaga_etc {
	font-size: 16px;
	line-height: 1.3;
	margin-top: 10px;
}
.ikaga_wrp .btn_detail.ikaga {
	width: 260px;
	margin: 0 auto;
	margin-top: 40px;
}
.ikaga_wrp .btn_detail.ikaga a {
	background-color: #5b9045;
	padding: 15px;
}
.ikaga_wrp .btn_detail.ikaga a:hover {
	background-color: #75b959;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_ikaga .headline {
	font-size: 22px;
}
.ikaga_wrp {
	padding: 15px;
}
.ikaga_wrp .ikaga_address {
	font-size: 18px;
	line-height: 1.5;
	text-align: left;
}
.ikaga_wrp .ikaga_fax {
	font-size: 18px;
	text-align: left;
	margin-top: 5px;
}
.ikaga_wrp .ikaga_tel {
	font-size: 30px;
	text-align: left;
	margin-top: 10px;
}
.ikaga_wrp .ikaga_manager {
	font-size: 18px;
	text-align: left;
}
.ikaga_wrp .ikaga_etc {
	text-align: left;
	line-height: 1.5;
}
.ikaga_wrp .btn_detail.ikaga {
	width: 100%;
	margin-top: 20px;
}
}	/* for SP max-width: 736px */
/*-------------------------------------------------------------
	.footer_wrp .medicaltime	
-------------------------------------------------------------*/
.footer_wrp .medicaltime table {
	font-size:15px;
	line-height:20px;
	margin-top: 10px;
}
.footer_wrp .medicaltime thead th {
	padding:5px;
	font-size:15px;
}
.footer_wrp .medicaltime td {
	padding:5px;
	font-size:15px;
}
.footer_wrp .medicaltime tbody th {
	padding:5px;
	font-size:15px;
}
.footer_wrp .medicaltime tbody th span {
	color: #8d7553;
}
.footer_wrp .medicaltime p {
	font-size:13px;
}

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */




/*===============================================================
	
	診療内容
	
===============================================================*/
.medical h3 {
	font-size: 24px;
	line-height: 1.3;
	font-weight: bold;
	color: #826336;
	text-align: center;
	margin-top: 30px;
}
.medical li,
.medical p {
	font-size: 17px;
}
.medical .gridconatiner {
	margin-top: -20px;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.medical .gridconatiner {
	margin-top: 0;
}
.medical li,
.medical p {
	font-size: 16px;
}
.medical h3 {
	font-size: 20px;
	margin-top: 10px;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	01 内科・小児科
-------------------------------------------------------------*/
.section_medical01 .symptom {
	background-color: #ede8de;
	padding: 20px 25px ;
	box-sizing: border-box;
	margin-top: 20px;
}
.section_medical01 .symptom {
	font-weight: bold;
}
.section_medical01 .symptom i {
	color: #941f57;
	margin-right: 5px;
}
.section_medical01 .symptom .grid {
	margin-top: 10px;
}
.section_medical01 .symptom li {
	line-height: 3.0;
}
.section_medical01 .narrow_width {
	margin-top: 60px;
}
.section_medical01 h3 + p {
	margin-top: 20px;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.section_medical01 .symptom li {
	margin-top: 20px;
	line-height: 1.5;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_medical01 .symptom {
	padding: 10px 20px 20px 20px;
	margin-top: 10px;
}
.section_medical01 .symptom .grid:first-child {
	margin-top: -10px;
}
.section_medical01 .symptom .grid {
	margin-top: 0;
}
.section_medical01 .narrow_width {
	margin-top: 40px;
}
.section_medical01 h3 + p {
	margin-top: 10px;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	02 予防接種
-------------------------------------------------------------*/
.section_medical02 .grid img {
	border-radius: 5px;
}
.section_medical02 .grid ul {
	float: left;
	margin: 0 20px;
}
.section_medical02 .grid li {
	padding-left: 1em; 
  text-indent: -.7em;
	line-height: 2.0;
}

.section_medical02 .grid li:before {
    content: "● ";
    color: #826336;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.section_medical02 .grid ul {
	margin: 0 6px;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.medical .section_medical02 .gridconatiner {
	margin-top: -10px;
}
.section_medical02 .grid ul {
	margin: 0;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	03 検査内容
-------------------------------------------------------------*/
.section_medical03 h4 {
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.section_medical03 .grid li {
	padding-left: 1em; 
  text-indent: -.7em;
	line-height: 2.0;
}

.section_medical03 .grid li:before {
    content: "● ";
    color: #941f57;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_medical03 h4 {
	font-size: 18px;
	margin-bottom: 5px;
}
.section_medical03 .grid li {
	line-height: 1.5;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	04 院内風景・医療設備
-------------------------------------------------------------*/
.section_medical04 .content {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.section_medical04 .gridconatiner {
	margin-top: -10px;
}
.section_medical04 .content .grid:nth-child(n+5) {
	margin-top: 30px;
}
/* タブレット以下 */
@media screen and (max-width: 1200px) {
.section_medical04 .content {
	width: 95%;
}
}	/* for tablet max-width: 960px */
/* タブレット以下 */
@media screen and (max-width: 960px) {
.section_medical04 .content {
	width: 100%;
}
.section_medical04 .gridconatiner {
	margin-top: 0;
}
.section_medical04 .content .grid:nth-child(n+5) {
	margin-top: 20px;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*===============================================================
	
	section_about 診療所紹介
	
===============================================================*/
.about .gridconatiner  {
	margin-top: -10px;
}
.about li {
	font-size: 16px;
}
.section_about01 .about01_wrp {
	padding: 40px;
	box-sizing: border-box;
	margin-top: 30px;
	border-radius: 5px;
	background: #f3e6e4 ;
}
.section_about04 ul{
	margin-top: 40px;
}
.section_about01 li:first-child {
	margin-top: 0;
}
.section_about01 li {
	font-size: 22px;
	margin-top: 30px;
	line-height: 1.5;
}
.section_about01 i {
	color: #941f57;
	margin-right: 5px;
	font-size: 20px;
}
.section_about02 .grid img  {
	border-radius: 10px;
}
.section_about02 p {
	font-size: 16px;
}
.section_about02 p + p{
	margin-top: 15px;
}
.section_about02 .fitimg + p {
	font-size: 14px;
	text-align: center;
}
.section_about03 h4 {
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.section_about03 .grid li {
	padding-left: 1em; 
  text-indent: -.7em;
	line-height: 2.0;
}
.section_about03 .grid li:before {
    content: "● ";
    color: #826336;
}
.section_about03 ul + h4 {
	margin-top: 15px;
}
.section_about04 li {
	line-height: 2.5;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.section_about01 .about01_wrp {
	padding: 30px;
}
.section_about01 li {
	font-size: 20px;
	margin-top: 20px;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.about .gridconatiner  {
	margin-top: 0;
}
.section_about01 .about01_wrp {
	background: #f3e6e4 ;
}
.section_about04 ul {
	margin-top: 20px;
}
.section_about01 li {
	font-size: 18px;
	line-height: 1.5;
}
.section_about01 li + li ,
.section_about04 li + li{
	margin-top: 10px;
}
.section_about03 h4 {
	font-size: 18px;
	margin-bottom: 5px;
}
.section_about03 h4 + ul {
	margin-top: 10px;
}
.section_about04 li {
	line-height: 1.5;
}
.section_about04 li + li{
	margin-top: 15px;
}
}	/* for SP max-width: 736px */

/*===============================================================
	
	section_housecall　訪問診療・往診
	
===============================================================*/
.housecall .gridconatiner  {
	margin-top: -10px;
}
.housecall li,
.housecall p{
	font-size: 16px;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	housecall01　訪問診療・往診
-------------------------------------------------------------*/
.section_housecall01 h4 {
	color: #826336;
	font-size: 20px;
	font-weight: bold;
}
.section_housecall01 p {
	margin-top: 10px;
}
.section_housecall01 p + h4 {
	margin-top: 20px;
}
.section_housecall01 .grid img {
	border-radius: 5px;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_housecall01 p {
	margin-top: 0;
}
}	/* for SP max-width: 736px */
/*-------------------------------------------------------------
	housecall02　対象・時間・エリア
-------------------------------------------------------------*/
.section_housecall02 h4 {
	color: #826336;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #e3d9c2;
	padding-bottom: 10px;
}
.section_housecall02 p {
	margin-top: 10px;
}
.section_housecall02 p + h4 {
	margin-top: 40px;
}
.section_housecall02 span {
	color: #826336;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_housecall02 h4 {
	padding-bottom: 5px;
}
.section_housecall02 p {
	margin-top: 5px;
}
.section_housecall02 p + h4 {
	margin-top: 20px;
}
}	/* for SP max-width: 736px */
/*-------------------------------------------------------------
	housecall03　当診療所でできること
-------------------------------------------------------------*/
.section_housecall03 h3,
.section_housecall05 h3 {
	font-size: 24px;
	line-height: 1.3;
	font-weight: bold;
	color: #826336;
	text-align: center;
	margin-top: 30px;
}
.section_housecall03 h3 + p,
.section_housecall05 h3 + p {
	text-align: center;
	font-size: 18px;
	margin-top: 5px;
}
.section_housecall03 .cando {
	margin-top: 30px;
}
.section_housecall03 ul {
	float: left;
	width: 30%;
	margin-left: 25px;
	box-sizing: border-box;
}
.section_housecall03 li {
	padding-left: 1em; 
  text-indent: -.7em;
	line-height: 2.0;
}

.section_housecall03 li:before {
    content: "● ";
    color: #826336;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.section_housecall03 ul {
	width: 29%;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_housecall03 ul {
	float: none;
	width: 95%;
	margin-left: 0;
}
.section_housecall03 h3,
.section_housecall05 h3 {
	font-size: 24px;
margin-top: 10px;
}
.section_housecall03 h3 + p,
.section_housecall05 h3 + p {
	font-size: 16px;
	line-height: 1.3;
	margin-top: 5px;
}
.section_housecall03 .cando {
	margin-top: 10px;
}
}	/* for SP max-width: 736px */
/*-------------------------------------------------------------
	housecall04　訪問診療の流れ
-------------------------------------------------------------*/
.section_housecall04 .step {
	background: #941f57;
	color: #fff;
	font-size: 16px;
	line-height: 32px;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	width: 80px;
	margin: 0 auto;
	box-sizing: border-box;
}
.section_housecall04 .step_title {
  color: #941f57;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}
.section_housecall04 .grid {
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
	padding: 20px;
	box-sizing: border-box;
}
.section_housecall04 p {
	margin-top: 10px;
}
.section_housecall04 p span {
	font-weight: bold;
	font-size: 20px;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	housecall05　費用について
-------------------------------------------------------------*/
.section_housecall05 p + p {
	margin-top: 20px;
	font-size: 18px;
	line-height: 2.0;
}
.section_housecall05 .maru {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-flow: column wrap; 
  vertical-align: top;
	background-color: #941f57;
}
.section_housecall05 .size_normal{
  width: 22px;
  height: 22px;
	margin-right: 5px;
	box-sizing: border-box ;
}
.section_housecall05 .letter_large {
  font-size: 16px;
  line-height: 16px;
	color: #fff;
	margin-top: -2px;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_housecall05 p + p {
	font-size: 18px;
	line-height: 1.5;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	housecall06　よくある質問
-------------------------------------------------------------*/
.section_housecall06 ul {
	margin-top: 40px;
	padding-bottom: 30px;
	border-bottom: 1px solid #eee;
}
.section_housecall06 li {
	font-size: 18px;
	line-height: 28px;
}
.question {
	color: #826336;
	font-weight: bold;
	border-top: 1px solid #eee;
	padding: 30px 0 15px ;
	margin-top: 30px;
}
.answer {
	font-weight: normal;
}
.section_housecall06 .maru {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-flow: column wrap; 
  vertical-align: top;
}
.section_housecall06 .size_normal{
  width: 28px;
  height: 28px;
}
.section_housecall06 .letter_large {
  font-size: 1.2em;
	line-height: 1.2em;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 700 ;
}
.qa_q {
	background-color: #826336;
	color: #fff;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_housecall06 ul {
	margin-top: 20px;
	padding-bottom: 20px;
}
.section_housecall06 li {
	font-size: 16px;
	line-height: 28px;
}
.question {
	padding: 10px 0 10px ;
	margin-top: 10px;
}
}	/* for SP max-width: 736px */


/*===============================================================
	
	section_access アクセス
	
===============================================================*/
.headline.ikaga {
	color: #5b9045;
}
.access .map {
	margin-top: 20px;
}
.access .map p {
	text-align: right;
	font-size: 13px;
}
.map_title {
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
}
.map_address,
.map_bus {
	font-size: 18px;
	line-height: 1.3;
	margin-top: 10px;
}
.map_bus i {
	margin-right: 5px;
	color: #826336;
}
.map_parking {
	background: url(../images/bg.jpg);
	padding: 30px;
	box-sizing: border-box;
	margin-top: 30px;
}
.parking_title {
	font-size: 24px;
	font-weight: bold;
	color: #826336;
}
.map_parking p {
	font-size: 18px;
	margin-top: 20px;
}
.map_parking img {
	border-radius: 5px;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.access .map iframe {
	width: 100%;
	height: auto;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.map_title {
	font-size: 18px;
}
.access .map p {
	text-align: left;
}
.map_address,
.map_bus {
	font-size: 16px;
}
.map_parking {
	padding: 	10px;
	margin-top: 20px;
}
.parking_title {
	font-size: 18px;
}
.map_parking p {
	font-size: 16px;
	margin-top: 10px;
}
}	/* for SP max-width: 736px */


/*-------------------------------------------------------------

notice_bar

-------------------------------------------------------------*/
.notice_bar{
	width:100%;
	padding:20px 0;
	color:#fff;
	background:rgba(216,22,26,0.9);
	z-index:1;	
	position:fixed;
	bottom:0;	
	left:0;
	}
.notice_bar p{
	text-align:center;
	line-height:25px;
	}
.notice_bar a{
	color:#fff;
 }
.notice_bar a:hover{
	opacity:0.7;
 }
/* タブレット以下 */
@media screen and (max-width: 960px) {
.notice_bar{
	padding:20px 0;
	}	
.notice_bar p {
	font-size:12px;
	line-height:20px;
	text-align:left;
	padding:0 80px 0 50px;
}	
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	お知らせが無い場合のテキスト	
-------------------------------------------------------------*/
.nopost_wrp {
	padding-bottom: 50px;
	margin-top: 10px;
}
.nopost {
	text-align: center;
	padding: 30px;
	background: #fff;
}
.nopost p {
	font-size: 18px;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

.nopost_wrp {
	padding-bottom: 30px;
}
.nopost {
	padding: 20px;
}
	
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.nopost p {
	font-size: 14px;
	line-height: 1.3;
	margin-top: 5px;
}
	
}	/* for SP max-width: 736px */


/*-------------------------------------------------------------	
/* 404 NOT FOUND
----------------------------------------------------------------*/

.notfound {
	width:auto;
	max-width:450px;
	margin:0 auto;
	text-align:center;
	padding:50px 0 200px;
}
.notfound h3 {
	color:#f83750;
	font-size:25px;
	line-height:1.4;
	font-weight:bold;
}
.notfound h4 {
	margin-top:30px;
	font-size:20px;
	line-height:1.4;
	font-weight:bold;
}
.notfound p {
	margin-top:10px;
	font-size:16px;
	line-height:1.4;
}
.notfound li {
	list-style-type:square;
	margin-left:20px;
	text-align:left;
}
.notfound .box {
	display:block;
	background:#f1f7f9;
	padding:30px;
	margin:20px 0;
}


/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.notfound {
	padding:20px 0 0;
}
.notfound h3 {
	font-size:20px;
}
.notfound h4 {
	font-size:16px;
	margin-top:20px;
}
.notfound p {
	font-size:14px;
	margin-top:5px;
}
.notfound .box {
	padding:20px;
}

}	/* for SP max-width: 736px */