@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&display=swap');

html, body {
	position: relative;
	height: 100%;
	min-width: 1180px;
	background-position: center center;
	background-repeat: repeat-y;
	/*background-image: url(../images/bgline1.svg);*//*no-line*/
	}
@media screen and (max-width: 640px) {
html, body {
	min-width: 100%;
	}
	}

body{
	font-family: -apple-system, 'Lato', "Helvetica Neue", "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	font-weight: normal;
	font-weight: 300;	/*100,300,400,700,900*/
	font-size: 15px;
	line-height: 1em;
	background-color: rgba(255, 255, 255, 1);
	color: #333;
	}
@media screen and (max-width: 640px) {
body{
	font-size: 16px;
	}
	}

.sp{	display: none !important;	}
@media screen and (max-width: 640px) {
.sp{	display: block !important;	}
	}

.pc{	display: block !important;	}
@media screen and (max-width: 640px) {
.pc{	display: none !important;	}
	}

.spi{	display: none;	}
@media screen and (max-width: 640px) {
.spi{	display: inline;	}
	}

.pci{	display: inline;	}
@media screen and (max-width: 640px) {
.pci{	display: none;	}
	}


/*================================

common

================================*/

html, body, svg{
	margin: 0;
	padding: 0;
	}

* {
	box-sizing: border-box;
	}

h1,h2,h3,h4,h5,p{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-weight: 300;
	}

::selection {
	background: #333;
	color: #fff;
	}
::-moz-selection {
	background: #333;
	color: #fff;
	}

/*br{
	letter-spacing: 0;
	font-size: 0;
	}*/

a{
	color: #000;
	text-decoration: none;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
	}

a img{
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
	}

a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	}

a:focus, *:focus {
	outline: none;
	}

a.telLink{
	pointer-events: none;
	}
@media screen and (max-width: 640px) {
a.telLink{
	pointer-events: auto;
	}
	}

img{
	vertical-align: bottom;
	}

ul, li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

.onlyjp {
                display: block;
                }
html[lang="en"] .onlyjp {
                display: none;
                }

.onlyen {
                display: none;
                }
html[lang="en"] .onlyen {
                display: block;
                }


/*================================

wrapper

================================*/

#wrapper {
	position: relative;
	width: 100%;
	min-width: 1180px;
	height: auto;
	margin: auto;
	overflow-x: hidden;
	}
@media screen and (max-width: 640px) {
#wrapper {
	min-width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	}
	}


/*================================

:::::::::: global header ::::::::::

================================*/

/*===　言語選択　===*/

#site-translate-header-wrapper{
	display: none;
	}

.language {
	position: relative;
	display: block;
	z-index: 100;
	width: 100%;
	height: 35px;
	top: 0;
	left: auto;
	margin: auto;
	padding: 5px 5px;
	text-align: right;
	}
@media screen and (max-width: 640px) {
.language {
	position: fixed;
	width: 40%;
	height: 45px;
	left: auto;
	right: 0;
	padding: 10px 5px;
	}
	}

.language a{
	display: inline-block;
	width: 45px;
	height: 25px;
	margin-left: 1px;
	font-size: .7em;
	line-height: 25px;
	text-align: center;
	border: 1px solid #ccc;
	}
@media screen and (max-width: 640px) {
.language a{
	width: 40px;
	}
	}

/*.jp .language a:last-child {
	border: 1px solid #fff;
	}
.en .language a:first-child {
	border: 1px solid #fff;
	}*/

.stain{
	font-weight: bold !important;
	border: 1px solid #000 !important;
	background-color: #000;
	color: #fff;
	}

.language a:hover {
	border: 1px solid #000 !important;
	}

/*===　グロナビ全般　===*/

.navigation {
	position: relative;
	height: 50px;
	width: 100%;
	z-index: 99;
	border-bottom: 1px solid #dedede;
	background-color: rgba(255, 255, 255, 1);
	background-position: center center;
	background-repeat: repeat-y;
	/*background-image: url(../images/bgline1.svg);*//*no-line*/
	}
@media screen and (max-width: 640px) {
.navigation {
	position: fixed;
	min-width: 100%;
	height: 45px;
	background-image: none;
	border-bottom: 0;
	}
	}

.navigation.sticky {
	position: fixed;
	top: 0;
	left: auto;
	}

/*===　ロゴ　===*/

.navigation .nav-logo {
	position: absolute;
                height: 50px;
	display: block;
	z-index: 101;
	top: 0;
	left: 2%;
	}
@media screen and (max-width: 640px) {
.navigation .nav-logo {
	top: 12px;
	left: 50%;
	}
	}

.navigation .nav-logo h1{
	display: block;
	width: 100px;
                height: 50px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/takiya-logo.svg);
	background-size: contain;
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
	}
@media screen and (max-width: 640px) {
.navigation .nav-logo h1 {
	width: 94px;
	height: 26px;
	margin-left: -47px;
	}
	}

/*===============================================================*/
/*===============================================================*/
/*===============================================================*/
/*===　ハンバーガーボタン　===*/
/*===============================================================*/
/*===============================================================*/
/*===============================================================*/

#navi {
	height: 50px;
	width: 900px;
                margin-left: calc(100% - 930px);
	border-bottom: 1px solid #dedede;
                margin-right: 30px;
	}
@media screen and (max-width: 640px) {
#navi {
	height: auto;
	width: 100%;
                margin-left: 0;
                margin-right: 0;
	/*margin-top: -45px;*/
	border-bottom: 0;
	}
	}

/* チェックボックスを非表示 */
#navi input {
	display: none;
	}

/* 上部メニュー */
#menu {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: nowrap;
	flex-direction: row;
	height: 100%;
	}

#menu li {
	position: relative;
	white-space: nowrap;
	height: 100%;
	}

#menu li a {
	display: block;
	height: 100%;
	}

#menu > li.nav-media{
	border-right: none;
	}

#menu > li,
#menu > li label span{
	text-align: center;
	font-size: 14px;
	line-height: 1.3em;
	font-weight: 500;
	}
@media screen and (max-width: 640px) {
#menu > li,
#menu > li label span{
	font-size: 1em;
	}
	}

#menu > li a,
#menu > li label span{
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	}

#menu > li ul li a{
	height: 60px;
	}

#menu > li a:hover{
                text-decoration: underline;
	}

/* パソコンでは V を非表示 */
#menu > li .pd {
	display: none;
	}

#menu-navibtn {
	display: none;
	cursor: pointer;
	cursor: hand;
	}


/* スマホ用 */
@media screen and (max-width: 640px) {
/* 基本非表示 */
#menu {
	display: none;
	}
#menu li {
	height: auto;
	width: 100%;
	/*padding: 0px 20px;*/
	border-bottom: 1px solid #DDD;
	white-space: nowrap;
	}
.langEN #menu li{
	width: 100%;
	}
#menu > li {
	margin-right: -20px;
	border-right: none;
	}
/* V を表示 */
#menu > li .pd {
        display: inline-block;
        width: 50px;
        height: 50px;
        position: absolute;
        top: 0;
        right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
                border-left: 1px solid #ededed;
                }
#menu li a {
	display: inline-block;
	}
#menu li:first-child {
	/*border-top: 1px solid #DDD;*/
	}
#menu li i {
	padding: 0px 6px;
	}
/* メニューを移動させないため */
#menu-navibtn:checked ~ #navi {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
	background: #fff;
	}
#menu > li a,
#menu > li label span{
	height: 50px;
	padding-bottom: 0;
	display: flex;
	line-height: 1.3em;
	}
	}


#menu > li ul li a{
	height: 60px;
	}
#menu > li ul li a span{
	font-size: .8em;;
	}

  /* 固定ボタンはビューポート基準で最前面に */
  #navibtn{
    display:none;
  }

/* スマホ用 */
@media screen and (max-width: 640px) {

  /* 固定ボタンはビューポート基準で最前面に */
  #navibtn{
    display:block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001; /* headerより上に */
    cursor: pointer;
  }

  /* メニューは画面を覆うスクロール領域 */
  #menu-navibtn:checked ~ #navi{
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0; /* ＝ height:100% 相当 */
    overflow-y: auto;
    background: #fff;
  }

  /* もしヘッダーを常時表示したいなら top を 54px に */
  #menu-navibtn:checked ~ #navi{ top:45px; } 
	}

/* ドロップダウンメニュー */
#menu li ul {
	position: relative;
	}

/* 子メニュー */
#menu > li > ul li {
	font-size: 13px;
	display: none;
	padding: 0px 0px;
	background-color: #FFF;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	}

#menu li ul li:first-child {
	/*border-top: 1px solid #ccc;*/
	}

#menu li ul li:last-child {
	border-bottom: 1px solid #dedede;
	}

#menu li ul li ul {
	top: -1px;
	left: 100%;
	}

#menu li ul li ul li ul,
#menu li:nth-child(n+3) ul li ul {
	left: inherit;
	right: 100%;
	}

#menu > li > ul {
	margin-left: -40px;
	margin-right: -40px;
	width: auto;
	}


#menu > li.pageABOUT > ul {
	margin-left: -90px;
	margin-right: -90px;
	}
#menu > li.pageSTORIES > ul {
	margin-left: -90px;
	margin-right: -90px;
	}
#menu > li.pageWORKS > ul {
	margin-left: -120px;
	margin-right: -120px;
	}


@media screen and (max-width: 640px) {
#menu > li > ul {
	margin-left: 0;
	margin-right: 0;
	}

#menu > li ul li a{
	height: 70px;
                font-size: .9rem;
	}

	}

#menu > li.nav-media > ul {
	margin-left: -120px;
	margin-right: 0;
	width: auto;
	}
@media screen and (max-width: 640px) {
#menu > li.nav-media > ul {
	margin-left: 0;
	margin-right: 0;
	width: auto;
	}
	}

/* パソコン用 */
@media screen and (min-width: 641px) {
#menu > li:hover > ul > li,
#menu li ul li:hover > ul > li {
	display: block;
                height:60px;
	}
/* 階層がある場合の誘導の印 */
#menu li ul li ul:before,
#menu li ul li ul li ul:before,
#menu li:nth-child(n+3) ul li ul:before {
	position: absolute;
	top: 28px;
	content: "";
	border: 5px solid transparent;
	display: block;
	}
/* 通常タイプ */
#menu li ul li ul:before {
	left: -10px;
	border-left-color: #666;
	}
/* 右側タイプ */
#menu li ul li ul li ul:before,
#menu li:nth-child(n+3) ul li ul:before {
	right: -10px;
	border-right-color: #666;
	}
	}

/* スマホ用 */
@media screen and (max-width: 640px) {
/* ハンバーガーメニューがクリックされた時 */
#menu-navibtn:checked ~ * #menu {
	display: block;
	width: 100%;
                border-top: 1px solid #dedede;
	}
#menu-navibtn:checked ~ * #menu > li {
	max-height: inherit;
	overflow-y: visible;
	}
#menu > li ul {
	line-height: 50px;
	}
#menu > li > label:hover {
	cursor: pointer;
	/*cursor: hand;*/
	}
#menu li ul {
	position: static;
	}
/* 子メニュー */
#menu > li > ul {
	margin-left: initial;
	position: relative;
	}
#menu li ul li:first-child {
	border-top: 1px solid #ededed;
	}
#menu ul li:last-child {
	border-bottom: none;
	}
#menu > li > ul li {
	border-left: none;
	border-right: none;
	background-color: #f3f3f3;
	}
#menu li ul li ul {
	top: inherit;
	left: 0;
	}
#menu li ul li:last-child {
	border-bottom: none;
	}
/* 子メニューがクリックされた時 */
#menu input[type="checkbox"]:checked ~ label ~ ul > li {
	max-height: inherit;
	overflow-y: visible;
	display: block;
	}
.angletoggle:before {
	content: "\f107";
	}
#navi input[type="checkbox"]:checked ~ label .pd .angletoggle:before {
	content: "\f106";
	}
	}

/* ハンバーガー */
#navi #navibtn {
	display: none;
	}
@media screen and (max-width: 640px) {
#navi #navibtn {
	display: block;
 position: fixed; top:0; right:0; z-index:1001; cursor:pointer; }
#navibtn > span{ position: relative; display:block; width:45px; height:45px; background:#fff; }

/* 隠しテキスト（そのまま） */
#navibtn > span > span{ display:block; overflow:hidden; width:1px; height:1px; }

/* ── 3本線（付け先を変更） ── */
/* 上：span::before／中：span::after／下：label::after */
#navibtn > span::before,      /* 上 */
#navibtn > span::after,       /* 中 */
#navibtn::after {             /* 下（従来どおり label に） */
  content:"";
  position:absolute;
  left:10px;
  width:24px;
  height:1px;
  background:#000;
  transition: transform .2s ease, top .2s ease, bottom .2s ease, opacity .2s ease;
}

/* 通常時の位置 */
#navibtn > span::before { top:16px; }   /* 上 */
#navibtn > span::after  { top:22px; }   /* 中 */
#navibtn::after         { bottom:16px; }/* 下 */

/* チェック時の変形（×にする） */
#menu-navibtn:checked ~ #navibtn > span::before {
  top:21px;
  transform: rotate(-45deg);
}
#menu-navibtn:checked ~ #navibtn::after {
  bottom:23px;
  transform: rotate(-135deg);
}
#menu-navibtn:checked ~ #navibtn > span::after {
  opacity:0; /* 中央線を消す */
}
	}

#menu > li.spnavi {
	border-bottom: none;
	}

#menu > li.spnavi:hover {
	background:#fff;
	}

#navi .spnavi{
	display:none;
	}
@media screen and (max-width: 640px) {
#navi .spnavi{
	display:block;
	padding: 30px 0 85px;
	}
	}

#navi .spnavi .buttons{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	}

#navi .spnavi .buttons .sns{
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 5px;
	padding-right: 20px;
	}

#navi .spnavi .buttons .lang{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ccc;
	}

#navi .spnavi .buttons .lang a{
	color: #ccc;
	}

#navi .spnavi .buttons .lang a:hover{
	color: #000;
	}

.langJP #navi .spnavi .buttons .lang a.jp{
	color: #000;
	font-weight: 700;
	}

.langEN #navi .spnavi .buttons .lang a.en{
	color: #000;
	font-weight: 700;
	}

/*
ステイ
*/

@media screen and (min-width: 641px) {
body.pageNEWS nav ul li.pageNEWS a{
	background: #A72D2A;
	color:#fff;
	}
body.pageABOUT nav ul li.pageABOUT label span:first-child{
	background: #A72D2A;
	color:#fff;
	}
body.pageRUNNER nav ul li.pageRUNNER label span:first-child{
	background: #A72D2A;
	color:#fff;
	}
body.pageEVENT nav ul li.pageEVENT label span:first-child{
	background: #A72D2A;
	color:#fff;
	}
body.pageCHARITY nav ul li.pageCHARITY a{
	background: #A72D2A;
	color:#fff;
	}
body.pageMEDIA nav ul li.pageMEDIA label span:first-child{
	background: #A72D2A;
	color:#fff;
	}
body.pageINTERVIEW nav ul li.pageINTERVIEW a{
	background: #A72D2A;
	color:#fff;
	}
	}
body.pageVOLUNTEER nav ul li.pageVOLUNTEER a{
	background: #A72D2A;
	color:#fff;
	}

.fixed {
	position: fixed !important;
	overflow: hidden;
	}


@media screen and (max-width: 640px) {
#menu li.pageAMAZON {
	border-bottom: 0;
	}
	}



.mega {
                display: none;
                top: 100%;
                left: 0;
                width: 100%;
                padding: 25px 0;
                background: #fff;
                box-sizing: border-box;
                z-index: 1000;
                border-bottom: 1px solid #dedede;
                }

.mega.is-open {
                display: block;
                }

.mega-inner {
                display: grid;
                grid-template-columns: repeat(5, 1fr);
                }

.mega-item {
                position: relative;
                padding: 0 25px;
                }

/* 縦線 */
.mega-item:not(:nth-child(5n))::after {
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                width: 1px;
                height: 100%;
                background: #ddd;
                }

.mega-item a {
                display: block;
                text-decoration: none;
                color: #000;
                }

.mega-item a img {
                display: block;
                width: 100%;
                }

.mega-item a p {
                margin-top: 20px;
                font-size: 1.1em;
                }

.mega-item a p span{
                display: block;
                margin-top: 10px;
                font-size: .7em;
                }

.mega-item a:hover p{
                text-decoration: underline;
                }


/*===============================================================*/
/*===============================================================*/
/*===============================================================*/



/*================================

:::::::::: コンテンツ ::::::::::

================================*/

#contents {
	position: relative;
	width: 100%;
	height: auto;
	/*min-height: 800px;*/
	margin: auto;
	}
@media screen and (max-width: 640px) {
#contents {
	padding-top: 45px;
	max-width: 100%;
	}
	}

.contentsmargin{
	padding-top: 60px;
	}
@media screen and (max-width: 640px) {
.contentsmargin{
	padding-top: 0;
	}
	}

#contentswrap {
	width: 100%;
	max-width: 1400px;
	margin: auto;
	}
@media screen and (max-width: 640px) {
#contentswrap {
	max-width: 100%;
	}
	}

/*================================

:::::::::: コンテンツインナー  ::::::::::

================================*/

#contentsinner {
	position: relative;
	width: 700px;
	height: auto;
	margin: auto;
	}
@media screen and (max-width: 640px) {
#contentsinner {
	width: 86%;
	}
	}

#contentsinner.responce {
	width: 90%;
	}
@media screen and (max-width: 640px) {
#contentsinner.responce {
	width: 86%;
	}
	}

/*================================

トップに戻る

================================*/

.backtop {
	position: relative;
	padding: 4em 0;
	border-top: 1px solid #dedede;
/*	background-color: #fff;
	background-position: center center;
	background-repeat: repeat-y;
	background-image: url(../images/bgline1.svg);*/
	}

.backtop a{
	display: block;
	width: 400px;
	height: auto;
	margin: auto;
	border: 1px solid #dedede;
	background-color: #fff;
	text-align: center;
	}
@media screen and (max-width: 640px) {
.backtop a{
	width: 86%;
	}
	}

.backtop a:hover{
	border: 1px solid #333;
	}

.backtop a p{
	display: inline-block;
	font-size: 1em;
	line-height: 4em;
	text-align: center;
	padding-left: 3em;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/arrow-left.svg);
	background-size: 25px;
	}


/*================================

:::::::::: global footer ::::::::::

================================*/

footer {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
                padding:80px 0 70px;
	box-sizing: border-box;
	text-align: center;
	border-top: 1px solid #dedede;
	background-color: rgba(255, 255, 255, 1);
	}
@media screen and (max-width: 640px) {
footer {
                padding: 60px 0 70px;
	}
	}

/*sns*/

footer .sns{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
                padding: 0;
                border-bottom: 0;
	}

footer .sns p{
	text-align: center;
	font-size: 1em;
	line-height: 1em;
	letter-spacing: .1em;
	}

footer .sns a.follow{
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 2em;
	height: 2em;
	margin: 1.5em 1em 0;
	}
@media screen and (max-width: 640px) {
footer .sns a.follow{
	}
	}

footer .sns a:hover.follow{
	}

footer .sns a.follow.insta{
	background-image: url(../images/sns-insta.svg?20200908);
	}

footer .sns a.follow.fb{
	background-image: url(../images/sns-facebook.svg);
	}

footer .sns a.follow.yt{
	background-image: url(../images/sns-youtube.svg);
	}

/*inner*/

footer .inner{
	position: relative;
	width: 80%;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 6em 0;
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: nowrap;
	flex-direction: row;
	column-gap: 10px;
	}
@media screen and (max-width: 640px) {
footer .inner{
	width: 86%;
	padding: 70px 0;
	flex-wrap: wrap;
	flex-direction: column;
	}
	}

footer .inner > div{
	width: 100%;
	height: auto;
	text-align: left;
	font-size: .9em;
	line-height: 2em;
                padding: 0 15px;
                border-right: 1px solid #dedede;
	}
@media screen and (max-width: 640px) {
footer .inner > div{
	line-height: 1.7em;
                padding: 0 0;
                border-right: none;
	}
	}

@media screen and (max-width: 640px) {
footer .inner > div.col1{
                padding-bottom: 30px;
	}
footer .inner > div.col2{
                border-top: 1px solid #dedede;
                padding-top: 30px;
	}
	}

footer .inner > div:last-child{
                border-right: none;
	}

footer .inner > div i{
	margin-right: .3em;
	}

footer .inner > div p{
	font-weight: 600;
	}

footer .inner > div:first-child p{
	font-size: 1.2em;
	font-weight: 600;
	}

footer .inner > div p.other {
	font-weight: 400;
	}

footer .inner > div ul{
                margin-top: 10px;
                margin-bottom: 30px;
	}

footer .inner > div ul li:before {
	content: "-";
	padding-right: .5em;
	}

footer .inner > div a{
	border-bottom: 1px solid transparent;
	}

footer .inner > div a:hover{
	border-bottom: 1px solid #333;
	}

/*amazon*/

footer .inner > div .amazon{
	margin-top: 30px;
	}

footer .inner > div .amazon a{
	display: block;
	width: 100%;
	height: 60px;
	border: 1px solid #dedede;
	}

footer .inner > div .amazon a:hover{
	border: 1px solid #333;
	}

footer .inner > div .amazon p{
	width: 100%;
	height: 100%;
	text-indent: 100%;
	white-space: nowrap;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/amazon-logo.svg);
	background-size: 35%;
	overflow: hidden;
	}
@media screen and (max-width: 640px) {
footer .inner > div .amazon p{
	background-size: 30%;
	}
	}


/*copyright*/

footer .copyright p{
	font-size: .7em;
                line-height: 3em;
	}

footer .copyright p a{
	font-size: 1.2em;
	}
@media screen and (max-width: 640px) {
footer .copyright p a{
	font-size: 1em;
	}
	}


/*================================

pagetop

================================*/

#pagetop {
	position: fixed;
	width: 50px;
	height: 50px;
	right: -1px;
	bottom: -50px;
	*display: none;
	z-index: 999;
	cursor: pointer;
	opacity: 1;
	filter: alpha(opacity=100);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-color: rgba(255, 255, 255, 1);
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/pagetop.svg);
	background-size: cover;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
	}
@media screen and (max-width: 640px) {
#pagetop {
	background-image: url(../images/pagetop_on.svg);
	}
	}

#pagetop:hover {
	background-image: url(../images/pagetop_on.svg);
	}

#pagetop img {
	width: 100%;
	height: 100%;
	}


/*================================

メアド言語により変更

================================*/

.jpmail{
	}

.enmail{
	}

.mailhide{	display: none;	}