@charset "UTF-8";

.rela{
	position: relative;
	}


/* widthスタイル
---------------------------------------------------------*/
/************************************
** スマホ
************************************/
.pc_wide_narrow{
	width: 100%;
	}

@media only screen and (min-width: 1031px) {
.pc_wide_narrow{
	width: 66%;
	}
}


/* colスタイル
---------------------------------------------------------*/
/************************************
** スマホ
************************************/
.cols { * zoom: 1;}
.cols:after {
    content: "";
	display: block;
	clear: both;
	}
.col-2, .col-3, .col-4, .col-37, .col-37-img, .col-37-img-r, .col-55-img, .col-55-img-r,.col-55-img_double , .col-foot, .col-55-img-r{ margin-bottom: 20px;}
.col-half {
    float: left;
    width: 48.5%;
	margin-left: 3%;
	* clear: right;
	}
.col-half:first-child{ margin-left: 0;}
.col-37-img:first-child,.col-37-img-r:first-child, .col-55-img:first-child, .col-55-img-r:first-child{
	text-align: center;
	}
.col-55-img_double:first-child{
	}
	
.col-82 {
    float: left;
	width: 24%;
	margin-left: 4%;
	* clear: right;
	}
.col-82:first-child {
	width: 72%;
	margin-left: 0;
	}
	
.colscomm{
	* zoom: 1;
	display: flex;
	align-items: center; /* ← 縦中央揃え */
}

.col-com {
  margin-left: 1%;
}

/* 右側のカラム：右寄せにしたい場合はここで制御 */
.col-com:last-child {
  display: flex;
  justify-content: flex-end;  /* 右側に寄せる */
  align-items: center;
  text-align: initial;         /* 親のtext-align:center等の打ち消し */
}

.col-com:first-child {
  width: 7%;
  margin-left: 0;
  display: flex;
  align-items: center;      /* ← 画像を縦中央に */
  justify-content: center;  /* ← 横中央にも揃える場合 */
}

.col-com:last-child {
  width: 87%;
}

.col-2 p:last-child, .col-3 p:last-child, .col-4 p:last-child, .col-37 p:last-child, .col-half p:last-child{ margin-bottom: 0;}

.col-2shot {
    float: left;
	width: 58%;
	margin-left: 3%;
	* clear: right;
	}
.col-2shot:first-child {
	width: 39%;
	margin-left: 0;
	text-align: left;
	}
	
	
.col-37fit {
    float: left;
	width: 64%;
	margin-left: 4%;
	* clear: right;
	}
.col-37fit:first-child {
	width: 32%;
	margin-left: 0;
	text-align: left;
	}

.border_line {
	width: 80%;
	heigth: 10px;
	background:url(../img/base/border.png) center center;
	}

@media only screen and (min-width: 768px) {
/************************************
** colスタイル
************************************/

.cols { * zoom: 1;}
.cols:after {
    content: "";
	display: block;
	clear: both;
	}
.col-2, .col-3, .col-4, .col-37{ margin-bottom: 0;}

.col-2 {
    float: left;
    width: 48.5%;
	margin-left: 3%;
	* clear: right;
	}
.col-2:first-child{ margin-left: 0;}
.col-2 img {
    max-width: 100%;
	height: auto;
	}
.col-3 {
    float: left;
    width: 31.6%;
	margin-left: 2.6%;
	* clear: right;
	}
.col-3:first-child{ margin-left: 0;}
.col-4 {
    float: left;
    width: 23.2%;
	margin-left: 2.4%;
	* clear: right;
	}
.col-4:first-child{ margin-left: 0;}
.col-37-img {
    float: left;
	width: 64%;
	margin-left: 4%;
	margin-bottom: 30px;
	* clear: right;
	}
.col-37-img:first-child {
	width: 32%;
	margin-left: 0;
	text-align: left;
	}
.col-37-img-r {
    float: right;
	width: 64%;
	margin-right: 4%;
	margin-bottom: 30px;
	* clear: right;
	}
.col-37-img-r:first-child {
	width: 32%;
	margin-right: 0;
	text-align: left;
	}
.col-55-img {
    float: left;
	width: 50%;
	margin-left: 3%;
	margin-bottom: 30px;
	* clear: right;
	}
.col-55-img:first-child {
	width: 47%;
	margin-left: 0;
	text-align: left;
	}
.col-55-img-r {
    float: right;
	width: 47%;
	margin-left: 3%;
	margin-bottom: 30px;
	* clear: right;
	}
.col-55-img-r:first-child {
	width: 50%;
	margin-left: 0;
	text-align: left;
	}
.col-55-img_double{
    float: left;
	width: 50%;
	margin-left: 3%;
	margin-bottom: 30px;
	* clear: right;
	}
.col-55-img_double:first-child{
	width: 47%;
	margin-left: 0;
	text-align: left;
	}
.col-55-img-r {
    float: right;
	width: 50%;
	margin-right: 3%;
	margin-bottom: 30px;
	* clear: left;
	}
.col-55-img-r:first-child {
	width: 47%;
	margin-right: 0;
	text-align: left;
	}	
.col-foot {
    float: left;
	width: 44%;
	margin-left: 2%;
	margin-bottom: 20px;
	* clear: right;
	}
.col-foot:first-child {
	width: 54%;
	margin-left: 0;
	text-align: left;
	}
}
@media only screen and (min-width: 1031px) {
/************************************
** colスタイル
************************************/
.col-foot {
	width: 37%;
	margin-left: 3%;
	}
.col-foot:first-child {
	width: 60%;
	}
}

/************************************
** flex box
************************************/
.flex,
.flex-st,
.flex-cn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
/* 折り返し */
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
/* 垂直配置子を親の高さに合わせる */
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}
/* 均等配置 */
.flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
/* 左寄せ配置 */
.flex-st {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
/* 中央寄せ配置 */
.flex-cn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
/* 右寄せ配置 */
.flex-en {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

/************************************
** ボタン（button）
************************************/
.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	-webkit-appearnce: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	border-top: 1px solid #ccc;  
    border-right: 1px solid #999;  
    border-bottom: 1px solid #999;  
    border-left: 1px solid #ccc;
	padding: 0.7em;
	margin: 0;
	text-align: center;
	line-height: 1;
	font-size: inherit; /* 祖先要素を継承 */
	cursor: pointer;
	text-decoration: none;
	color: inherit;
	
    text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;  
    -webkit-box-shadow: 1px 1px 2px #E7E7E7;  
    -moz-box-shadow: 1px 1px 2px #E7E7E7; 
	
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	
	background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc)); 
}

.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));
}
.btn--full{	width: 100%;}
.btn--half{	width: 50%;}
.btn--300{	width: 300px;}
.btn--full--half{ width: 100%;}

a.button{
	color: #555;
	text-decoration: none;
	margin-top: 5px;
	}
a.button:link{ color: #555; text-decoration: none;}
a.button:visited{ color: #555; text-decoration: none;}
a.button:hover { color: #555; text-decoration: none;}
a.button:active{ color: #555; text-decoration: none;}


.btn-box{
	text-align: center;
	margin: 0 auto;
	}
.btn-box a{
    display: inline-block;
	text-align: center;
	padding: 10px;
	border: 1px solid #333;
	text-decoration: none;
	color: #333;
	}
	
.btn,
input[type="submit"].btn,
input[type="reset"].btn,
input[type="button"].btn {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1.2;
  outline: none;
  padding: 1.5em;
  margin: 0 auto;
  text-shadow: none; 
  -webkit-box-shadow: none; 
  -moz-box-shadow: none; 
  border-radius: 3px;
}
.btn::before,
.btn::after,
input[type="submit"].btn::before,
input[type="submit"].btn::after,
input[type="reset"].btn::before,
input[type="reset"].btn::after,
input[type="button"].btn::before,
input[type="button"].btn::after{
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.btn,
.btn::before,
.btn::after,
input[type="submit"].btn::before,
input[type="submit"].btn::after,
input[type="reset"].btn::before,
input[type="reset"].btn::after,
input[type="button"].btn::before,
input[type="button"].btn::after {
  -webkit-transition: all .3s;
  transition: all .3s;
}

.btn_p1,
input[type="submit"].btn_p1,
input[type="reset"].btn_p1,
input[type="button"].btn_p1 {
  background-color: #4D95EA;
  border: 2px solid #4D95EA;
  color: #fff;
  line-height: 1.1;
}
.btn_p1:hover,
input[type="submit"].btn_p1:hover,
input[type="reset"].btn_p1:hover,
input[type="button"].btn_p1:hover {
  background-color: #fff;
  border-color: #4D95EA;
  color: #4D95EA;
}

.btn_p2 {
  border: 2px solid #555;
  color: #555;
  line-height: 1.1;
}
.btn_p2:hover {
  background-color: #555;
  color: #fff;
}

.btn_bk {
  background-color: #121212;
  border: 2px solid #121212;
  color: #fff;
  line-height: 1.1;
}
.btn_bk:hover {
  background-color: #fff;
  border-color: #121212;
  color: #121212;
}
.btn_touka_w:hover {
  background: rgba(255,255,255,0.5);
}

.btn_pw {
  border: 2px solid #FFF;
  color: #FFF;
  line-height: 1.1;
}
.btn_pw:hover {
  background-color: #4D95EA;
  color: #fff;
}
	
.btn_arrow {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  outline: none;
  padding: 15px;
  margin: 0 auto;
}
.btn_arrow::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
	
.btn_s {
	padding: 10px
	}
	
.btn_cb {
  background-color: #3082E7;
  border: 2px solid #3082E7;
  color: #fff;
  line-height: 0.9;
}
.btn_cb:hover {
  background-color: #fff;
  border-color: #3082E7;
  color: #3082E7;
}

.align-c{
	text-align: center;
	}
.align-l{
	text-align: left;
	}
.align-r{
	text-align: right;
	}

/************************************
** 記事装飾（太字、強調など）
************************************/
/* 点滅 */
.blinking{
	-webkit-animation:blink 0.8s ease-in-out infinite alternate;
    -moz-animation:blink 0.8s ease-in-out infinite alternate;
    animation:blink 0.8s ease-in-out infinite alternate;
}
/* ボーダー */
.border-only{
	display: block;
	width: 100%;
	height: 3px;
	border-top: 3px dotted #CCC;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* オススメタグ */
span.icon_ninki {
  position: relative;
  margin-left: 5px;
  }
span.icon_ninki:before {
	position: absolute;
	top: 0; left:0;
	content: "人気！";
	background: #d06d8c;
	color: #FFF;
	font-size: 12px; font-size: 1.2rem;
	border: 1px solid #bc528b;
	padding: 1px 5px;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	width: 40px;
	}
span.icon_ninki_best {
  position: relative;
  margin-left: 5px;
  }
span.icon_ninki_best:before {
	position: absolute;
	top: 0; left:0;
	content: "一番人気！";
	background: #C05049;
	color: #FFF;
	font-size: 12px; font-size: 1.2rem;
	border: 1px solid #b22222;
	padding: 1px 5px;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	width: 60px;
	}

/* 新着タグ */
span.icon_new {
  position: relative;
  margin-left: 5px;
  }
span.icon_new:before {
	position: absolute;
	top: 0; left:0;
	content: "New";
	background: #C05049;
	color: #FFF;
	font-size: 14px; font-size: 1.4rem;
	border: 1px solid #b22222;
	padding: 1px 5px;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	}

/* チェックタグ */
span.icon_check {
  position: relative;
  margin-left: 5px;
  }
span.icon_check:before {
	position: absolute;
	top: 0; left:0;
	content: "Check!";
	background: #C05049;
	color: #FFF;
	font-size: 14px; font-size: 1.4rem;
	border: 1px solid #b22222;
	padding: 1px 5px;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	}
/* 新着メッセージ */
span.icon_new_txt {
  position: relative;
  margin-left: 5px;
  }
span.icon_new_txt:before {
	position: absolute;
	top: 0; left:0;
	content: "new";
	color: #C05049;
	font-size: 14px; font-size: 1.4rem;
	padding: 4px 0 0 0;
	}
/* 太字 */
.txt_bold{ font-weight: bold;}
/* 太字＆アンダーライン */
.txt_bold_line{ font-weight: bold;
    border-bottom: 1px solid #999;
	}
strong { font-weight: bold;}
.impact{ color: #be0000; font-weight: bold;}
.marker { background: linear-gradient(transparent 70%, #cfe6cf 70%);}
.marker_orange { background: linear-gradient(transparent 85%, #f1a76b 85%);}
.marker_yellow { background: linear-gradient(transparent 65%, #feea26 65%);}

/* 線囲み枠 */
.border_box{
	border: 1px solid #BBB;
	padding: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 20px;
	}
.border_box p:last-child{
	margin-bottom: 0;
	}
.border_box .snavi{
	margin-bottom: 0;
	}
.border_color_orange{
	border: 1px solid orange;
	padding: 10px;
	}
/* フキダシボックス */
.disc_box{
    position: relative;
	width: 96%;
	margin: 10px auto 20px auto;
	padding: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	background: #EFEFEF;
	}
span.disc_box{
    display:block;
	}
.disc_box:before {
    border-style:solid;
    border-width:0 10px 10px;
    border-color:#EFEFEF transparent;
    content: " ";
    top:-10px;
    left:10px;
    position:absolute;
    background-color:transparent;
}
.disc_box p:last-child{
	margin-bottom: 0;
	}
	
/* ピックアップボックス */
.pickup_box{
	border: 1px dashed #4682b4;
	background: #f0f8ff;
	padding: 15px;
	margin-bottom: 20px;
	}
.pickup{
	background-color:#D2F4FA;
	font-weight: bold;
	}
.txt_c {text-align: center;}
.txt_l {text-align: left;}
.txt_r {text-align: right;}
.center {text-align: center;
    padding-bottom: 20px;
	}
	
/* 注意書き枠 */
.caution_box{
	border: 3px solid #CCC;
	padding: 1em;
	border-radius: 5px;
	margin-bottom: 20px;
	}
.caution_box p:last-child{
	margin-bottom: 0;
	}
	
/************************************
** 背景色 background-color
************************************/
.bg_flat_pink{background:#F58E7E;}
.bg_flat_lightgreen{background:#79D1B0;}
.bg_flat_emeraldgreen{background:#2ecc71;}
.bg_flat_green{background:#1abc9c;}
.bg_flat_yellowgreen{background:#8DCF3F;}
.bg_flat_black{background:#303238;}
.bg_flat_yellow{background:#DFBB47;}
.bg_flat_lightorange{background:#FDC44F;}
.bg_flat_blue{background:#496986;}
.bg_flat_deepblue{background:#2980b9;}
.bg_flat_midnightblue{background:#2c3e50;}
.bg_flat_bluegreen{background:#5EBABA;}
.bg_flat_sky{background:#33BFDB;}
.bg_flat_mosgreen{background:#53643F;}
.bg_flat_lightgray{background:#F0EFF0;}
.bg_flat_gray{background:#7f8c8d;}
.bg_flat_navygray{background:#464D56;}
.bg_flat_purple{background:#4B3E92;}
.bg_flat_redpurple{background:#720035;}

/************************************
** テキスト色 text-color
************************************/
.c_white{color: white;}
.c_darkgray{color: #777;}
.c_pink{color: #FF6699;}
.c_red{color: #be0000;}
.c_orange{color: #FF6600;}
.c_purple{color: #993366;}
.c_purple2{color: #9d4dee}
.c_yellow{color: #f8b500;}
.c_kiiro{color: #F9EC00;}
.c_greenl{color: #669900;}
.c_blue{color: blue;}
.c_bluesite{color: #33a8e3;}
.c_lightblue{color: #00CCFF;}
.c_deepblue{color: #330099;}
.c_redpurple { color: #8b008b;}
.c_bluepurple { color: #af99db;}


.bg_flat_pink{background:#F58E7E;}

/* マージン調整用（margin）
---------------------------------------------------------*/
.mrs{ margin-right: 10px;}
.mrm{ margin-right: 15px;}
.muss{ margin-bottom: 5px;}
.mus{ margin-bottom: 20px;}
.mum{ margin-bottom: 30px;}
.mul{ margin-bottom: 40px;}
.mull{ margin-bottom: 60px;}

.main p.mu0 {margin-bottom: 0;}
.main p.mus {margin-bottom: 20px;}
.main p.mum {margin-bottom: 30px;}
.main p.mul {margin-bottom: 40px;}
.main p.mull {margin-bottom: 60px;}
.mu0 {margin-bottom: 0 !important;}
.pt0 {padding-top: 0 !important;}
.pu0 {padding-bottom: 0 !important;}
.ptu0 {padding-bottom: 0 !important;}

.ptss { padding-top: 10px;}
.pts { padding-top: 20px;}
.ptm { padding-top: 30px;}
.ptl { padding-top: 40px;}
.main .pts { padding-top: 20px;}
.ptum { padding-top: 20px; padding-bottom:20px;}
.ptul { padding-top: 30px; padding-bottom:30px;}
.psides { padding-left: 10px; padding-right:10px;}

@media only screen and (max-width: 768px) {
.smamu0{margin-bottom: 0 !important;}
}
@media only screen and (min-width: 768px) {
.pcmum{margin-bottom: 30px;}
}


/************************************
** ベルト
************************************/

#belt {
	background: #EFEFEF;
	width: 100%;
	position: relative;
}
#belt_in {
	width: 100%;
	position: relative;
	text-align: left;
}
#belt_in .site_catch{
	position: absolute;
	top: 5px;
	left: 0;
	font-size: 12px; font-size: 1.2rem;	
	}
@media only screen and (min-width: 768px) {
#belt {
	min-width: 768px;
	height: 52px;
	}
#belt_in {
	width: 750px;
	margin:0 auto;
	}
}
@media only screen and (min-width: 1031px) {
#belt {
	min-width: 1030px;
	}
#belt_in {
	width: 1030px;
	}
}


/************************************
** スマホヘッダー
************************************/
.sp_header{
	display: block;
	height: 80px;
	padding: 10px;
}
.sp_header { * zoom: 1;}
.sp_header:after {
    content: "";
	display: block;
	clear: both;
	}
.logo_sp{
    float: left;
	width: 55%;
	margin-right: 4%;
	* clear: right;
	}
.logo_sp img {
	max-width: 100%;
	height: auto;
	}
.logo_sp_time{
    float: right;
	width: 35%;
	* clear: right;
	}
.logo_sp_time img {
	max-width: 100%;
	height: auto;
	}

/************************************
** PCヘッダー
************************************/

.pc_header{
	display: block;
	width: 100%;
	height: 120px;
}
.pc_header { * zoom: 1;}
.pc_header:after {
    content: "";
	display: block;
	clear: both;
	}
@media only screen and (min-width: 768px) {
.pc_header_in{
	width: 767px;
	margin: 0 auto;
	}
}
@media only screen and (min-width: 1031px) {
.pc_header_in{
	width: 1030px;
	}
}
.logo_pc{
    float: left;
	width: 30%;
	margin-right: 4%;
	* clear: right;
	padding: 10px 0;
	}
.logo_pc img {
	max-width: 100%;
	height: auto;
	}
.logo_pc_time{
    float: left;
	width: 66%;
	* clear: right;
	padding: 20px 0 10px 0;
	}
.logo_pc_time img {
	max-width: 100%;
	height: auto;
	}

/************************************
** PCサイドバー
************************************/
#side_menu {
	display: none;
	}
	
.post-lp {
	text-align: center;
	}
.post-lp .mb2em{
	margin-bottom: 2em;
	}
.lp_txt{
	width: 90%;
	margin: 0 auto;
	text-align: left;
	}
.lp_txt p{
	margin-bottom: 1.5em; 
	}
.lp_logo{
	width: 70%;
	margin: 0 auto 2em auto;
	}

dl.lp_data{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.5em;
}
dl.lp_data dt {
  width: 30%;
  padding-bottom: 1.5em;
}
dl.lp_data dd {
  width: 70%;
  padding-bottom: 1.5em;
  text-align: left; 
}
.lp_time{
	width: 85%;
	margin: 0 auto 2em auto;
	}

	
@media only screen and (min-width: 1131px) {
.post, .post-full {
	width: 740px;
	float: right;
	text-align: left;
	}
	
.lp_txt{
	width: 60%;
	}
.lp_logo{
	width: 40%;
	}
	
#side_menu {
	display: block;
	width: 240px;
	float:left;
    background: rgba(255,255,255,0.6);
	color: #3AA0D8;
	height: 100%;
	box-shadow: 0 3px 3px rgba(0,0,0,0.5);
}


#side_menu a {
	color: #3297E1;
	text-decoration: none;
}
}

@media only screen and (min-width: 1031px) {
#side_menu a {
	font-size: 14px; font-size: 1.4rem;
	}
#gnav a:hover {
	color: #309FD7;
	}
}

#gnav .kutikomi a{
	background: url(../img/icon/kutikomi.png) no-repeat left 7px center;
	background-size: 24px 24px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}

#gnav .acd a{
	background: url(../img/icon/star.png) no-repeat left 7px center;
	background-size: 24px 24px;
	padding: 20px 0 15px 35px;
}
#gnav .acd_title{
	background: url(../img/icon/star.png) no-repeat left 7px center;
	background-size: 24px 24px;
	padding: 20px 0 15px 35px;
	font-weight: bold;
}
#gnav .acd_ul{
	display:none;
}

#gnav .acd_ul .atama a{
	background: url(../img/icon/zutuu.png) no-repeat left 3px center;
	background-size: 32px 32px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}
#gnav .acd_ul .eye a{
	background: url(../img/icon/eye.png) no-repeat left 3px center;
	background-size: 30px 30px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}
#gnav .acd_ul .body a{
	background: url(../img/icon/hip.png) no-repeat left 3px center;
	background-size: 32px 32px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}
#gnav .acd_ul .kogao a{
	background: url(../img/icon/kogao.png) no-repeat left 3px center;
	background-size: 30px 30px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}
#gnav .acd_ul .kotuban a{
	background: url(../img/icon/kotuban.png) no-repeat left 3px center;
	background-size: 30px 30px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}
#gnav .acd_ul .honoo a{
	background: url(../img/icon/honoo.png) no-repeat left 3px center;
	background-size: 30px 30px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}
#gnav .acd_ul .shoulder a{
	background: url(../img/icon/shoulder.png) no-repeat left 3px center;
	background-size: 30px 30px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}
#gnav .acd_ul .ago a{
	background: url(../img/icon/ago.png) no-repeat left 3px center;
	background-size: 32px 32px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}
#gnav .acd_ul .kubi a{
	background: url(../img/icon/kubi.png) no-repeat left 3px center;
	background-size: 32px 32px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}
#gnav .acd_ul .hiza a{
	background: url(../img/icon/hiza.png) no-repeat left 3px center;
	background-size: 30px 30px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}
#gnav .acd_ul .itami a{
	background: url(../img/icon/itami.png) no-repeat left 3px center;
	background-size: 30px 30px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}
#gnav .acd_ul .brain a{
	background: url(../img/icon/brain.png) no-repeat left 3px center;
	background-size: 30px 30px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}
#gnav .acd_ul .lady a{
	background: url(../img/icon/lady.png) no-repeat left 3px center;
	background-size: 30px 30px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}

@media only screen and (min-width: 1031px) {
#gnav .acd_ul{
	display:block;
}
}

#side_menu a {
	font-size: 15px; font-size: 1.5rem;
	}

#gnav {
	margin: 0 auto;
	}
#gnav ul{
	line-height: 1;
	}
#gnav li a {
	font-weight: bold;
	padding: 1em 12px 1em 12px;
	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	display: block;
	border-bottom: 1px dotted #3297E1;
}

@media only screen and (min-width: 1031px) {
#gnav {
	width: 210px;
	}
}

@media only screen and (min-width: 1031px) {
.side_bana{
	width: 210px;
	margin: 2em auto 0 auto;
	}
}

/************************************
** フッターリンク
************************************/
.sp_foot_link a{
	text-decoration: none;
}
.sp_foot_link li {
	padding-top: 8px;
	magin-bottom: 8px;
}
.sp_foot_link .acd a{
	background: url(../img/icon/star.png) no-repeat left 7px center;
	background-size: 20px 20px;
	padding: 20px 0 15px 35px;
}
.sp_foot_link .acd_ul{
	display:none;
}
.sp_foot_link .acd_ul .atama a{
	background: url(../img/icon/zutuu.png) no-repeat left 6px center;
	background-size: 21px 21px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}
.sp_foot_link .acd_ul .eye a{
	background: url(../img/icon/eye.png) no-repeat left 7px center;
	background-size: 20px 20px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}
.sp_foot_link .acd_ul .body a{
	background: url(../img/icon/hip.png) no-repeat left 11px center;
	background-size: 21px 21px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}
.sp_foot_link .acd_ul .kogao a{
	background: url(../img/icon/kogao.png) no-repeat left 11px center;
	background-size: 20px 20px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}
.sp_foot_link .acd_ul .kotuban a{
	background: url(../img/icon/kotuban.png) no-repeat left 11px center;
	background-size: 20px 20px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}
.sp_foot_link .acd_ul .honoo a{
	background: url(../img/icon/honoo.png) no-repeat left 11px center;
	background-size: 20px 20px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}
.sp_foot_link .acd_ul .shoulder a{
	background: url(../img/icon/shoulder.png) no-repeat left 11px center;
	background-size: 20px 20px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}
.sp_foot_link .acd_ul .ago a{
	background: url(../img/icon/ago.png) no-repeat left 11px center;
	background-size: 21px 21px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}
.sp_foot_link .acd_ul .kubi a{
	background: url(../img/icon/kubi.png) no-repeat left 11px center;
	background-size: 20px 20px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}
.sp_foot_link .acd_ul .hiza a{
	background: url(../img/icon/hiza.png) no-repeat left 11px center;
	background-size: 20px 20px;
	padding: 20px 0 15px 38px;
	color: #ee7e21;
}