@charset "utf-8";
/* Copyright 2018 design hack. */

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

reset

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

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{
	border:0;
	margin:0;
	outline:0;
	padding:0;
	background:none;
	-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:inherit;
	font-family:inherit;
	*/
	font-size: 100%;
	font-style:inherit;
	font-weight:inherit;
	text-decoration:none;
	vertical-align:baseline;
}

input,textarea{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

textarea{display:block;}

html{
	font-size: 87%;/*-14px-*/
	-webkit-text-size-adjust: 100%;
}

body{
	line-height:1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

article, aside, details, figcaption, dialog, figure, footer, header, main, nav, section, summary, textarea{display:block;}
audio, canvas, video{display:inline-block;}

a,
a:link,
a:visited,
a:hover,
a:active{
	outline:none;
	text-decoration:underline;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

li{list-style:none;}

blockquote, q{quotes:none;}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none;}

input,
select{vertical-align:middle;}

img{vertical-align:top;}


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

basic

------------------------------------------------------------ */
*{font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;}

body{
	font-size:14px;
	line-height:1.8;
	color:#333;
}

/* デフォルトリンク色の設定 */

a{
	text-decoration:underline;
	color:#7F2485;
}

a:hover{color:#7F2485;}

/*	clearfix
---------------------------------------------- */
.clearfix:after {/*for modern browser*/
   content: "";
   display: block;
   clear: both;
}

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

layout

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

/* header
---------------------------------------------- */
#header{
	width:100%;
	height:60px;
	position:relative;
	background-color: #FFF;
	border-bottom: 1px solid #E3E3E3;
}

#header_fixed{
    width:100%;
	height:60px;
    position:fixed;
    top:0;
    left:0;
    z-index:9999;
}

#logo{
	position:absolute;
	left:10px;
	top:10px;
}

#logo a{
	display:block;
	width:180px;
	height:40px;
	background:url(../img/logo_header.png) no-repeat 0 0;
	background-size:160px;
}

#logo span{display:none;}

/*--header_entry--*/
#header_entry{
	position:absolute;
	right:59px;
	top:0;
}

/*--menu button--*/

.toggle {
    position: fixed;
    right: 16px;
    top: 17px;
    display: block;
    width: 27px;
    height: 24px;
    cursor: pointer;
    z-index: 3;
}
.toggle span {
    display: block;
    position: absolute;
    width: 100%;
    border-bottom: solid 4px #7F2485;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
.toggle span:nth-child(1) {top: 0px;}
.toggle span:nth-child(2) {top: 10px;}
.toggle span:nth-child(3) {top: 20px;}

.toggle.active span:nth-child(1) {
    top: 10px;
    left: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.toggle.active span:nth-child(2),
.toggle.active span:nth-child(3) {
    top: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* .global_nav */
.global_nav{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    transform:translateY(-100%);
    z-index:110;
    padding-top:60px;
    text-align:left;
    color:#FFF;
    transition:all 0.8s;
	font-weight:bold;
	line-height:1.0;
	overflow-y:auto;
	height:100%;
}

.global_nav.active{
    transform:translateY(0%);
}

.global_nav ul{
	background:#7F2485;
	overflow: auto;
	-webkit-overflow-scrolling: touch;

}

.global_nav ul li{
    width: 100%;
    padding: 20px 0 15px 15px;
	border-bottom: 1px solid #FFF;
	font-size: 16px;
}

.global_nav ul li a{
    display:block;
	color:#FFF;
	text-decoration:none;
}

.global_nav p.navi{
    display:block;
    width:100%;
    padding:20px 0 15px 15px;
	border-bottom:1px solid #FFF;
	font-size:16px;
	background:url(../img/navi_arrow_open.gif) no-repeat right 15px top 24px;
	background-size:10px 6px;
	color:#FFF;
	background-color:#7F2485;
}

.global_nav p.navi + ul{display:none;}

.global_nav p.navi + ul > li{
	border-bottom:1px solid #fff !important;
	background: #E3E3E3;
}

.global_nav p.navi + ul > li > a{
	display: block;
	color: #7F2485;
}

.global_nav p.navi + ul > li::after{background:none !important;}

.global_nav p.navi.active {
    display:block;
	background: url(../img/navi_arrow_close.gif) no-repeat right 15px top 24px;
	background-size: 10px 6px;
	background-color:#7F2485;
}

.global_nav ul li.nav_contact{background:#F7C300;}
.global_nav ul li.nav_en{background:#8FBA55;}


/* フッター
---------------------------------------------- */
#small{
	background-color:#7F2485;
	color:#FFF;
	font-size:10px;
	text-align:center;
	padding:10px 0;
}

footer{background:#333;}

footer section#footer_contact{
	background:url(../img/bg_footer_mail.jpg) no-repeat 0 0;
	background-size:100% auto;
	width:100%;
	height:auto;
	padding:28px 15px;
	text-align:center;
}

footer section#footer_contact p#ttl_contact{
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	border-bottom:1px solid #FFF;
	padding-bottom:12px;
	margin-bottom:12px;
	line-height:1.4;
}

footer section#footer_gry{
	background-color:#EDEDED;
	padding:30px 15px;
	font-size:13px;
	text-align:center;
	line-height:1.6;
}


/* content
---------------------------------------------- */
main#wrap_contents{padding-top:60px;}

.bg_style01{padding:20px 15px 50px;}


/* heading---- */
h3,h4{margin-bottom:20px;}

.ttl_style01{
	line-height:1.8;
	font-size:19px;
	color:#333;
	font-weight:bold;
	border-top:4px solid #7F2485;
	border-bottom:2px solid #E3E3E3;
	padding:8px 0;
	margin-bottom:20px;
}

.ttl_style02{
	line-height:1.8;
	font-size:17px;
	font-weight:bold;
	background:url(../img/bdr_purple.gif) no-repeat left 0.35em;
	background-size:4px 19px;
	border-bottom:2px solid #E3E3E3;
	padding:0 0 5px 10px;
	margin-bottom:20px;
}

.ttl_style03{
	line-height:1.8;
	font-size:17px;
	font-weight:bold;
	background:url(../img/ico_circle_ylw.gif) no-repeat left 0.5em;
	background-size:15px 15px;
	border-bottom:2px solid #E3E3E3;
	padding:0 0 5px 20px;
	margin-bottom:20px;
}

span.red a{
	color:#F23D44;
	text-decoration:underline;
}

/* ico---- */
.circle_gry{
	background: url(../img/ico_circle_gry.gif) no-repeat left 0.4em;
	background-size: 15px 15px;
	padding: 0 0 10px 20px;
	font-weight: bold;
	font-size: 15px;
 }


/* category menu---- */
#ttl_cate{
	background:#E4E4E4;
	color:#7F2485;
	font-size:19px;
	font-weight:bold;
	text-align:center;
	padding:8px 0;
	margin-top:50px;
}

#wrap_cate{border:1px solid #E4E4E4;}

#wrap_cate ul li{
	background:url(../img/ico_cate_arrow.gif) no-repeat left 20px top 1.7em;
	background-size:8px 8px;
	padding:15px 0 12px 35px;
	border-bottom:1px solid #E4E4E4;
}

#wrap_cate ul li a{
	text-decoration:none;
	color:#333;
}

/* breadcrumb
---------------------------------------------- */
nav#breadcrumb{
	padding:20px 15px 10px;
	line-height: 1.0;
}

nav#breadcrumb ul li{
	font-size:12px !important;
	display:inline-block;
	margin-right:5px;
}

nav#breadcrumb ul li:first-child span{display:none;}

nav#breadcrumb ul li:first-child{
	background:url(../img/ico_bread_home.gif) no-repeat 0 0;
	background-size:14px 13px;
}

nav#breadcrumb ul li:first-child a{padding:0 30px 0 0;}

nav#breadcrumb ul li a{
	background:url(../img/ico_bread_arrow.gif) no-repeat right 0.2em;
	background-size:6px 10px;
	color:#7F2485;
	padding:0 16px 0 0;
	text-decoration:none;
}

.rcrumbs {
  white-space: nowrap;
}
.rcrumbs > ul {
  padding: 0;
  list-style: none;
}
.rcrumbs > ul > li {
  overflow: hidden;
  display: none;
}
.rcrumbs > ul > li.show {
  display: inline-block;
}
.rcrumbs > ul > li.ellipsis {
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}

/* p
---------------------------------------------- */
p span.ylw01 {
    background: #F8BC00;
    font-weight: bold;
}

p span.ylw01 :hover {color: #333333;}

p.date{
	color:#797F8C;
	font-size: 12px;
	margin-bottom: 40px;
}

p.post{
	border-bottom: dotted 1px #CFCFCF;
	padding-bottom: 35px;
	margin-bottom: 40px;
}

/* dl
---------------------------------------------- */
dl.style01 dt{
	font-weight:bold;
	color:#7F2485;
	margin-bottom:12px;
}

dl.style01 dd{
	border-bottom:dotted 1px #CFCFCF;
	padding-bottom:12px;
	margin-bottom:12px;
}

dl.style01 dd:last-child{
	margin-bottom:50px;
	border-bottom:none;
    padding-bottom:0;
}

/* ul
---------------------------------------------- */
ul.list_gry li{
	background:url(../img/ico_circle_gry.gif) no-repeat left 0.4em;
	background-size:15px 15px;
	padding:0 0 10px 20px;
	font-weight:bold;
	font-size:15px;
 }

ul.list_purple li{
	background:url(../img/ico_circle_purple.gif) no-repeat left 0.7em;
	background-size:6px 6px;
	padding:0 0 0 10px;
	margin-bottom:15px;
 }


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

wordpress

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

div.wrap_wplist01 dl dt{
	color:#797F8C;
	font-size: 12px;
}

div.wrap_wplist01 dl dd{
	border-bottom: 1px dotted #CFCFCF;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

div.wrap_wplist01 dl dd a{
	text-decoration:none;
	color:#333;
}

div.wrap_wplist01 dl dd:last-child{margin-bottom: 40px;}


/* page nation --*/
div.wp-pagenavi{text-align:center;}

div.wp-pagenavi span,
div.wp-pagenavi a{
    display:inline-block;
	font-size:18px;
	margin-right:8px;
	width:35px;
	height:35px;
    line-height:2;
}

div.wp-pagenavi span{
	background:#7F2485;
	color:#FFF;
}

div.wp-pagenavi a{
	background:#EDEDED;
	color:#66655E;
	text-decoration:none;
}

div.wp-pagenavi a:last-child{margin-right:0;}


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

shorts

------------------------------------------------------------ */
/* text deco
---------------------------------------------- */
.u_line{text-decoration: underline;}

/* center
---------------------------------------------- */
.center{margin:0 auto;}


/* clear
---------------------------------------------- */
.overflow_clear{
	overflow:hidden;
	height:100%;
}

/* line height
---------------------------------------------- */
.lh14{line-height: 1.4;}

/* color
---------------------------------------------- */
.wht{color:#FFF;}
.red{color:#F23D44;}
.gry{color:#797F8C;}

/* text-size
---------------------------------------------- */
.f12{font-size:12px;}
.f16{font-size:16px;}

/* text-align
---------------------------------------------- */
.align_right{text-align:right !important;}
.align_left{text-align:left !important;}
.align_center{text-align:center !important;}

/* float
---------------------------------------------- */
.left{float:left;}
.right{float:right;}

/* font
---------------------------------------------- */
.normal{font-weight:normal !important;}
.bold{font-weight:bold !important;}

/* width height
---------------------------------------------- */
.w100{width: 100px;}
.w200{width: 200px;}
.w290{width: 290px;}
.w100per{width: 100%;}
.h150{height: 150px;}

/* padding
---------------------------------------------- */
.pt_04{padding-top:4px;}

/* margin
---------------------------------------------- */
.mb_1em{margin-bottom:1em !important;}
.mb_2em{margin-bottom:2em !important;}

.mt_none{margin-top:0px !important;}
.mt_05{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}
.mt_35{margin-top:35px !important;}
.mt_40{margin-top:40px !important;}
.mt_45{margin-top:45px !important;}
.mt_50{margin-top:50px !important;}

.mr_none{margin-right:0px !important;}
.mr_05{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_22{margin-right:22px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}
.mr_35{margin-right:35px !important;}
.mr_40{margin-right:40px !important;}
.mr_45{margin-right:45px !important;}
.mr_50{margin-right:50px !important;}

.mb_none{margin-bottom:0px !important;}
.mb_05{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_45{margin-bottom:45px !important;}
.mb_50{margin-bottom:50px !important;}
.mb_55{margin-bottom:55px !important;}
.mb_60{margin-bottom:60px !important;}
.mb_65{margin-bottom:65px !important;}
.mb_70{margin-bottom:70px !important;}
.mb_75{margin-bottom:75px !important;}
.mb_80{margin-bottom:80px !important;}
.mb_85{margin-bottom:85px !important;}
.mb_90{margin-bottom:90px !important;}
.mb_95{margin-bottom:95px !important;}
.mb_100{margin-bottom:100px !important;}


.ml_none{margin-left:0px !important;}
.ml_05{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}
.ml_20{margin-left:20px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}
.ml_35{margin-left:35px !important;}
.ml_40{margin-left:40px !important;}
.ml_45{margin-left:45px !important;}
.ml_50{margin-left:50px !important;}