/*
Theme Name:     rakushian
Description:
Author:         kawazoe
Template:       flash

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
@import url(//fonts.googleapis.com/earlyaccess/notosanskannada.css); body {
 font-family: 'Noto Sans Kannada', sans-serif;
}

/*--------------------------------------------共通*/
/*コンテンツの位置*/
.adamrob_parallax_postcontent {
 margin: 50px auto;
}

div#content {
 position: relative;
 top: -12px;
}

@media screen and (max-width: 768px) {
 .adamrob_parallax_postcontent {
  padding-left: 10px!important;
  padding-right: 10px!important;
 }
}

/*パララックスプラグインタイトル消し*/
.adamrob_parallax_posttitle {
 display: none;
}

/*区切り線*/
hr {
 background-color: #9E9E9E;
}

h2.typesquare_tags {
 text-align: center;
}

/*TOP作品タイトル*/
h3.top_title {
 text-align: center;
 margin-bottom: 30px;
 border-bottom: solid 1px rgba(196, 196, 196, 0.5);
}

/*ボタン*/
.button {
 display: inline-block;
 width: 200px;
 height: 54px;
 text-align: center;
 text-decoration: none;
 line-height: 54px;
 outline: none;
}

.button::before, .button::after {
 position: absolute;
 z-index: -1;
 display: block;
 content: '';
}

.button, .button::before, .button::after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
}

.button1 {
 position: relative;
 -webkit-perspective: 300px;
 perspective: 300px;
}

.button1 span {
 display: block;
 position: absolute;
 width: 200px;
 height: 60px;
 border: 2px solid #333;
 text-align: center;
 line-height: 56px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
 pointer-events: none;
}

.button1 span:nth-child(1) {
 background-color: #333;
 color: #fff;
 -webkit-transform: rotateX(90deg);
 -moz-transform: rotateX(90deg);
 transform: rotateX(90deg);
 -webkit-transform-origin: 50% 50% -30px;
 -moz-transform-origin: 50% 50% -30px;
 transform-origin: 50% 50% -30px;
}

.button1 span:nth-child(2) {
 background-color: #fff;
 color: #333;
 -webkit-transform: rotateX(0deg);
 -moz-transform: rotateX(0deg);
 transform: rotateX(0deg);
 -webkit-transform-origin: 50% 50% -30px;
 -moz-transform-origin: 50% 50% -30px;
 transform-origin: 50% 50% -30px;
}

.button1:hover span:nth-child(1) {
 -webkit-transform: rotateX(0deg);
 -moz-transform: rotateX(0deg);
 transform: rotateX(0deg);
}

.button1:hover span:nth-child(2) {
 background-color: #333;
 -webkit-transform: rotateX(-90deg);
 -moz-transform: rotateX(-90deg);
 transform: rotateX(-90deg);
}

/*クルクルボタン*/
.button2 {
 display: inline-block;
 width: 300px;
 height: 54px;
 text-align: center;
 text-decoration: none;
 line-height: 54px;
 outline: none;
 margin: 20px auto;
 display: block;
}

.button2::before, .button2::after {
 position: absolute;
 z-index: -1;
 display: block;
 content: '';
}

.button2, .button2::before, .button2::after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
}

.button2 {
 position: relative;
 z-index: 2;
 background-color: #fff;
 border: 2px solid #333;
 color: #333;
 line-height: 50px;
 overflow: hidden;
}

.button2:hover {
 color: #fff;
}

.button2::after {
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.button2:hover::after {
 -webkit-transform: scale(2) rotate(180deg);
 transform: scale(2) rotate(180deg);
 background: #333;
}

/*--------------------------------------------スライダー文字色*/
.tg-slider-widget.slider-light .caption-title {
 text-shadow: none;
 color: #fff;
}

.tg-slider-widget.slider-light .caption-desc {
 text-shadow: none;
 color: #fff;
}

/*--------------------------------------------お知らせ*/
/*座布団*/
div#news {
 padding: 50px 50px;
 background: rgba(255,255,255,0.7);
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 box-shadow: 5px 5px 0px -2px;
 border: 1px solid #d4d4d4;
 font-size: 18px;
}

tr.typesquare_tags {
 margin-bottom: 10px;
 display: block;
}

th.date {
 border: none;
 width: 160px;
}

td.article {
 border: none;
}

.article a {
 color: #F44336!important;
}

td.news_gallery {
 border: none;
 display: block;
}

/*スマホの時work*/
@media screen and (max-width: 768px) {
 div#news {
  padding: 30px 0px;
 }

 td.article {
  display: inline-block;
 }
}

/*--------------------------------------------プロフィール*/
/*座布団*/
div#profile {
 padding: 50px 50px;
 background: rgba(255,255,255,0.7);
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 box-shadow: 5px 5px 0px -2px;
 border: 1px solid #d4d4d4;
 font-size: 18px;
}

#profile p {
 margin-bottom: 10px;
}

/*名前筆*/
.kawazoe.typesquare_tags {
 text-align: right;
 margin-right: 10px;
}

.kawazoe img {
 width: 200px;
}

.toureki.typesquare_tags {
 text-align: right;
 padding-top: 20px;
 margin-right: 10px;
}

/*スマホの時work*/
@media screen and (max-width: 768px) {
 div#profile {
  padding: 30px 10px;
 }
}

/*--------------------------------------------陶歴*/
/*座布団*/
div#history {
 width: 80%;
 margin: 0 auto;
 padding: 10px 50px;
 background: rgba(255,255,255,0.7);
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 box-shadow: 5px 5px 0px -2px;
 border: 1px solid #d4d4d4;
 font-size: 18px;
}

th.nengou {
 border: none;
 width: 200px;
}

td.toureki_txt {
 border: none;
 width: 658px;
}

div#pl-943 {
 margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
 th.nengou {
  display:block;
  width: 100%
 }

 td.toureki_txt {
  width: 100%;
  border-bottom: solid 1px #9E9E9E;
  margin-bottom: 10px;
  padding-bottom: 10px;
 }
}

/*受賞歴*/
h2.jyusyou_line {
 position: relative;
 padding: 0.25em 0;
 margin-top: 30px;
 margin-bottom: 20px;
 text-align: center;
}

h2.jyusyou_line:after {
 margin-top: 8px;
 content: "";
 display: block;
 height: 4px;
 background: -moz-linear-gradient(to right, rgba(158, 158, 158, 0.5), rgba(96, 125, 139, 0.5));
 background: -webkit-linear-gradient(to right, rgba(158, 158, 158, 0.5), rgba(96, 125, 139, 0.5));
 background: linear-gradient(to right, rgba(158, 158, 158, 0.5), rgba(96, 125, 139, 0.5));
}

th.jyusyou {
 border: none;
 font-weight: normal;
 display: block;
}

p.jyusyou_txt {
 margin-top: 20px;
 margin-bottom: 0px;
 text-align: center;
}

hr.jyusyou_hr {
 border-width: 2px 0 0 0;
 border-style: solid;
 border-color: silver;
}

p.jyusyou_reki {
 padding-left: 1em;
 text-indent: -1em;
 margin-bottom: 8px;
}

/*スマホの時work*/
@media screen and (max-width: 768px) {
 div#history {
  width: 95%;
  font-size: 15px;
  padding: 10px 10px;
 }

 td.toureki_txt {
  width: 100%;
 }

 td.toureki_txt {
  display: inline-block;
  padding-left: 20px;
 }
}

/*--------------------------------------------作品*/
div#panel-776-0-0-3 {
 position: relative;
 top: -50px;
}

/*座布団*/
div#work {
 padding: 10px 50px;
 background: rgba(255,255,255,0.7);
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 box-shadow: 5px 5px 0px -2px;
 border: 1px solid #d4d4d4;
 font-size: 18px;
}

/*白磁・青白磁*/
.top_galleries.hakuji {
 margin-top: 80px;
}

/*陶器*/
.top_galleries.touki {
 margin-top: 80px;
}

/*陶額*/
.top_galleries.tougaku {
 margin-top: 80px;
}

a.button.button2.last {
 margin-bottom: 80px;
}

/*白磁・青白磁の一覧*/
div#foogallery-gallery-855 {
 margin-bottom: 50px;
}

/*陶器の一覧*/
div#foogallery-gallery-899 {
 margin-bottom: 50px;
}

/*PCの時のwork*/
@media screen and (min-width: 960px) {
 .top_galleries {
  width: 960px;
  margin: 0 auto;
 }
}

/*スマホの時work*/
@media screen and (max-width: 768px) {
 div#work {
  padding: 0;
 }

 div#parallax_844 {
  height: 130px;
 }

 div#panel-776-0-0-3 {
  position: relative;
  top: -30px;
 }
}

/*--------------------------------------------アクセス*/
/*座布団*/
div#access {
 padding: 50px 50px;
 background: rgba(255,255,255,0.7);
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 box-shadow: 5px 5px 0px -2px;
 border: 1px solid #d4d4d4;
 font-size: 18px;
}

#access p {
 margin-bottom: 10px;
}

/*スマホの時work*/
@media screen and (max-width: 768px) {
 div#access {
  padding: 30px 10px;
 }
}

/*--------------------------------------------お問合せ*/
.top_contact {
 margin: 30px auto 0;
}

/*座布団*/
div#contact {
 padding: 10px 50px;
 background: rgba(255,255,255,0.7);
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 box-shadow: 5px 5px 0px -2px;
 border: 1px solid #d4d4d4;
 font-size: 18px;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel {
 width: 100%;
 line-height: 29px;
}

input.wpcf7-form-control.wpcf7-text {
 font-size: 16px;
}

textarea.wpcf7-form-control.wpcf7-textarea {
 font-size: 16px;
}

/*送信ボタン*/
p .contact_button {
 text-align: center;
 display: block;
}

input[type="submit"] {
 width: 180px;
 line-height: 0px;
 height: 54px;
 border: none;
 padding: 0;
 margin-top: 18px;
}

input[type="button"] {
 width: 180px;
 line-height: 0px;
 height: 54px;
 border: none;
 padding: 0;
 margin-right: 8px;
 margin-top: 18px;
}

/*PCの時のwork*/
@media screen and (min-width: 960px) {
 .top_contact {
  width: 960px;
 }
}

/*スマホの時work*/
@media screen and (max-width: 768px) {
 .top_contact {
  width: 90%;
 }

 div#parallax_915 {
  height: 130px;
 }

 div#contact {
  padding: 0;
 }
}

/*トップに戻るボタン*/
a#scroll-up {
 bottom: 90px;
 z-index: 10;
}

/*投稿ページに関係する変更*/
span.oogoe {
 font-size: 18px;
}

article.wwgwe {
 margin: 0 0 30px;
 padding: 30px;
}

section.rrgre {
 padding-bottom: 20px
}

div.oogoe {
 font-size: 17px;
 padding-top: 18px;
}

p.oogoe {
 text-indent: 1em;
}

/*投稿記事の見出し*/
h3.kijimidashi, h4.kijimidashi, h5.kijimidashi, h6.kijimidashi, h7.kijimidashi, h8.kijimidashi {
 padding-left: 8px;
 margin-bottom: 1em;
 margin-top: 2em;
 font-weight: bold;
 font-size: 22px;
 border-left: solid 5px #f57b1c
}

/*ウィジェットの幅変更*/
#secondary {
 float: right;
 width: 25%;
}

/*スマホの時*/
@media screen and (max-width: 768px) {
 article.wwgwe {
  padding: 20px;
  margin : 5px;
 }
}

/*新規固定ページ*/
article.aagwe {
 margin: 0 110px 30px;
 padding: 30px;
}

/*新規固定ページ ふるさと納税返礼品詳細ページ*/
h3.henreimidashi, h4.henreimidashi, h5.henreimidashi, h6.henreimidashi, h7.henreimidashi, h8.henreimidashi {
 padding-left: 8px;
 margin-bottom: 1em;
 margin-top: 0em;
 font-weight: bold;
 font-size: 22px;
 border-left: solid 5px #f57b1c
}

/*スマホの時*/
@media screen and (max-width: 768px) {
 article.aagwe {
  padding: 20px;
  margin : 5px;
 }
}

/*###############################################################

20190906 表示崩れ修正

###############################################################*/
/*--------------------------------------------スクロール時 ヘッダーかっこよく*/
.transparent.header-sticky .is-sticky .header-bottom,
.header-sticky .is-sticky .header-bottom {
 border: none;
 background: -moz-linear-gradient(top, rgba(255,255,255,1) 10%, rgba(255,255,255,0.7) 100%);
 background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,0.7) 100%);
 background: linear-gradient(to bottom, rgba(255,255,255,1) 10%,rgba(255,255,255,0.7) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
 transform: translate(0, 0);
 transition: all 0.3s ease;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
}

@media screen and (max-width: 768px) {
 ul#primary-menu,
 .transparent.header-sticky .is-sticky #site-navigation ul#primary-menu {
  border-bottom:solid 1px #9E9E9E;
  box-shadow: 2px 2px rgba(158, 158, 158, 0.5);
 }
 #site-navigation ul li, .transparent #site-navigation ul li,
 .transparent.header-sticky #site-navigation ul li, .transparent.header-sticky #site-navigation ul.sub-menu li {
  padding: 10px 0!important;
 }
 #site-navigation ul li a, .transparent #site-navigation ul li a,
 .transparent.header-sticky #site-navigation ul li a, .transparent.header-sticky #site-navigation ul.sub-menu li a {
  font-size: 18px;
 }
}

/*--------------------------------------------パララックス設定*/
.parallax-window {
 min-height: 100px;
 position: relative;
 z-index: 1;
 background: transparent;
 padding: 50px 0;
}

.home .textwidget.custom-html-widget {
 margin-right: calc(50% - 50vw);
 margin-left: calc(50% - 50vw);
}

.home footer .textwidget.custom-html-widget {
 margin:auto;
}


.parallax-slider {
 top: 0;
 left: 0;
}

.parallax-mirror {
 z-index: 0!important;
}

/*--------------------------------------------お知らせ*/
h3.widget-title {
 display: none;
}

div#news_02 {
 padding: 50px 50px;
 background: rgba(255,255,255,0.7);
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 box-shadow: 5px 5px 0px -2px;
 border: 1px solid #d4d4d4;
 font-size: 18px;
 width: 960px;
 margin: 0 auto;
}

div#news_02 h2 {
 text-align: center;
}

@media screen and (max-width: 768px) {
 div#news_02 {
  padding: 30px 10px;
  width: 90%;
 }

 div#news_02 th.date {
  border: none;
  width: 100%;
  display: block;
 }

 div#news_02 td.article {
  width: 100%;
  border-bottom: solid 1px #9E9E9E;
  padding-bottom: 10px;
  margin-bottom: 10px;
 }
}

/*--------------------------------------------作者紹介*/
div#profile_02 {
 padding: 50px 50px;
 background: rgba(255,255,255,0.7);
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 box-shadow: 5px 5px 0px -2px;
 border: 1px solid #d4d4d4;
 font-size: 18px;
 width: 960px;
 margin: 0 auto;
}

div#profile_02 h2 {
 text-align: center;
}

div#profile_02 .tourekiBtn {
 position: relative;
 text-align: right;
 bottom: 20px;
}

div#profile_02 .kawazoe {
 margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
 div#profile_02 {
  padding: 30px 10px;
  width: 90%;
 }

 div#profile_02 .tourekiBtn {
  bottom: 0;
 }
}

/*--------------------------------------------作品*/
a#work {
 margin-top: 50px;
 display: block;
}

div#work_02 {
 padding: 10px 50px;
 background: rgba(255,255,255,0.7);
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 box-shadow: 5px 5px 0px -2px;
 border: 1px solid #d4d4d4;
 font-size: 18px;
 width: 960px;
 margin: 0 auto;
}

div#work_02 h2 {
 text-align: center;
}

@media screen and (max-width: 768px) {
 div#work_02 {
  padding: 30px 10px;
  width: 90%;
 }
}

/*--------------------------------------------アクセス*/
a#access {
 display: block;
 margin-top: 50px;
}

div#access_02 {
 padding: 50px 50px;
 background: rgba(255,255,255,0.7);
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 box-shadow: 5px 5px 0px -2px;
 border: 1px solid #d4d4d4;
 font-size: 18px;
 width: 960px;
 margin: 0 auto;
}

#access_02 p {
 margin-bottom: 10px;
}

div#access_02 h2 {
 text-align: center;
}

@media screen and (max-width: 768px) {
 div#access_02 {
  padding: 30px 10px;
  width: 90%;
 }
}

/*--------------------------------------------お問い合わせ*/
a#contact {
 margin-top: 50px;
 display: block;
}

div#contact_02 {
 padding: 10px 50px;
 background: rgba(255,255,255,0.7);
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 box-shadow: 5px 5px 0px -2px;
 border: 1px solid #d4d4d4;
 font-size: 18px;
 width: 960px;
 margin: 0 auto;
}

div#contact_02 h2 {
 text-align: center;
}

@media screen and (max-width: 768px) {
 div#contact_02 {
  padding: 30px 10px;
  width: 90%;
 }
}
.wpcf7-spinner {
 position: absolute;
 width: 0;
 height: 0;
}

/*--------------------------------------------とうれき*/
.page-id-943 .title h2 {
 text-align: center;
}

/*--------------------------------------------footer  スマホ時*/
@media screen and (max-width: 768px) {
 #top-footer .textwidget {
  font-size: 18px;
  color: #fff;
  line-height: 35px;
 }

 #top-footer .textwidget a {
  color: #fff;
 }

 #top-footer .widget ul li {
  font-size: 18px;
  line-height: 35px;
 }

 #top-footer .widget ul li a {
  font-size: 18px;
  color: #fff;
  line-height: 35px;
 }
}