@charset "utf-8";
/*
Theme Name:GENSEN
Theme URI:
Description:WordPressテーマ「GENSEN」
Author:Design Plus
Author URI:http://design-plus1.com/tcd-w/
Version:1.0
Text Domain:tcd-w
*/




/* ------------------------------------------------------------------------------------
 web fonts　ウェブフォントファイルを変更した場合はv=1.0の数字を変更（キャッシュ対策）
------------------------------------------------------------------------------------ */
@font-face {
    font-family: 'design_plus';
    src: url('../fonts/design_plus.eot');
    src: url('../fonts/design_plus.eot') format('embedded-opentype'),
         url('../fonts/design_plus.woff') format('woff'),
         url('../fonts/design_plus.ttf') format('truetype'),
         url('../fonts/design_plus.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* アイコンフォント */
.icon-arrow-right:before {
  content: "\e910";
}

.icon-file-text:before {
  content: "\f15c";
}

.icon-share-alt:before {
  content: "\f1e0";
}

.icon-phone:before {
  content: "\f095";
}

.icon-envelope:before {
  content: "\f0e0";
}

.icon-tag:before {
  content: "\f02b";
}

.icon-pencil:before {
  content: "\f040";
}

.icon-close:before {
  content: "\e91a";
  font-family: 'design_plus';
}





/* ----------------------------------------------------------------------
 reset css
---------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, 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; outline:0; font-size:100%; vertical-align:baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio, canvas, video { display:inline-block; max-width:100%; }
html { overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
ul, ol { list-style:none; }
blockquote , q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a:focus { outline:none; }
ins { text-decoration:none; }
mark { font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
button, input, select, textarea { outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; font-size:100%; }
input, textarea { background-image:-webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); -webkit-appearance:none; border-radius:0; /* Removing the inner shadow, rounded corners on iOS inputs */ }
input[type="checkbox"]{ -webkit-appearance:checkbox; }
input[type="radio"]{ -webkit-appearance:radio; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
img { -ms-interpolation-mode:bicubic; }

/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix { display:block; }
/* end MacIE5 */


/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
body { font-family:Arial,sans-serif; font-size:14px; color:#000; line-height:1; width:100%; min-width:1330px; background:#fff; }
a { color:#000; text-decoration:none; }
a, a .caption, input {
  -webkit-transition-property:background-color, color, border-color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
  -moz-transition-property:background-color, color, border-color; -moz-transition-duration:0.2s; -moz-transition-timing-function:ease;
  -ms-transition-property:background-color, color, border-color; -ms-transition-duration:0.2s; -ms-transition-timing-function:ease;
  -o-transition-property:background-color, color, border-color; -o-transition-duration:0.2s; -o-transition-timing-function:ease;
  transition-property:background-color, color, border-color; transition-duration:0.2s; transition-timing-function:ease;
}
a:hover { color:#b69e84; text-decoration:none; }
.clear { clear:both; }
.hide { display:none; }

/* レイアウト */

#main_contents { width:100%; position:relative; }
#main_col {
  max-width:1200px; margin:50px auto 150px; padding:0;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.l-inner { margin-left: auto; margin-right: auto; position: relative; width: 88.28125%; max-width: 1130px; }

.l-inner--narrow { width: 79.64602%; max-width: 900px; }

/* ----------------------------------------------------------------------
 レイアウト
---------------------------------------------------------------------- */
@media only screen and (max-width:1329px) {
  body { min-width:300px; }

  #main_col { width:90.22556%; /* 1200/1330 */ }
}

@media only screen and (max-width:991px) {
  body { font-size:12px; }

  #main_col { width:initial; padding:0 20px; }
  #main_col { /*margin:30px 0 33px;*/ margin:16px 0 33px; }

}




/* ----------------------------------------------------------------------
ローディングアイコン
---------------------------------------------------------------------- */


#site_wrap { display:none; }
#site_loader_overlay {
  position: fixed; background:#fff; background:rgba(255,255,255,1);
	top:0px; left:0px; bottom:0px; right:0px;
	z-index: 99999; opacity:1;
	-webkit-transition: opacity 0.3s; transition: opacity 0.3s;
}
#site_loader_spinner {
  width:60px; height:60px; border-radius:100%; margin-top:-30px; margin-left:-30px;
  border:4px solid #ccc; border-top-color:#666; box-sizing:border-box;
  position:absolute; top:50%; left:50%;
  animation:loading 1.2s linear infinite;
  -webkit-animation:loading 1.2s linear infinite;
}
@keyframes loading{
  0% { transform:rotate(0deg); }
  100% { transform:rotate(360deg); }
}
@-webkit-keyframes loading{
  0% {-webkit-transform:rotate(0deg); }
  100% {-webkit-transform:rotate(360deg); }
}

/* ----------------------------------------------------------------------
ローディングアイコンここまで
---------------------------------------------------------------------- */




/* ----------------------------------------------------------------------
ニュースscript
---------------------------------------------------------------------- */

.p-news-ticker {
	background: rgba(0, 82, 149, 0.4);
	font-size: 14px;
	height: 65px;
	line-height: 65px;
	overflow: hidden;
	position: relative;
	margin-top: -65px;
	margin-bottom: 90px;
}
.p-news-ticker a { color: #fff; }

.p-news-ticker__list { position: relative; width: 100%; }

.p-news-ticker__item { display: none; width: 100%; }
.p-news-ticker__item a:hover { color: #e37100; }

.p-news-ticker__item-date { color: #def5f8; margin-right: 20px; }

.p-news-ticker__archive-link { margin: auto; position: absolute; top: 0; right: 0; bottom: 0; z-index: 100; }
.p-news-ticker__archive-link::after { content: "\e910"; display: inline-block; font-family: "design_plus"; margin-left: 16px; transition-property: none; }
.p-news-ticker__archive-link:hover { color: #e37100; }




@media only screen and (max-width:991px) {
  .p-news-ticker {
	 background: rgba(0, 0, 0, 10); 
	box-sizing: border-box;
	font-size: 12px;
	height: 115px;
	line-height: 1.6;
	padding-top: 17px;
	margin-top: 0px;
  }
  .p-news-ticker__inner {
    height: 100%
  }
  .p-news-ticker__archive-link {
    line-height: 1;
    top: auto;
    bottom: 20px;
    right: 0
  }
  .p-news-ticker__archive-link::after {
    margin-left: 10px
  }
  .p-news-ticker__item-date {
    display: block;
    font-size: 10px;
    line-height: 1;
    margin-bottom: 6.4px
  }
}
/* ----------------------------------------------------------------------
ニュースscriptここまで
---------------------------------------------------------------------- */


/* ----------------------------------------------------------------------
ページ上部へ戻るボタン
---------------------------------------------------------------------- */

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
   z-index: 999; /* これでどうですか？ */

}
 
#pageTop i {
  padding-top: 6px
}
 
#pageTop a { display:block; height:60px; width:60px; line-height:60px; text-decoration:none; background:rgba(0,0,0,0.2); z-index:100; position:relative; }
#pageTop span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; } 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
#pageTop a:before {
  font-family:'design_plus'; color:#fff; font-size:12px; display:block; position:absolute; width:18px; height:18px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#pageTop a:before { content:'\e911'; left:24px; top:2px; }
#pageTop.active { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }


/* ----------------------------------------------------------------------
ページ上部へ戻るボタンここまで
---------------------------------------------------------------------- */

/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */
#header {
	width: 100%;
	min-width: 1250px;
	height: 80px;
	background: #fff;
	position: relative;
	z-index: 20;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #299bd1;
}
#header_inner { height:80px; width:1250px; margin:0 auto; position:relative; }





/* ロゴ */
.pc #logo_text, .pc #logo_image { position:absolute; left:25px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.pc #header_logo .logo { font-size:20px; margin:0; }
.pc #header_logo .logo a { text-decoration:none; }
.pc #logo_image img { display:block; }
#logo_image img { width:55%; height:55%; }

/* グローバルメニュー */
.pc #global_menu { float:right; }
.pc #global_menu > ul { height:80px; font-size:0; position:relative; }
.pc #global_menu > ul > li { font-size:1%; position:relative; display:inline-block; font-weight:bold; }

.pc #global_menu > ul > li > a {
  font-size:12px; text-decoration:none; height:80px; line-height:80px; display:block; padding:0 30px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.pc #global_menu > ul > li > a:hover { }

.pc #global_menu ul ul { display:none; width:200px; position:absolute; top:80px; left:-2px; margin:0; padding:0; font-weight:normal; }
.pc #global_menu ul ul ul { left:100%; top:0; margin:0; border:none; }
.pc #global_menu ul ul li { line-height:150%; padding:0; margin:0; text-align:left; position:relative; display:block; }
.pc #global_menu ul ul a { display:block; font-size:11px; background:#222; border:none; position:relative; padding:14px 20px 12px 20px; height:auto; line-height:160%; margin:0; text-align:left; box-shadow:none; color:#fff; }
.pc #global_menu ul ul a:hover { text-decoration:none; border:none; color:#fff; }

.pc #global_menu ul ul li.menu-item-has-children > a:before { margin:0; display:block; top:20px; right:10px; position:absolute; content:""; width:0; height:0; border-style:solid; border-width:4px 0px 4px 4px; border-color:transparent transparent transparent #fff; }
.pc #global_menu li li.current-menu-item > a { color:#fff; }


.pc #global_menu ul ul a
 { background-color:#00698C; }

.pc #global_menu ul ul a:hover
 { background-color:#00516C; }







@media only screen and (min-width: 512px) and (max-width: 770px) {
		body { min-width:0; }

/* レイアウト */
#header { height:55px; width:100%; min-width:0; background:#fff; position:relative; left:0px; top:0px; z-index:100; border-bottom:1px solid #ccc; /* box-shadow:0 1px 4px 0 rgba(0,0,0,0.2); */ margin:0; }
#header_inner { height:auto; width:100%; height:55px; margin:0; position:relative; }
.mobile .mobile_header_fix #header { position:fixed; }
.mobile .mobile_header_fix #main_contents { margin-top:56px; }
.mobile .mobile_header_fix #header_slider { margin-top:56px; }
.mobile .home.mobile_header_fix #main_contents { margin-top:0; }


/* PCのスタイルをリセット　iPadの回転対策 */
.pc #header_logo #logo_text, .pc #header_logo #logo_image { width:auto; }


/* メニューボタン */
a.menu_button {
   position:absolute; right:0px; z-index:9; border-left:1px solid #ddd;
   display:inline-block; font-size:11px; color:#333; width:56px; height:56px; line-height:56px; text-decoration:none;
}
a.menu_button span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
a.menu_button:before {
  font-family:'design_plus'; color:#888; display:block; position:absolute; top:17px; left:19px;
  font-size:18px; width:24px; height:24px; line-height:24px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
a.menu_button:before { content:'\f0c9'; }
a.menu_button:hover, a.menu_button.active { background:#333; }
a.menu_button:hover:before, a.menu_button.active:before { color:#fff; }


/* グローバルメニュー */
#global_menu { display:none; clear:both; width:100%; margin:0; top:56px; position:absolute; z-index:9; box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1); }
#global_menu ul { margin:0; }
#global_menu ul ul { display:none; }
#global_menu a {
  position:relative; display:block;  margin:0; padding:0px 15px; height:50px; line-height:50px; overflow:hidden; text-decoration:none;
  color:#fff; background:#333; font-size:13px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#global_menu a:hover { color:#fff; }
#global_menu ul ul a { padding-left:28px; background:#222; }
#global_menu ul ul ul a { padding-left:42px; background:#111; }
#global_menu ul ul ul ul a { padding-left:55px; background:#000; }
#global_menu li.menu-item-has-children { position:relative; }
#global_menu .child_menu_button { display:block; position:absolute; text-align:center; width:60px; height:49px; right:0px; top:1px; z-index:9; cursor:pointer;  }
#global_menu .child_menu_button .icon:before {
  content:'+'; font-size:13px; color:#aaa; text-align:center;
  display:block; width:20px; height:20px; line-height:20px; border:1px solid #555; border-radius:100%;
  position:absolute; left:20px; top:15px;
}
#global_menu .child_menu_button.active .icon:before, #global_menu .child_menu_button:hover .icon:before { color:#fff; border-color:#fff; }
#global_menu li.menu-item-has-children.open > .child_menu_button .icon:before { content:'-'; }
#global_menu li.menu-item-has-children.open > ul { display:block; }


#logo_image { margin:0 0 0 15px; z-index:10; float:left; text-align:left; }

#logo_image h1 img {
	display: block;
	margin-top: 15px;
	width:50%; height:50%; 
}


}


@media screen and (max-width:511px) {
	
	body { min-width:0; }

/* レイアウト */
#header { height:55px; width:100%; min-width:0; background:#fff; position:relative; left:0px; top:0px; z-index:100; border-bottom:1px solid #ccc; /* box-shadow:0 1px 4px 0 rgba(0,0,0,0.2); */ margin:0; }
#header_inner { height:auto; width:100%; height:55px; margin:0; position:relative; }
.mobile .mobile_header_fix #header { position:fixed; }
.mobile .mobile_header_fix #main_contents { margin-top:56px; }
.mobile .mobile_header_fix #header_slider { margin-top:56px; }
.mobile .home.mobile_header_fix #main_contents { margin-top:0; }


/* PCのスタイルをリセット　iPadの回転対策 */
.pc #header_logo #logo_text, .pc #header_logo #logo_image { width:auto; }


/* メニューボタン */
a.menu_button {
   position:absolute; right:0px; z-index:9; border-left:1px solid #ddd;
   display:inline-block; font-size:11px; color:#333; width:56px; height:56px; line-height:56px; text-decoration:none;
}
a.menu_button span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
a.menu_button:before {
  font-family:'design_plus'; color:#888; display:block; position:absolute; top:17px; left:19px;
  font-size:18px; width:24px; height:24px; line-height:24px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
a.menu_button:before { content:'\f0c9'; }
a.menu_button:hover, a.menu_button.active { background:#333; }
a.menu_button:hover:before, a.menu_button.active:before { color:#fff; }


/* グローバルメニュー */
#global_menu { display:none; clear:both; width:100%; margin:0; top:56px; position:absolute; z-index:9; box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1); }
#global_menu ul { margin:0; }
#global_menu ul ul { display:none; }
#global_menu a {
  position:relative; display:block;  margin:0; padding:0px 15px; height:50px; line-height:50px; overflow:hidden; text-decoration:none;
  color:#fff; background:#333; font-size:13px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#global_menu a:hover { color:#fff; }
#global_menu ul ul a { padding-left:28px; background:#222; }
#global_menu ul ul ul a { padding-left:42px; background:#111; }
#global_menu ul ul ul ul a { padding-left:55px; background:#000; }
#global_menu li.menu-item-has-children { position:relative; }
#global_menu .child_menu_button { display:block; position:absolute; text-align:center; width:60px; height:49px; right:0px; top:1px; z-index:9; cursor:pointer;  }
#global_menu .child_menu_button .icon:before {
  content:'+'; font-size:13px; color:#aaa; text-align:center;
  display:block; width:20px; height:20px; line-height:20px; border:1px solid #555; border-radius:100%;
  position:absolute; left:20px; top:15px;
}
#global_menu .child_menu_button.active .icon:before, #global_menu .child_menu_button:hover .icon:before { color:#fff; border-color:#fff; }
#global_menu li.menu-item-has-children.open > .child_menu_button .icon:before { content:'-'; }
#global_menu li.menu-item-has-children.open > ul { display:block; }


/* ロゴ */



#logo_image { margin:0 0 0 15px; z-index:10; float:left; text-align:left; }

#logo_image h1 img {
	display: block;
	margin-top: 15px;
		width:40%; height:40%; 
}


}



/* ----------------------------------------------------------------------
 ヘッダーここまで
---------------------------------------------------------------------- */



/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
#footer_top {
	background: #eee;
	min-width: 1200px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #29abe2;
	
}
#footer_top_inner {
	width: 1200px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 24px;
	background-color: #eee;
	padding-bottom: 36px;
}

.footer_logo_02 {
	width: 15%;
	display: block;
    margin-left: auto;
    margin-right: auto ;
}	

/* menu list */
#footer_menu { margin:0; }
.footer_menu { display:inline-block; margin:0 10px; width:170px; vertical-align:top; }
.footer_menu li { text-align:left; margin:0 0 10px 0; font-size:12px; line-height:180%; }
.footer_menu li:first-child { margin:0 0 20px 0; }
.footer_menu a { display:block; transition:.3s ease-in-out; }
.footer_menu a:hover { text-decoration:underline !important; }
.footer_menu li:first-child a, .footer_menu li:only-child a { font-size:14px; }
.footer_menu li { pointer-events:none; text-decoration:none; color:#222; }
.no_link a {

	font-weight: bold;
}


/* フッター最下部 */
#footer_bottom {
	position: relative;

	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
	background-color: #eee;
}




/* メニュー */
#footer_menu_bottom {
	text-align: center;
	background-color: #eee;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#footer_menu_bottom li { display:inline-block; font-size:12px; }
#footer_menu_bottom li a { display:block; border-right:1px solid #ccc; padding:0 15px 0 0; margin:0 15px 0 0; }
#footer_menu_bottom li:last-child a { border:none; padding:0; margin:0; }

/* コピーライト */
#copyright { text-align:center; margin:0; padding:0; font-size:12px; background:#29abe2; min-width:1200px; height:60px; line-height:60px; color:#fff; }
#copyright a { color:#fff; }

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

body { min-width:0; }


#footer_top { min-width:0; }
#footer_top_inner {
	width: 100%;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20;
	padding-left: 0;
}




/* new footer menu (flex box) */
@media only screen and (max-width: 767px) {
  #footer_menu{
    margin: 0 20px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .footer_menu{ display: block; border: none; background: none; width: calc(50% - 5px); margin: 0 0 30px; }
  .footer_menu:nth-of-type(even){ margin-left: 10px; }
  .footer_menu li { text-align:left; margin:0; font-size:12px; line-height:160%; }
  .footer_menu a { padding:5px 20px; text-decoration:none; }
  .footer_menu a:hover { background:#333; text-decoration:none !important; color:#fff; }
  .footer_menu li:first-child{margin: 0;}
  
}


/* フッター最下部 */
#footer_bottom { width:auto; margin:0 auto; background: #f5f7f6; }
#footer_bottom_inner{ text-align: center; }
#footer_bottom_inner #footer_logo{margin: 0; }

/* メニュー */
#footer_menu_bottom {
	text-align: left;
}
#footer_menu_bottom li { display:block; font-size:12px; float:left; width:50%; line-height:160%; }
#footer_menu_bottom li a, #footer_menu_bottom li:last-child a  { display:block; border:none; padding:15px 20px; margin:0; border-top:1px dotted #ccc; }
#footer_menu_bottom li a:hover { text-decoration:none; color:#fff; }
@media screen and (max-width:500px) {
  #footer_menu_bottom li { width:100%; float:none; }
}


/* コピーライト */
#copyright { text-align:center; margin:0; padding:0; font-size:12px; background:#29abe2; min-width:0; height:60px; line-height:60px; color:#fff; }
#copyright a { color:#fff; }


}

/* ----------------------------------------------------------------------
 フッターここまで
---------------------------------------------------------------------- */






/* ----------------------------------------------------------------------
ピックアップスライダー
---------------------------------------------------------------------- */
.recommend_slider_area {
	min-width: 1200px;
	background: #c8cfd2;
	margin-bottom: 90px;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
.home .recommend_slider_area { background:#fff; }
.home.paged .recommend_slider_area { background:#f3f3f3; } 
.recommend_slider_wrap { width:1200px; margin:0 auto; }

.recommend_slider { width:1200px; }
.recommend_slider .item { width:206px; position:relative; }/* スペースは36px */
.recommend_slider .image { width:170px; height:170px; overflow:hidden; display:block; }
.recommend_slider .image img {
  width:170px; height:170px; display:block;
  -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
}
.recommend_slider .image:hover img {
 -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);
}
.recommend_slider .category { height:35px; width:170px; overflow:hidden; position:absolute; top:135px; left:0px; font-size:12px; z-index:2; }
.recommend_slider .category a { height:35px; line-height:35px; display:block; text-align:center; color:#fff; background:rgba(0,0,0,0.4); text-decoration:none; }
.recommend_slider .category a:hover { background:#8b5574; color:#fff; }
.recommend_slider .title { font-size:12px; font-weight:bold; width:170px; display:block; line-height:160%; max-height:80px; overflow:hidden; margin:15px 0 0 0; }

.recommend_slider .slick-arrow {
  -webkit-transition-property:background color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
  -moz-transition-property:background color; -moz-transition-duration:0.2s; -moz-transition-timing-function:ease;
  -o-transition-property:background color; -o-transition-duration:0.2s; -o-transition-timing-function:ease;
}
.recommend_slider .slick-prev {
	border: none;
	height: 50px;
	width: 50px;
	overflow: hidden;
	text-indent: -400px;
	position: absolute;
	left: -70px;
	top: 60px;
	z-index: 3;
	cursor: pointer;
	border-radius: 100%;
	background-color: #999;
	background-image: url(../images/arrow_left.png);
	background-repeat: no-repeat;
	background-position: 15px 13px;
}
.recommend_slider .slick-next {
	border: none;
	height: 50px;
	width: 50px;
	overflow: hidden;
	text-indent: -400px;
	position: absolute;
	right: -70px;
	top: 60px;
	z-index: 3;
	cursor: pointer;
	border-radius: 100%;
	background-color: #999;
	background-image: url(../images/arrow_rhgit.png);
	background-repeat: no-repeat;
	background-position: 18px 13px;
}
.recommend_slider .slick-prev:hover, .recommend_slider .slick-next:hover { background-color:#8b5574; }
@media screen and (max-width:1300px) {
  .recommend_slider .slick-prev {
	display: none !important;
}
  .recommend_slider .slick-next {
	display: none !important;
}
}



@media only screen and (max-width: 671px) {
body { min-width:100%; }



.recommend_slider_area { min-width:100%; padding:20px 0; }
.recommend_slider_wrap { width:auto; margin:0 auto; }
.recommend_slider_wrap h3 { border-left:5px solid #000; padding:15px 15px; margin:0 15px 20px; font-size:16px; }
.recommend_slider {
  width:auto; padding:0 5px;
 -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.recommend_slider .item { width:auto; position:relative; padding:0 10px; }/* スペースは36px */
.recommend_slider .image { width:auto; height:auto; overflow:none; display:block; }
.recommend_slider .image img {
  width:100%; height:auto; display:block;
  -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
}
.recommend_slider .image:hover img {
 -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);
}
.recommend_slider .category { height:35px; width:100%; margin:0 0 -25px 0; overflow:hidden; position:relative; top:-35px; left:0px; font-size:12px; z-index:2; }
.recommend_slider .category a { height:35px; line-height:35px; display:block; text-align:center; color:#fff; background:#111; background:rgba(80,0,80,0.4); text-decoration:none; }
.recommend_slider .category a:hover { background:#222; color:#fff; }
.recommend_slider .title { font-size:12px; font-weight:bold; width:auto; display:block; line-height:160%; max-height:80px; overflow:hidden; margin:0; }

.recommend_slider .slick-arrow { display:none !important; }
}








.section{
    background: #f5f8ef;
    background-image: url(../images/kesiki.jpg);
    background-size: cover;
}

.section h2{
    text-align: center;
    font-size: 1.8rem;
	color: #29abe2;
}

.title_section{
    padding-top: 20px;
    margin: 0 15px 20px;
    text-align: center;
}

.title_section h2{
	font-size: 1.5rem;
	margin: 0 auto 20px;

}

.footbox{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    align-items: center;
}

.footitem{
	padding: 2%;
	width: 25%;
	background-color: #ffffffcd;
	border-radius: 20px;
	height: 170px;
	margin-top: 7%;
	margin-right: auto;
	margin-bottom: 7%;
	margin-left: auto;
}

.footitem h3{
	display: block;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

.footitem p{
	font-size: 14px;
	text-align: center;
	margin-bottom: 9px;
	margin-top: 9px;
}
.footitem a{
    color: #fff;
}

.footbut{
    padding: 2%;
    background-color: #29abe2;
    color: #fff;
    border-radius: 50px;
    transition: .3s;
}

.footbut:hover{
    opacity: 0.6;
}

.footbuttom{
    padding: 0%;
}

.footline{
    border-bottom: 1px solid #ededed;
    margin: 0 auto;
}

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

    .footitem{
    width: 70%;
    padding: 3%;
	height: 180px;
}

.title_section h2{
    font-size: 24px;
}

.title_section p{
    font-size: 14px;
}

.footbut{
    padding: 0.05px;
}

}

.footbut_siryou{
	padding: 2%;
	background-color: #f5b808;
	color: #fff;
	border-radius: 50px;
	transition: .3s;
	text-align: center;
	width: 300px;
	float: right;
}










.photosection{
    background: #fff;
}

.photobox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

.photoitem{
    width: 24.5%;
}


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

    .photoitem{
    width: 49%;
    padding-bottom: 1%;
    }

	.photobox{
	margin-bottom: 0px;
	margin-top: 0px;

}

}


.photosection{
    background: #fff;
	margin-bottom: 120px;
}

.photobox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

.photoitem{
    width: 24.5%;
}


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

    .photoitem{
    width: 49%;
    padding-bottom: 1%;
    }

	.photobox{
	margin-bottom: 0px;
	margin-top: 0px;

}

}