@charset "utf-8";

/*************************
 common.css
 スタイルシート
  yudetaro.jp common
*************************/
/************
 共通
************/
*
{
    margin:                 0px;
    padding:                0px;
}

*, *:after, *:before
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

table,img
{
    border:                 none;
}

ul
{
    list-style:             none;
}

a
{
    color:                  #333333;
    text-decoration:        none;
}

body
{
    text-align:             center;
    background-image:       none;
}

div#page
{
    position:               relative;
/*    border:                 2px solid #666666;*/
/*    width:                  840px;*/
    width:                  100%;
    margin:                 0px auto;
    text-align:             left;
    background:             #ffffff;
    font-size:              95%;
    font-family:            "ヒラギノ角ゴ Pro W3",
                            "Hiragino Kaku Gothic Pro",
                            "メイリオ",
                            "Meiryo",
                            "MS Pゴシック",
                            "MS P Gothic",
                            sans-serif;

	border-top:				none;
	border-left:			none;
	border-right:			none;
}

/************
 header
************/
div#header
{
    width:                  100%;
    height:                 174px;
    border:                 1px solid #666666;
    background:             #1a1e72;
    background:             #1b3d7d;
}

div#header img
{
/*    border:                 1px solid #666666;*/
}

div#header_top img
{
	width:					100%;
}

img.catch
{
	display:				none;
}

p.catch
{
	clear:					left;
	width:					90%;
	font-size:				0.9em;
	margin-left:			1em;
	color:					#ec87b1;
}


div#top_menu
{
}

div#top_menu ul li
{
/*    display:                inline;
    height:                 30px;
    padding-top:            5px;
    padding-bottom:         3px;
    border-left:            1px solid #ffffff;*/
}

* html div#top_menu ul li
{
    padding-top:            0;
}

li.blog
{
    border-right:           1px solid #ffffff;
}


/************
 footer
************/
div#footer
{
/*    border:                 1px solid #333333;*/
    border-top:             none;
    padding-top:            8px;
/*	display:				none;*/
}

div#bnr_about
{
    float:                  left;
    margin-left:            10px;
}

div#footerNavi
{
    width:					100%;
    background:				#1b3d7d;
/*    float:                  right;
    margin-right:           38px;*/
}

ul#ftNavi
{
	margin-left:			3%;
	width:					80%;
/*	background:				#dddddd;*/
}

ul#ftNavi li
{
    display:                block;
    margin-right:           0px;
    padding:                3px 5px;
    width:					100%;
    border-right:           none;
    border-bottom:			1px dashed #cccccc;
/*    font-family:            "ヒラギノ明朝 ProN W3",
                            "Hiragino ProN Mincho",
                            "MS P明朝",
                            "MS P Mincho",
                            serif;*/
/*    font-family:            serif;*/
}

ul#ftNavi li.fn_last
{
    margin-right:           0px;
    border-right:           none;
}

ul#ftNavi li a
{
    padding:                3px 5px;
    text-decoration:        none;
    font-size:              0.9em;
    font-weight:            normal;
    letter-spacing:			0.1em;
    color:                  #000000;
    color:                  #ffffff;
}

ul#ftNavi li a.mail_lnk
{
    padding-left:           22px;
    background:             url(../images/mailto.gif) no-repeat left 4px;
}

ul#ftNavi li a:hover
{
    text-decoration:        none;
    color:                  #8888dd;
    color:                  #dd8833;
    background:				#222222;
}

ul#ftNavi li a span
{
	display:				inline-block;
	width:					100%;
}

p#copyright
{
    clear:                  both;
    margin-top:             5px;
    margin-bottom:          4px;
    font-size:              90%;
    text-align:             center;
}

div#header_mb
{
	display:				block;
}

div#header_mb img
{
	width:					100%;
}

.mobile
{

	display:				block;
}

#cd-main-nav
{
/*	position:				relative;*/
}

#cd-nav ul
{
	position:				fixed;
	right:					3%;
	top:					130px;
	top:					20px;
	width:					90%;
	max-width:				400px;
	color:					#2c2c2c;
	color:					#ffffff;
	background:				#cccccc;
	background:				#8478a9;
	background:				#5c528f;
	background:				#6c629f;
	visibility:				hidden;
	overflow:				hidden;
	z-index:				1;

	border-radius:			0.25em;
	box-shadow:				0 0 10px rgba(232,74,100,0.4);;

  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
  -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
  transition: transform 0.3s, visibility 0s 0.3s;
}

#cd-nav ul li
{
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#cd-nav ul.is-visible
{
	visibility:				visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.3s, visibility 0s 0s;
  transition: transform 0.3s, visibility 0s 0s;
}

#cd-nav ul.is-visible li:nth-child(1)
{
  -webkit-animation: cd-slide-in 0.2s;
  -moz-animation: cd-slide-in 0.2s;
  animation: cd-slide-in 0.2s;
}

#cd-nav ul.is-visible li:nth-child(2)
{
  -webkit-animation: cd-slide-in 0.4s;
  -moz-animation: cd-slide-in 0.4s;
  animation: cd-slide-in 0.4s;
}

#cd-nav ul.is-visible li:nth-child(3)
{
  -webkit-animation: cd-slide-in 0.6s;
  -moz-animation: cd-slide-in 0.6s;
  animation: cd-slide-in 0.6s;
}

#cd-nav ul.is-visible li:nth-child(4)
{
  -webkit-animation: cd-slide-in 0.8s;
  -moz-animation: cd-slide-in 0.8s;
  animation: cd-slide-in 0.8s;
}

#cd-nav ul.is-visible li:nth-child(5)
{
  -webkit-animation: cd-slide-in 1.0s;
  -moz-animation: cd-slide-in 1.0s;
  animation: cd-slide-in 1.0s;
}

#cd-nav ul.is-visible li:nth-child(6)
{
  -webkit-animation: cd-slide-in 1.2s;
  -moz-animation: cd-slide-in 1.2s;
  animation: cd-slide-in 1.2s;
}

#cd-nav ul.is-visible li:nth-child(7)
{
  -webkit-animation: cd-slide-in 1.4s;
  -moz-animation: cd-slide-in 1.4s;
  animation: cd-slide-in 1.4s;
}

#cd-nav li
{
}

#cd-nav li a
{
	display:				block;
	padding:				1.2em;
	color:					#ffffff;
	color:					#2c2c2c;
	color:					#ffffff;
	border-bottom:			1px solid #eff2f6;
}

#cd-nav li a:hover
{
	color:					#aaaaff;
	color:					#e84a64;
	color:					#ee6633;
/*	background-image:		none;*/
}

#cd-nav li:last-child a
{
	border-bottom:			none;
}

.cd-nav-trigger
{
	position:				fixed;
	top:					130px;
	top:					20px;
	right:					3%;
	width:					44px;
	height:					44px;
	width:					40px;
	height:					40px;
	background:				#ffffff;
	background:				#cccccc;
	background:				#1e1a72;
	background:				#5c528f;
	background:				#6c629f;
/**/
	opacity:				0.7;
	filter:					alpha(opacity=70);
	-ms-filter:				"alpha(opacity=70)";
	-moz-opacity:			0.7;
	-khtml-opacity:			0.7;
/**/
	border-radius:			0.25em;
	box-shadow:				0 0 10px rgba(232,74,100,0.4);
	overflow:				hidden;
	text-indent:			100%;
	white-space:			nowrap;
	z-index:				2;
}

.cd-nav-trigger:hover
{
	opacity:				1;
}

.cd-nav-trigger span
{
	position:				absolute;
	display:				block;
	width:					20px;
	height:					2px;
	background:				#e84a64;
	background:				#ffffff;
	top:					50%;
	margin-top:				-1%;
	left:					50%;
	margin-left:			-10px;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}

.cd-nav-trigger span::before,
.cd-nav-trigger span::after
{
  content: '';
  position: absolute;
  left: 0;
  background: inherit;
  width: 100%;
  height: 100%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s, background 0s;
  -moz-transition: -moz-transform 0.3s, background 0s;
  transition: transform 0.3s, background 0s;
}

.cd-nav-trigger span::before
{
  top: -6px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

.cd-nav-trigger span::after
{
  bottom: -6px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

.cd-nav-trigger.menu-is-open
{
	box-shadow:				none;
}

.cd-nav-trigger.menu-is-open span
{
  background: rgba(232, 74, 100, 0);
}

.cd-nav-trigger.menu-is-open span::before,
.cd-nav-trigger.menu-is-open span::after
{
  background: #e84a64;
	background:				#ffffff;
}

.cd-nav-trigger.menu-is-open span::before
{
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.cd-nav-trigger.menu-is-open span::after
{
  bottom: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}

@-webkit-keyframes cd-slide-in {
  0% {
    -webkit-transform: translateX(100px);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes cd-slide-in {
  0% {
    -moz-transform: translateX(100px);
  }

  100% {
    -moz-transform: translateY(0);
  }
}

@keyframes cd-slide-in {
  0% {
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes cd-bounce-in {
  0% {
    -webkit-transform: scale(0);
  }

  60% {
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes cd-bounce-in {
  0% {
    -moz-transform: scale(0);
  }

  60% {
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}

@keyframes cd-bounce-in {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }

  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

nav#cd-main-nav ul
{
	*zoom:				1;
/*	position:			relative;*/
/*	z-index:			9000;*/
}

nav#cd-main-nav ul li.company
{
	overflow:			visible;
	border-bottom:		1px solid #eff2f6;
}

nav#cd-main-nav ul li.company a
{
	position:			static;
	overflow:			hidden;
	height:				auto;
	border-bottom:		none;
}

nav#cd-main-nav ul li.company ul
{
	display:			none;
	position:			static;
	top:				auto;
	left:				auto;
	top:				0;
	left:				0;
	margin-left:		1.5em;
	box-shadow:			none;
/*	overflow:			hidden;*/
}

nav#cd-main-nav ul li.company ul li
{
}


nav#cd-main-nav ul li.company a:hover
{
	color:				#ffffff;
}

nav#cd-main-nav ul li.company ul li a:hover
{
	color:				#ce791f;
	color:				#ee6633;
}


nav#cd-main-nav ul li.company ul li
{
	overflow:			hidden;
	height:				0;
	transition:			.2s;
}

nav#cd-main-nav ul li.company:hover ul li
{
	overflow:			visible;
	height:				4em;
	border-top:			1px dashed #eff2f6;
}

.pc
{
	display:			none;
}