@font-face {
font-family: fell-icon-font;
src: url(//asoka-shinkouji.net/wp-content/themes/fell/assets/fonts/fell-icon-font/fell-icon-font.eot);
src: url(//asoka-shinkouji.net/wp-content/themes/fell/assets/fonts/fell-icon-font/fell-icon-font.eot#iefix) format("embedded-opentype"), url(//asoka-shinkouji.net/wp-content/themes/fell/assets/fonts/fell-icon-font/fell-icon-font.woff) format("woff"), url(//asoka-shinkouji.net/wp-content/themes/fell/assets/fonts/fell-icon-font/fell-icon-font.ttf) format("truetype"), url(//asoka-shinkouji.net/wp-content/themes/fell/assets/fonts/fell-icon-font/fell-icon-font.svg#fell-icon-font) format("svg");
font-weight: normal;
font-style: normal;
}
.fif {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: fell-icon-font;
}
.fif-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=90deg)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fif-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=180deg)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fif-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=270deg)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
} .fif-chevron:before {
content: '\EA0A';
}
.fif-pin:before {
content: '\EA0B';
}
.fif-tag:before {
content: '\EA0C';
}
.fif-folder:before {
content: '\EA0D';
}
.fif-image:before {
content: '\EA0E';
} .fif-twitter:before {
content: '\EB0A';
}
a:hover .fif-twitter {
color: #1da1f3;
}
.fif-facebook:before {
content: '\EB0B';
}
a:hover .fif-facebook {
color: #3b5998;
}
.fif-tumblr:before {
content: '\EB0C';
}
a:hover .fif-tumblr {
color: #38475d;
}
.fif-youtube:before {
content: '\EB0D';
}
a:hover .fif-youtube {
color: red;
}
.fif-twitch:before {
content: '\EB0E';
}
a:hover .fif-twitch {
color: #6441a4;
}
.fif-discord:before {
content: '\EB0F';
}
a:hover .fif-discord {
color: #7289da;
}
.fif-soundcloud:before {
content: '\EB01';
}
a:hover .fif-soundcloud {
color: #ff5500;
}
.fif-mixcloud:before {
content: '\EB02';
}
a:hover .fif-mixcloud {
color: #52aad8;
}
.fif-dubtrack:before {
content: '\EB03';
}
a:hover .fif-dubtrack {
color: #ed008c;
}
.fif-plug-dj:before {
content: '\EB04';
}
a:hover .fif-plug-dj {
color: #4bc2fb;
}
.fif-behance:before {
content: '\EB05';
}
a:hover .fif-behance {
color: #1769ff;
}
.fif-codepen:before {
content: '\EB06';
}
.fif-deviant-art:before {
content: '\EB07';
}
a:hover .fif-deviant-art {
color: #05cc47;
}
.fif-digg:before {
content: '\EB08';
}
a:hover .fif-digg {
color: #1b5791;
}
.fif-dribbble:before {
content: '\EB09';
}
a:hover .fif-dribbble {
color: #e04d84;
}
.fif-dropbox:before {
content: '\EB1A';
}
a:hover .fif-dropbox {
color: #007ee5;
}
.fif-flickr:before {
content: '\EB1B';
}
a:hover .fif-flickr {
color: #0062dd;
}
.fif-foursquare:before {
content: '\EB1C';
}
a:hover .fif-foursquare {
color: #fa4778;
}
.fif-github:before {
content: '\EB1D';
}
.fif-google-plus:before {
content: '\EB1E';
}
a:hover .fif-google-plus {
color: #dc4a38;
}
.fif-instagram:before {
content: '\EB1F';
}
.fif-linkedin:before {
content: '\EB11';
}
a:hover .fif-linkedin {
color: #0077b5;
}
.fif-medium:before {
content: '\EB12';
}
.fif-pinterest:before {
content: '\EB13';
}
a:hover .fif-pinterest {
color: #bd081b;
}
.fif-reddit:before {
content: '\EB14';
}
a:hover .fif-reddit {
color: orangered;
}
.fif-skype:before {
content: '\EB15';
}
a:hover .fif-skype {
color: #1eb7ec;
}
.fif-slideshare:before {
content: '\EB16';
}
a:hover .fif-slideshare {
color: #f7941d;
}
.fif-snapchat:before {
content: '\EB17';
}
a:hover .fif-snapchat {
color: #fffc00;
}
.fif-spotify:before {
content: '\EB18';
}
a:hover .fif-spotify {
color: #1ed760;
}
.fif-stumbleupon:before {
content: '\EB19';
}
a:hover .fif-stumbleupon {
color: #eb4823;
}
.fif-vimeo:before {
content: '\EB2A';
}
a:hover .fif-vimeo {
color: #46b7eb;
}
.fif-vine:before {
content: '\EB2B';
}
a:hover .fif-vine {
color: #00bf8e;
}
.fif-vk:before {
content: '\EB2C';
}
a:hover .fif-vk {
color: #5181b8;
}
.fif-wordpress:before {
content: '\EB2D';
}
a:hover .fif-wordpress {
color: #21759b;
}:root {
--font-family: 'Meiryo', serif;
--font-size: 16px;
--color-bg: #FFFFFF;
--color-bg-alt: #202020;
--color-text: #666666;
--color-text-alt: #FFFFFF;
--color-anchor: #1E73BE;
--spacing: 20px;
--spacing-half: 10px;
--spacing-double: 40px;
}
.size01{width:500px;padding:10px 10px 10px 10px;}
.size02{width:auto;padding:10px 10px 10px 10px;}
.sensei{padding:5px 10px 5px 20px;
border-radius: 10px;
width:1000px;
border: 2px solid #D7EEFF;
background-color:#EEFFFF;
}
.address {border-radius: 10px;
width:auto;
border: 2px solid #D7EEFF;
background-color:#EEFFFF;
}
.hinan {border-radius: 10px;
width:auto;
border: 2px solid #FFDDFF;
background-color:#FFEEFF;
}
.info {border-radius: 10px;
width:auto;
border: 2px solid #FFEBCD;
background-color:#FFFACD;
}
.map {border-radius: 10px;
width:auto;
padding:10px 10px 10px 10px;
border: 2px solid #D7EEFF;
background-color:#EEFFFF;
}
.img01{width:400px; height:300px;padding:0px 50px 0px 50px;}
.alink:hover {color: #FFCCFF; 
text-decoration: none;
} .font1 {font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.fontsize01{font-size:100%;}
.crd {border-radius: 10px;
width:500px;
border: 2px solid #D7EEFF;
background-color:#EEFFFF;
}
.metaslidersize  {width:600px;height:auto;
background-color:#819FF7;
margin:0px 0px 0px 0px;
padding:0px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:0px 0px 0px 3px #819FF7;
-moz-box-shadow:0px 0px 0px 3px #819FF7;
-webkit-box-shadow:0px 0px 0px 3px #819FF7;
}  @media screen and (max-width:1024px) { 
.fontsize01{font-size:70%;}
.size01{width:100%;padding:10px 0px 10px 0px;}
.size02{width:100%;padding:10px 0px 10px 0px;}
.sensei{width:100%;padding:10px 5px 10px 5px;}
.crd {width:100%;}
.metaslidersize  {width:100%;height:100%;
background-color:#FFFFFF;
padding:10px 0px 0px 0px;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
box-shadow:0px 0px 0px 0px #FFFFFF;
-moz-box-shadow:0px 0px 0px 0px #FFFFFF;
-webkit-box-shadow:0px 0px 0px 0px #FFFFFF;
}
.img01{width:100%; height:100%;padding:50px 0px 50px 0px;}
@media screen and (orientation: landscape) {
}
@media screen and (orientation: portrait) {
}
}
.kage {background-color:#819FF7;
margin:0px 0px 0px 0px;
padding:0px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:0px 0px 0px 3px #819FF7;
-moz-box-shadow:0px 0px 0px 3px #819FF7;
-webkit-box-shadow:0px 0px 0px 3px #819FF7;
}
.kage_RD {background-color:#151515;
margin:0px 0px 0px 0px;
padding:0px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:0px 0px 5px 3px #151515;
-moz-box-shadow:0px 0px 5px 3px #151515;
-webkit-box-shadow:5px 5px 5px 3px #151515;
}
.kageMARU {background-color:#F2F5A9;
margin:20px;
padding:1px;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
box-shadow:0px 0px 5px 3px #F2F5A9;
-moz-box-shadow:0px 0px 5px 3px #F2F5A9;
-webkit-box-shadow:0px 0px 5px 3px #F2F5A9;
}
.kage_W {background-color:rgba(255,255,255,0.8);
margin:0px;
padding:0px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:0px 0px 0px 0px #FBF8EF;
-moz-box-shadow:0px 0px 0px 0px #FBF8EF;
-webkit-box-shadow:0px 0px 0px 0px #FBF8EF;
}
.kage_WY {background-color:rgba(255,255,255,0.8);  border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:0px 0px 50px 3px #F3F781;
-moz-box-shadow:0px 0px 50px 3px #F3F781;
-webkit-box-shadow:0px 0px 50px 3px #F3F781;
}
.kage_Y {background-color:rgba(255,255,255,0.8);
margin:0px;
padding:0px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:0px 0px 0px 0px #F3F781;
-moz-box-shadow:0px 0px 0px 0px #F3F781;
-webkit-box-shadow:0px 0px 0px 0px #F3F781;
}
.kage_Wgn {background-color:rgba(0,0,0,0.8);
margin:0px;
padding:0px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:0px 0px 1px 1px #F2F5A9;
-moz-box-shadow:0px 0px 1px 1px #F2F5A9;
-webkit-box-shadow:0px 0px 1px 1px #F2F5A9;
}
.kage_text {background-color:rgba(0,0,0,0.9);
margin:0px;
padding:0px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:0px 0px 3px 1px #000000;
-moz-box-shadow:0px 0px 3px 1px #000000;
-webkit-box-shadow:0px 0px 3px 1px #000000;
}
.kage_k {background-color:rgba(0,0,0,0.9);
margin:0px;
padding:0px;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
box-shadow:0px 0px 3px 1px #000000;
-moz-box-shadow:0px 0px 3px 1px #000000;
-webkit-box-shadow:0px 0px 3px 1px #000000;
} .mw_wp_form_input .btn input{
background-color:#6495ED;
width:150px;
height:35px;
text-indent:0px;
overflow:hidden;
border:none;
cursor:pointer;
color:#ffffee;
border-radius: 5px;
} .mw_wp_form_confirm .btn input{
background-color:#6495ED;
width:150px;
height:35px;
text-indent:0px;
overflow:hidden;
border:none;
cursor:pointer;
color:#ffffee;
border-radius: 5px;
} #submitback input{
background-color:#FF8856;
width:150px;
height:35px;
text-indent:0px;
overflow:hidden;
border:none;
cursor:pointer;
border-radius: 5px;
}
span.aks {display: inline-block;}
.sa1 {opacity: 0; transition: all 1.5s ease;}
.sa1.show {opacity: 1; transform: none;}
.sa1--down {transform: translate(0, -100px);}
.sa2 {opacity: 0; transition: all 3.5s ease;}
.sa2.show {opacity: 1; transform: none;}
.sa2--down {transform: translate(0, -100px);}
.sa3 {opacity: 0; transition: all 2.5s ease;}
.sa3.show {opacity: 1; transform: none;}
.sa3--down {transform: translate(0, -100px);}
.sa {opacity: 0; transition: all .5s ease;}
.sa.show {opacity: 1; transform: none;}
.sa--down {transform: translate(0, -100px);}
.sa--lr {transform: translate(-100px, 0);}
.sa--rl {transform: translate(100px, 0);}
.sa--up {transform: translate(0, 100px);}
.sa--down {transform: translate(0, -100px);}
.sa--scaleUp {transform: scale(.5);}
.sa--scaleDown {transform: scale(1.5);}
.sa--rotateL {transform: rotate(180deg);}
.sa--rotateR {transform: rotate(-180deg);}