@charset "UTF-8";
/*------------------------------------------------------------------------------
    
------------------------------------------------------------------------------*/
body {
  background-color: #fdfcf2;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  width: 100%; }

body * {
    letter-spacing: 1px;
  }
  
/*  
  section {
      width:calc(100% - 20px);
      margin:0 auto;
  }*/
  
.mode_pc,
.mode_pc_ib {
	display: none;
}
.mode_sp {
	display: block;
}
.mode_sp_ib {
	display: inline-block;
}

@media (min-width: 960px) {

    .nav_wrap {
        height:54px;
    }
	.mode_pc {
		display: block;
	}
	.mode_pc_ib {
		display: inline-block;
	}
	.mode_sp,
	.mode_sp_ib {
		display: none!important;
	}
}

@media (max-width: 960px) {

    #header .subbtn {
        display:none;
    }
    #header h2 {
        padding-top:5px!important;
    }
    
    input,
    textarea,
    select {
      font-size: 16px;
    }
    
}


#menu_btn,
#menu_btn span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
#menu_btn_bg {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 110;
	background-color: #a88628;
	padding: 20.5px 21px;
	cursor: pointer;
}
#menu_btn {
	position: relative;
	display: block;
	margin: auto;
	cursor: pointer;
	text-align: center;
	width: 18px;
	height: 15px;
}
#menu_btn span {
	position: absolute;
	left: 0;
	right: 0;
	width: 18px;
	height: 2px;
	background-color: #fff;
}
#menu_btn span:nth-of-type(1) {
	top: 1px;
}
#menu_btn span:nth-of-type(2) {
	top: 7px;
}
#menu_btn span:nth-of-type(3) {
	bottom: 0;
}
.open + #menu_btn_bg #menu_btn span:nth-of-type(1) {
	-webkit-transform: translateY(6px) rotate(-45deg);
	transform: translateY(6px) rotate(-45deg);
}
.open + #menu_btn_bg #menu_btn span:nth-of-type(2) {
	opacity: 0;
}
.open + #menu_btn_bg #menu_btn span:nth-of-type(3) {
	-webkit-transform: translateY(-6px) rotate(45deg);
	transform: translateY(-6px) rotate(45deg);
}


#contentNav {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: auto;
    max-width:1100px;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.8);
/*	padding: 56px 0;*/
	z-index: 100;
	border-bottom: 1px solid #d5dbe2;
}
#contentNav li > a,
#contentNav li > p.trigger,
.menu .listName,
.menu_box dt a,
.menu_box dt p,
.menu_box dd a {
	display: block;
	font-size: 14px;
	padding: 20px 4%;
}

#contentNav li > a:hover {
    text-decoration: none;
}

#contentNav li > a.mode_pc {
	display: none;
}
.menu_box dd a {
	border-bottom: none;
}
#contentNav li {
	background-color: #fff;
}
#contentNav li dt.trigger,
.menu .listName,
#contentNav .blank dt a {
	background-color: #f5f5f5;
	border-bottom: 1px solid #fff;
}
#contentNav li > a,
#contentNav li > p.trigger {
	border-bottom: 1px solid #d5dbe2;
}
#contentNav li > a span,
#contentNav li > p.trigger span,
#contentNav li > p.trigger a,
.menu .listName a {
	color: #001742;
	font-weight: 700;
}
#contentNav dt a {
	display: none;
}
#contentNav .blank dt a {
	display: block;
}
#contentNav .menu {
	display: none;
}
#contentNav dd.menu {
	padding-left: 3%;
}
#contentNav dd.menu a {
	position: relative;
	color: #666;
	padding-left: 8%;
}
#contentNav dd.menu a:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 4%;
	content: "";
	display: block;
	width: 5px;
	height: 1px;
	background-color: #666;
	margin: auto;
}
#contentNav .trigger {
	position: relative;
}
#contentNav .trigger:before {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 4%;
	margin: auto;
	content: "";
	width: 8px;
	height: 8px;
	border: 2px solid;
	border-color: transparent transparent #565656 #565656;
	transform: rotate(-45deg);
}
#contentNav .toggle.open .trigger:before {
	transform: rotate(135deg);
}
#contentNav .menu_box.toggle .trigger:before {
	transform: rotate(-45deg);
}
#contentNav .menu_box.toggle.open .trigger:before {
	transform: rotate(135deg);
}
#contentNav .contact {
	background-color: #f5f5f5;
	padding: 30px 0;
}
#contentNav .contact a {
	position: relative;
	width: 80%;
	display: inline-block;
	background-color: #cd3f22;
	border: 2px solid #cd3f22;
	color: #fff;
	font-size: 16px;
	padding: 23px 0;
	border-radius: 5px;
}
#contentNav .contact a span {
	font-weight: 500;
}
#contentNav .contact a:before,
#contentNav .contact a:after {
	position: absolute;
	top: 0;
	bottom: 0;
	content: "";
	margin: auto;
}
#contentNav .contact a:before {
	right: 20px;
	width: 25px;
	height: 25px;
	background-color: #fff;
	color: #fff;
	border-radius: 50px;
}
#contentNav .contact a:after {
	right: 31px;
	display: inline-block;
	border-color: #cd3f22;
	border-style: solid;
	border-width: 0 2px 2px 0;
	height: 6px;
	width: 6px;
	vertical-align: middle;
	transform: rotate(-45deg);
}
#contentNav #navInner {
	height: 100%;
	overflow-y: auto;
}
#contentNav .contact {
	text-align: center;
}
.menu_box .linkHeadLine {
	display: block;
	color: #666;
	font-size: 13.2px;
	font-weight: 400;
	line-height: 1.6;
}

.menu_box .linkHeadLine + .linkBlock{
	display: block;
}

.menu_box .linkHeadLine + .linkBlock a{
	display: inline;
}

@media (max-width: 350px) {
	#header_logo .logo {
		width: 60vw;
	}
	#header_logo .logo_group {
		width: 15vw;
	}
}
@media (min-width: 960px) {
	#menu_btn_bg {
		display: none;
	}
	header {
		position: relative;
	}
	#header_logo {
		padding-left: 0;
		height: 37px;
	}
	#header_logo .logo {
		width: 336px;
		height: 37px;
	}
	#header_logo .logo_group {
		width: 104px;
		margin-left: 36px;
	}
	#contentNav {
		position: relative;
		display: block !important;
		height: auto;
		background-color: #fff;
		text-align: center;
		padding: 5px 0 0;
		border-bottom: none;
        margin:0 auto;
         z-index: 2000;
	}
	#contentNav.is-fixed {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 2000;
		width: 100%;
        padding-top:10px!important;
        border-radius: 0 0 5px 5px;
        box-shadow: 1px 5px 10px #7d7d7d;
	}
    #contentNav.is-fixed > div {
		border-radius: 0 0 10px 10px;
	}
    
     #contentNav.is-fixed > div > ul{
		border-radius: 0 0 10px 10px;
	}
    
    #contentNav.is-fixed > div > ul .pc_right_border a span{
		border-right:0px!important;
	}
    #contentNav.is-fixed > div > ul .pc_left_border a span{
		border-left:0px!important;
	}
    
	#contentNav #navInner {
		height: auto;
		overflow-y: hidden;
	}
	#contentNav ul {
		display: flex;
		justify-content: space-between;
		width: 100%;
        list-style-type: none;
	}

    
	#contentNav li {
		flex: auto;
	}
	#contentNav .contact a {
		width: auto;
		display: inline-block;
		padding: 11px 30px 11px 32px;
		transition: 0.4s ease;
	}
	#contentNav .contact a:hover {
		background-color: #fff;
		color: #cd3f22;
	}
	#contentNav .contact a:before,
	#contentNav .contact a:after {
		content: none;
	}
	#contentNav dt a {
		display: block;
	}
	#contentNav li > a,
	#contentNav li > p.trigger {
		position: relative;
		display: block;
		text-align: center;
		white-space: nowrap;
		background-color: transparent;
		padding: 8px 0 15px;
		border: none;
		cursor: pointer;
	}
	#contentNav li > p.trigger.mode_sp {
		display: none;
	}
	#contentNav li > a.mode_pc {
		display: block;
	}
	#contentNav li dt.trigger,
	.menu .listName,
	#contentNav .blank dt a,
	.menu_box dt a,
	.menu_box dt p,
	.menu_box dd a,
	#contentNav .contact {
		display: block;
		background-color: transparent;
		padding: 0;
		border-bottom: none;
	}
	#contentNav li > a,
	#contentNav li > p.trigger,
	#contentNav .contact a,
	.menu .listName,
	.menu_box dt a,
	.menu_box dt p,
	.menu_box dd a {
		font-size: 14px;
	}
	#contentNav li > a span,
	#contentNav li > p.trigger span {
		display: block;
		padding: 4px 0;
		border-left: 1px solid #d5dbe2;
	}
    
    #contentNav .pc_right_border > a span,
    #contentNav .pc_right_border > p.trigger span {
        border-right: 1px solid #d5dbe2;
	}
    
    #contentNav li:hover > a span {
        color:#a88628!important;
    }
    
/*	#contentNav li > a:after,
	#contentNav li > p.trigger:after,
	#contentNav li a.current:after {
		display: block;
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 2px;
		background-color: #154594;
		margin: auto;
		opacity: 0;
		transition: 0.4s ease;
		z-index: 2;
	}
	#contentNav li:hover > a:after,
	#contentNav li:hover > p.trigger:after,
	#contentNav li a.current:after {
		opacity: 1;
	}*/
	#contentNav dd.menu a:before {
		content: none;
	}
	#navInner > ul > li:hover .megaMenu {
		max-height: 9999px;
		opacity: 1;
       
	}
	#navInner > ul .megaMenu {
		display: block !important;
		transition: all .2s ease-in;
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		width: 100%;
		top: 54px;
		left: 0;
		text-align: left;
		position: absolute;
		background-color: #f5f5f5;
		box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2),inset 0px 1px 0px 0px rgba(213, 219, 226, 0.004);
	}
	.megaMenu > div {
		padding: 30px 20px 40px;
	}
	.megaMenu .listName {
		display: block;
		color: #001742;
		font-size: 18px;
		font-weight: 700;
		padding-left: 10px;
		padding-bottom: 25px;
	}
	.megaMenu .moreBtn {
		background-color: #001742;
		font-size: 12px;
		padding: 8px 14px;
		margin-left: 20px;
		border-radius: 50px;
	}
	.megaMenu .moreBtn span {
		position: relative;
		color: #fff;
		font-weight: 500;
		padding-right: 14px;
	}
	.megaMenu .moreBtn span:after {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		content: "";
		display: inline-block;
		border-color: #fff;
		border-style: solid;
		border-width: 0 2px 2px 0;
		height: 6px;
		vertical-align: middle;
		width: 6px;
		transform: rotate(-45deg);
		margin: auto;
	}
	.megaMenu .menu_inner {
		display: flex;
		flex-wrap: wrap;
        justify-content: center;
	}
	.megaMenu .menu_box {
		width: calc((100% - 40px) / 3);
		background-color: #fff;
		border-radius: 5px;
		box-shadow: 0px 1px 4px 0px rgba(142, 142, 142, 0.5);
	}
	*::-ms-backdrop,.megaMenu .menu_box {
		width: calc((99% - 40px) / 3);
	}
	.megaMenu .menu_box:not(:nth-child(3n)) {
		margin-right: 20px;
	}
	.megaMenu .menu_box:nth-child(n+4) {
		margin-top: 22px;
	}
	#contentNav .trigger:before {
		content: none !important;
	}
	#contentNav .trigger p {
		display: none;
	}
	#contentNav li dt.trigger,
	#contentNav .blank dt a {
		border-bottom: 1px solid #d5dbe2;
	}
	#contentNav .blank dt a:after {
		background-image: none;
	}
	#contentNav .menu {
		display: none !important;
	}
	#contentNav .menu_box dt a,
	#contentNav .menu_box dt span {
		position: relative;
		display: block;
		color: #001742;
		font-size: 16px;
		line-height: 1.2;
		font-weight: 700;
		padding: 19px 45px 19px 20px;
	}
	#contentNav .menu_box dt.nolink a {
		display: none;
	}
	#contentNav .menu_box dt a:hover,
	#contentNav .menu_box dd a:hover {
		color: #154594;
	}
	#contentNav .menu_box dt a:before,
	#contentNav .menu_box dt a:after {
		position: absolute;
		right: 20px;
		top: 0;
		bottom: 0;
		content: "";
		display: inline-block;
		margin: auto;
	}
	#contentNav .menu_box dt a:before {
		width: 22px;
		height: 22px;
		background-color: #154594;
		border-radius: 50px;
		border-bottom: 1px solid #154594;
	}
	#contentNav .menu_box dt a:after {
		right: 30px;
		border-color: #fff;
		border-style: solid;
		border-width: 0 2px 2px 0;
		height: 6px;
		width: 6px;
		transform: rotate(-45deg);
	}
	#contentNav .menu_box dt.nolink {
		border-bottom: 1px solid #d5dbe2;
	}
	#contentNav dd.menu {
		display: flex !important;
		justify-content: space-between;
		padding: 16px 20px 22px;
	}
	#contentNav dd.menu > div {
		width: 71%;
	}
	#contentNav dd.menu > div + div {
		width: 29%;
		text-align: right;
	}
	#contentNav dd.menu > div + div .illustImage {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 80px;
		height: 80px;
		background-color: #f5f5f5;
		border-radius: 50px;
	}
	#contentNav dd.menu > div + div .illustImage img {
		width: 70px;
	}
	#contentNav dd.menu p {
		line-height: 1.4;
	}
	#contentNav dd.menu p + p {
		padding-top: 10px;
	}
	#contentNav dd.menu a {
		position: relative;
		padding: 0 2px 0 0;
	}
	#contentNav dd.menu a:after {
		content: "";
		display: inline-block;
		border-color: #154594;
		border-style: solid;
		border-width: 0 1px 1px 0;
		height: 6px;
		width: 6px;
		transform: rotate(-45deg);
		margin: 0 0 2px 6px;
	}
	#contentNav dd.menu a.blank:after {
		border: none;
		height: 8px;
		width: 8px;
		transform: none;
	}
}



  

img {
  border: none;
  padding: 0;
  margin: 0; }

a {
  color: #0e1a81;
  text-decoration: none; }
  a:hover {
    text-decoration: underline;
    color: #154594; }
    a:hover img {
      opacity: 0.8;
      filter: alpha(opacity=80); }

.clear {
  overflow: hidden; }
  .clear:after {
    clear: both; }

.s12 {
  font-size: 12px; }

.s14 {
  font-size: 14px; }

.s18 {
  font-size: 18px; }

.li_none {
  list-style: none; }

.bold {
  font-weight: bold; }

.icon_new {
  background-color: #e3cb00;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  display: inline;
  font-family: 'Arial', 'Tahoma', sans-serif;
  font-size: 10px;
  margin-right: 5px;
  padding: 2px 4px;
  text-align: center; }

/* Alignment */
.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.w960 {
  max-width: 1100px;
  width:calc(100% - 20px);
  margin: 0 auto; }

@media (max-width: 960px) {
    .w960 {
         max-width:calc(100% - 20px)!important;
         margin: 0 auto;
    }
}

/*------------------------------------------------------------------------------
header
------------------------------------------------------------------------------*/
#header_wrap {
  background-color: #fff;
  background: url(../img/colorfulline.gif) left bottom repeat-x #fff;
  width: 100%;
/*  overflow: hidden;*/
  padding-bottom: 5px; }

@media (max-width: 959px) {
	#header_wrap {
	   position: relative;
       z-index:2000;
	}
}

#header {
  max-width: 1100px;width:100%;
  margin: 0 auto;
  text-align: center;
/*  padding-bottom: 10px;*/ }
  #header h1 {
    color: #c7b173;
    font-size: 12px;
    text-align: left;
    padding: 5px 0 10px 0; }
  #header h2 {
    text-align: left;
    width: 368px;
    float: left;
    padding: 10px 0 0 0;
    margin: 0; }
  #header ul {
    float: right; }
    #header ul li {
      list-style: none;
      float: left; }
      #header ul li.subbtn {
        padding-top: 18px;
        padding-right: 15px; }

#menu {
  max-width: 1100px;width:100%;
  overflow: hidden;
  margin: 0 auto; }
  #menu:after {
    clear: both; }
  #menu li {
    list-style: none;
    float: left; }

/*------------------------------------------------------------------------------
mv
------------------------------------------------------------------------------*/
#mainvisual ul {
  overflow: hidden;
  max-width: 1100px;width:100%;
  text-align: center;
  margin: 0 auto; }
  #mainvisual ul:after {
    clear: both; }
#mainvisual #eyecatch {
  height: 120px;
  width: 100%;
  position: relative; }
  #mainvisual #eyecatch h2 {
max-width: 1100px;
    width: calc(100% - 20px);
    height: 120px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
  }
    #mainvisual #eyecatch h2 img {
      position: absolute;
      top: 40px;
      left: 0; }

#main_green #mainvisual,
#main_green .sidenav h1 {
  background-color: #9bc342; }
#main_green .h4 {
  color: #9bc342;
  border-bottom: 1px solid #9bc342; }
  #main_green .h4 .circle {
    border: 5px solid #9bc342; }
#main_green .h3 {
  border-bottom: 1px solid #9bc342; }
  #main_green .h3 span {
    background: url(../img/h3.png) 0 0 no-repeat #9bc342; }
#main_green .h5 {
  color: #9bc342; }

#main_purple #mainvisual,
#main_purple .sidenav h1 {
  background-color: #c077af; }
#main_purple .h4 {
  color: #c077af;
  border-bottom: 1px solid #c077af; }
  #main_purple .h4 .circle {
    border: 5px solid #c077af; }
#main_purple .h3 {
  border-bottom: 1px solid #c077af; }
  #main_purple .h3 span {
    background: url(../img/h3.png) 0 0 no-repeat #c077af; }
#main_purple .h5 {
  color: #c077af; }

#main_red #mainvisual,
#main_red .sidenav h1 {
  background-color: #e9655d; }
#main_red .h4 {
  color: #e9655d;
  border-bottom: 1px solid #e9655d; }
  #main_red .h4 .circle {
    border: 5px solid #e9655d; }
#main_red .h3 {
  border-bottom: 1px solid #e9655d; }
  #main_red .h3 span {
    background: url(../img/h3.png) 0 0 no-repeat #e9655d; }
#main_red .h5 {
  color: #e9655d; }

#main_blue #mainvisual,
#main_blue .sidenav h1 {
  background-color: #08abc7; }
#main_blue .h4 {
  color: #08abc7;
  border-bottom: 1px solid #08abc7; }
  #main_blue .h4 .circle {
    border: 5px solid #08abc7; }
#main_blue .h3 {
  border-bottom: 1px solid #08abc7; }
  #main_blue .h3 span {
    background: url(../img/h3.png) 0 0 no-repeat #08abc7; }
#main_blue .h5 {
  color: #08abc7; }

h1, h2, h3, h4, h5 {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif; }

.h3 {
  font-size: 16px;
  padding: 14px 0 16px 24px;
  position: relative;
  background: url(../img/bg_h3.png) 0 0 repeat-x; }
  .h3 span {
    width: 10px;
    height: 40px;
    display: block;
    position: absolute;
    left: 2px;
    top: 3px; }

.h4 {
  font-size: 16px;
  padding: 8px 0 8px 28px;
  position: relative; }
  .h4 .circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: block;
    position: absolute;
    left: 0;
    top: 6px; }

.h5 {
  font-size: 16px;
  font-weight: bold; }

/*------------------------------------------------------------------------------
breadcrumb
------------------------------------------------------------------------------*/
#breadcrumb {
  padding: 5px 0 5px 0;
  border-bottom: 1px solid #e9e7d6; }
  #breadcrumb ul {
    list-style: none;
    max-width: 1100px;width:100%;
    margin: 0 auto;
    text-align: left; }
  #breadcrumb li {
    font-size: 12px;
    color: #565656;
    display: inline;
    padding: 0px 5px 0px 5px; }
    #breadcrumb li a {
      color: #565656; }
      #breadcrumb li a:hover {
        color: #353434; }

/*------------------------------------------------------------------------------
content
------------------------------------------------------------------------------*/
.content {
  max-width: 1100px;width:100%;
  margin: 0 auto;
  text-align: center;
  padding-top: 20px; }

.pdnR5 {
  padding-right: 5px; }

.pdnL5 {
  padding-left: 5px; }

.pdnT5 {
  padding-top: 5px; }

.pdnB5 {
  padding-bottom: 5px; }

.pdn5 {
  padding-top: 5px;
  padding-bottom: 5px; }

.mgnL5 {
  margin-left: 5px; }

.mgnR5 {
  margin-right: 5px; }

.mgnT5 {
  margin-top: 5px; }

.mgnB5 {
  margin-bottom: 5px; }

.mgn5 {
  margin-top: 5px;
  margin-bottom: 5px; }

.pdnR10 {
  padding-right: 10px; }

.pdnL10 {
  padding-left: 10px; }

.pdnT10 {
  padding-top: 10px; }

.pdnB10 {
  padding-bottom: 10px; }

.pdn10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.mgnL10 {
  margin-left: 10px; }

.mgnR10 {
  margin-right: 10px; }

.mgnT10 {
  margin-top: 10px; }

.mgnB10 {
  margin-bottom: 10px; }

.mgn10 {
  margin-top: 10px;
  margin-bottom: 10px; }

.pdnR15 {
  padding-right: 15px; }

.pdnL15 {
  padding-left: 15px; }

.pdnT15 {
  padding-top: 15px; }

.pdnB15 {
  padding-bottom: 15px; }

.pdn15 {
  padding-top: 15px;
  padding-bottom: 15px; }

.mgnL15 {
  margin-left: 15px; }

.mgnR15 {
  margin-right: 15px; }

.mgnT15 {
  margin-top: 15px; }

.mgnB15 {
  margin-bottom: 15px; }

.mgn15 {
  margin-top: 15px;
  margin-bottom: 15px; }

.pdnR20 {
  padding-right: 20px; }

.pdnL20 {
  padding-left: 20px; }

.pdnT20 {
  padding-top: 20px; }

.pdnB20 {
  padding-bottom: 20px; }

.pdn20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.mgnL20 {
  margin-left: 20px; }

.mgnR20 {
  margin-right: 20px; }

.mgnT20 {
  margin-top: 20px; }

.mgnB20 {
  margin-bottom: 20px; }

.mgn20 {
  margin-top: 20px;
  margin-bottom: 20px; }

.pdnR25 {
  padding-right: 25px; }

.pdnL25 {
  padding-left: 25px; }

.pdnT25 {
  padding-top: 25px; }

.pdnB25 {
  padding-bottom: 25px; }

.pdn25 {
  padding-top: 25px;
  padding-bottom: 25px; }

.mgnL25 {
  margin-left: 25px; }

.mgnR25 {
  margin-right: 25px; }


@media (max-width: 959px) {
    .mgnL25 {
      margin-left: 5px!important; }

    .mgnR25 {
      margin-right: 5px!important; }
}

.mgnT25 {
  margin-top: 25px; }

.mgnB25 {
  margin-bottom: 25px; }

.mgn25 {
  margin-top: 25px;
  margin-bottom: 25px; }

.pdnR30 {
  padding-right: 30px; }

.pdnL30 {
  padding-left: 30px; }

.pdnT30 {
  padding-top: 30px; }

.pdnB30 {
  padding-bottom: 30px; }

.pdn30 {
  padding-top: 30px;
  padding-bottom: 30px; }

.mgnL30 {
  margin-left: 30px; }

.mgnR30 {
  margin-right: 30px; }

.mgnT30 {
  margin-top: 30px; }

.mgnB30 {
  margin-bottom: 30px; }

.mgn30 {
  margin-top: 30px;
  margin-bottom: 30px; }

.pdnR35 {
  padding-right: 35px; }

.pdnL35 {
  padding-left: 35px; }

.pdnT35 {
  padding-top: 35px; }

.pdnB35 {
  padding-bottom: 35px; }

.pdn35 {
  padding-top: 35px;
  padding-bottom: 35px; }

.mgnL35 {
  margin-left: 35px; }

.mgnR35 {
  margin-right: 35px; }

.mgnT35 {
  margin-top: 35px; }

.mgnB35 {
  margin-bottom: 35px; }

.mgn35 {
  margin-top: 35px;
  margin-bottom: 35px; }

.pdnR40 {
  padding-right: 40px; }

.pdnL40 {
  padding-left: 40px; }

.pdnT40 {
  padding-top: 40px; }

.pdnB40 {
  padding-bottom: 40px; }

.pdn40 {
  padding-top: 40px;
  padding-bottom: 40px; }

.mgnL40 {
  margin-left: 40px; }

.mgnR40 {
  margin-right: 40px; }

.mgnT40 {
  margin-top: 40px; }

.mgnB40 {
  margin-bottom: 40px; }

.mgn40 {
  margin-top: 40px;
  margin-bottom: 40px; }

.pdnR45 {
  padding-right: 45px; }

.pdnL45 {
  padding-left: 45px; }

.pdnT45 {
  padding-top: 45px; }

.pdnB45 {
  padding-bottom: 45px; }

.pdn45 {
  padding-top: 45px;
  padding-bottom: 45px; }

.mgnL45 {
  margin-left: 45px; }

.mgnR45 {
  margin-right: 45px; }

.mgnT45 {
  margin-top: 45px; }

.mgnB45 {
  margin-bottom: 45px; }

.mgn45 {
  margin-top: 45px;
  margin-bottom: 45px; }

.pdnR50 {
  padding-right: 50px; }

.pdnL50 {
  padding-left: 50px; }

.pdnT50 {
  padding-top: 50px; }

.pdnB50 {
  padding-bottom: 50px; }

.pdn50 {
  padding-top: 50px;
  padding-bottom: 50px; }

.mgnL50 {
  margin-left: 50px; }

.mgnR50 {
  margin-right: 50px; }

.mgnT50 {
  margin-top: 50px; }

.mgnB50 {
  margin-bottom: 50px; }

.mgn50 {
  margin-top: 50px;
  margin-bottom: 50px; }

.pdnR55 {
  padding-right: 55px; }

.pdnL55 {
  padding-left: 55px; }

.pdnT55 {
  padding-top: 55px; }

.pdnB55 {
  padding-bottom: 55px; }

.pdn55 {
  padding-top: 55px;
  padding-bottom: 55px; }

.mgnL55 {
  margin-left: 55px; }

.mgnR55 {
  margin-right: 55px; }

.mgnT55 {
  margin-top: 55px; }

.mgnB55 {
  margin-bottom: 55px; }

.mgn55 {
  margin-top: 55px;
  margin-bottom: 55px; }

.pdnR60 {
  padding-right: 60px; }

.pdnL60 {
  padding-left: 60px; }

.pdnT60 {
  padding-top: 60px; }

.pdnB60 {
  padding-bottom: 60px; }

.pdn60 {
  padding-top: 60px;
  padding-bottom: 60px; }

.mgnL60 {
  margin-left: 60px; }

.mgnR60 {
  margin-right: 60px; }

.mgnT60 {
  margin-top: 60px; }

.mgnB60 {
  margin-bottom: 60px; }

.mgn60 {
  margin-top: 60px;
  margin-bottom: 60px; }

.pdnR65 {
  padding-right: 65px; }

.pdnL65 {
  padding-left: 65px; }

.pdnT65 {
  padding-top: 65px; }

.pdnB65 {
  padding-bottom: 65px; }

.pdn65 {
  padding-top: 65px;
  padding-bottom: 65px; }

.mgnL65 {
  margin-left: 65px; }

.mgnR65 {
  margin-right: 65px; }

.mgnT65 {
  margin-top: 65px; }

.mgnB65 {
  margin-bottom: 65px; }

.mgn65 {
  margin-top: 65px;
  margin-bottom: 65px; }

.pdnR70 {
  padding-right: 70px; }

.pdnL70 {
  padding-left: 70px; }

.pdnT70 {
  padding-top: 70px; }

.pdnB70 {
  padding-bottom: 70px; }

.pdn70 {
  padding-top: 70px;
  padding-bottom: 70px; }

.mgnL70 {
  margin-left: 70px; }

.mgnR70 {
  margin-right: 70px; }

.mgnT70 {
  margin-top: 70px; }

.mgnB70 {
  margin-bottom: 70px; }

.mgn70 {
  margin-top: 70px;
  margin-bottom: 70px; }

.pdnR75 {
  padding-right: 75px; }

.pdnL75 {
  padding-left: 75px; }

.pdnT75 {
  padding-top: 75px; }

.pdnB75 {
  padding-bottom: 75px; }

.pdn75 {
  padding-top: 75px;
  padding-bottom: 75px; }

.mgnL75 {
  margin-left: 75px; }

.mgnR75 {
  margin-right: 75px; }

.mgnT75 {
  margin-top: 75px; }

.mgnB75 {
  margin-bottom: 75px; }

.mgn75 {
  margin-top: 75px;
  margin-bottom: 75px; }

.pdnR80 {
  padding-right: 80px; }

.pdnL80 {
  padding-left: 80px; }

.pdnT80 {
  padding-top: 80px; }

.pdnB80 {
  padding-bottom: 80px; }

.pdn80 {
  padding-top: 80px;
  padding-bottom: 80px; }

.mgnL80 {
  margin-left: 80px; }

.mgnR80 {
  margin-right: 80px; }

.mgnT80 {
  margin-top: 80px; }

.mgnB80 {
  margin-bottom: 80px; }

.mgn80 {
  margin-top: 80px;
  margin-bottom: 80px; }

.pdnR85 {
  padding-right: 85px; }

.pdnL85 {
  padding-left: 85px; }

.pdnT85 {
  padding-top: 85px; }

.pdnB85 {
  padding-bottom: 85px; }

.pdn85 {
  padding-top: 85px;
  padding-bottom: 85px; }

.mgnL85 {
  margin-left: 85px; }

.mgnR85 {
  margin-right: 85px; }

.mgnT85 {
  margin-top: 85px; }

.mgnB85 {
  margin-bottom: 85px; }

.mgn85 {
  margin-top: 85px;
  margin-bottom: 85px; }

.pdnR90 {
  padding-right: 90px; }

.pdnL90 {
  padding-left: 90px; }

.pdnT90 {
  padding-top: 90px; }

.pdnB90 {
  padding-bottom: 90px; }

.pdn90 {
  padding-top: 90px;
  padding-bottom: 90px; }

.mgnL90 {
  margin-left: 90px; }

.mgnR90 {
  margin-right: 90px; }

.mgnT90 {
  margin-top: 90px; }

.mgnB90 {
  margin-bottom: 90px; }

.mgn90 {
  margin-top: 90px;
  margin-bottom: 90px; }

.pdnR95 {
  padding-right: 95px; }

.pdnL95 {
  padding-left: 95px; }

.pdnT95 {
  padding-top: 95px; }

.pdnB95 {
  padding-bottom: 95px; }

.pdn95 {
  padding-top: 95px;
  padding-bottom: 95px; }

.mgnL95 {
  margin-left: 95px; }

.mgnR95 {
  margin-right: 95px; }

.mgnT95 {
  margin-top: 95px; }

.mgnB95 {
  margin-bottom: 95px; }

.mgn95 {
  margin-top: 95px;
  margin-bottom: 95px; }

.pdnR100 {
  padding-right: 100px; }

.pdnL100 {
  padding-left: 100px; }

.pdnT100 {
  padding-top: 100px; }

.pdnB100 {
  padding-bottom: 100px; }

.pdn100 {
  padding-top: 100px;
  padding-bottom: 100px; }

.mgnL100 {
  margin-left: 100px; }

.mgnR100 {
  margin-right: 100px; }

.mgnT100 {
  margin-top: 100px; }

.mgnB100 {
  margin-bottom: 100px; }

.mgn100 {
  margin-top: 100px;
  margin-bottom: 100px; }

@media (min-width: 959px) {
  #contentL {
    float: left;
    width: calc(100% - 235px);
  }
  #contentR {
    width: 220px;
    float: left;
  }
}
@media (max-width: 1100px) {
    #contentL {
      display:block;
      width: calc(100% - 20px)!important;
      margin:0 auto!important;
      box-sizing: border-box; 
      padding:0px !important;
  }
}
@media (max-width: 959px) {

  #contentR {
      margin-top:20px;
      width: 100%;
  }
}

#contentL {
  padding-right: 15px;
  padding-bottom: 50px;
  
  text-align: left; }
  #contentL p {
    font-size: 15px;
    line-height: 30px;
    padding: 10px 10px 10px 0; }
  
@media (max-width: 959px) {
  #contentL p {
    padding:0!important;
  }
}
  
  #contentL ul, #contentL ol {
    list-style-position: inside; }
  #contentL .overflow {
    overflow: hidden; }
  #contentL table.pink {
    width: 700px; }
    #contentL table.pink th {
      background-color: #d3b6ba;
      border: 1px solid #fff;
      font-weight: bold;
      line-height: 20px;
      padding: 8px 10px; }
    #contentL table.pink td {
      background-color: #f5f0f1;
      border: 1px solid #fff;
      line-height: 20px;
      padding: 8px 10px; }

#contentR {
  text-align: left;
  padding-bottom: 30px; }
  #contentR ul {
    list-style: none; }
    #contentR ul.sidemenu {
      margin-bottom: 15px; }
      #contentR ul.sidemenu li {
        padding-bottom: 8px; }
        #contentR ul.sidemenu li img {
          box-shadow: 0 10px 3px -8px #c9c9c9; }
  #contentR .sidenav {
    width: 220px;
    overflow: hidden;
    margin-bottom: 15px; }
  
 @media (max-width: 959px) {
    #contentR .sidenav {
        width: calc(100% - 20px)!important;
        margin:0 auto;
    }
    #contentR .sidenav ul li {
        width: calc(100% - 10px)!important;
        padding-left:3px;
    }
 }
  
    #contentR .sidenav h1 {
      background-image: url(../img/bg_side.png);
      background-repeat: no-repeat;
      background-position: left center;
      color: #fffefe;
      font-size: 14px;
      font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif;
      min-height: 16px;
      padding: 15px 10px 15px 10px; }
    #contentR .sidenav ul li a {
      background: url(../img/arrow.png) left center no-repeat;
      border-bottom: 1px dotted #154594;
      color: #000000;
      display: block;
      padding: 15px 0 15px 15px; }
      #contentR .sidenav ul li a:hover {
        text-decoration: none; }
        #contentR .sidenav ul li a:hover:before {
          color: #6f8100; }

        

        
/*------------------------------------------------------------------------------
footer
------------------------------------------------------------------------------*/
.footer_wrapper {
  background: url(../img/colorfulline.gif) left top repeat-x #fff;
  clear: both;
  overflow: hidden;
  padding: 35px 0 0 0;
  width: 100%; }
  .footer_wrapper a {
    color: #000000; }
    .footer_wrapper a:hover {
      color: #2f2f2f; }
  .footer_wrapper .copyright {
    letter-spacing: 0px!important;
    *margin-top: -50px;
    clear: both;
    padding: 5px 0;
    text-align: right;
    display: block; }

#footer_menu {
  width: 620px;
  float: left; }
  #footer_menu ul li {
    background: url(../img/arrow02.png) 0 center no-repeat;
    list-style: none;
    float: left;
    font-size: 14px;
    line-height:18px;
    padding: 6px 10px 6px 18px;
    text-align: left; }

#footer_adr {
  float: right;
  width: 280px;
  text-align: right; }
  #footer_adr p {
    font-size: 12px; }

#pagetop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%; }

/*まわり込み*/
.block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.fl {
  float: left;
  margin: 10px 10px; }

.fr {
  float: right;
  margin: 10px 10px; }

/* ページナビ */
.wp-pagenavi {
  clear: both;
  font-family: 'Arial', 'Tahoma', sans-serif;
  padding: 20px 0; }

.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none;
  color: #fff;
  border: 1px solid #9bc342;
  padding: 3px 5px;
  margin: 2px;
  background-color: #9bc342; }

.wp-pagenavi a:hover, .wp-pagenavi span.current {
  border: 1px solid #9bc342;
  background-color: #fff; }

.wp-pagenavi span.current {
  font-weight: bold;
  color: #9bc342; }

/*------------------------------------------------------------------------------
    Ipad対応
------------------------------------------------------------------------------*/
@media screen and (max-device-width: 1024px) {
  body {
    _display: inline;
    _zoom: 1;
    width: 100%; }

  #eyecatch {
    _display: inline;
    _zoom: 1;
    width: 100%; }

  #fancybox-overlay {
    _display: inline;
    _zoom: 1;
     width: 100%; } }