@charset "UTF-8";
/*The CSS has been compiled by LESS*/
/*
 Theme Name: shuyoka
*/
/* Notofont */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  width: 100%;
  font-size: 14px;
  font-family: "Noto Sans JP", "メイリオ", "meiryo", Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
  line-height: 1.6em;
  color: #333;
  font-weight: 400;
  background: #eee;
}
img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-weight: normal;
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
}
.clearfix:after,
ul:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
/**** hoverAction ****/
a:hover img {
  -webkit-filter: brightness(1);
  -moz-filter: brightness(1);
  -o-filter: brightness(1);
  -ms-filter: brightness(1);
  filter: brightness(1);
  transition: all 0.3s linear;
}
.contents__linkButton:hover {
  background-color: #ddd;
  transition: all 0.3s linear;
}
#life .contents__linkItemWrap > a:hover {
  -webkit-filter: brightness(0.7);
  -moz-filter: brightness(0.7);
  -o-filter: brightness(0.7);
  -ms-filter: brightness(0.7);
  filter: brightness(0.7);
  transition: all 0.3s linear;
}
/**** common ****/
.marginTop05 {
  margin-top: 0.5em;
}
.marginTop10 {
  margin-top: 1em;
}
.marginTop15 {
  margin-top: 1.5em;
}
.marginTop20 {
  margin-top: 2em;
}
.marginBottom05 {
  margin-bottom: 0.5em;
}
.marginBottom10 {
  margin-bottom: 1em;
}
.marginBottom15 {
  margin-bottom: 1.5em;
}
.marginBottom20 {
  margin-bottom: 2em;
}
.marginLeft05 {
  margin-left: 0.5em;
}
.marginLeft10 {
  margin-left: 1em;
}
.marginLeft15 {
  margin-left: 1.5em;
}
.marginLeft20 {
  margin-left: 2em;
}
.marginRight05 {
  margin-right: 0.5em;
}
.marginRight10 {
  margin-right: 1em;
}
.marginRight15 {
  margin-right: 1.5em;
}
.marginRight20 {
  margin-right: 2em;
}
.text-alignCenter {
  text-align: center;
}
.text-alignLeft {
  text-align: left;
}
.text-alignRight {
  text-align: right;
}
.linkMore:before {
  content: "… ";
}
.linkMore:after {
  content: " 》";
}
/**** header ****/
.header {
  background: #fff;
  width: 100%;
  position: relative;
  box-shadow: 0 0 3px #333;
}
.headerInner {
  width: 100%;
  background: #fff;
}
.header__tenrikyo {
  background: #333;
}
.header__tenrikyoLogo {
  padding: 10px;
}
.header__tenrikyoLogo img {
  width: 145px;
  margin: auto;
  display: block;
}
/**** nav ****/
.home {
  position: relative;
  float: left;
}
.home .home__link {
  color: #fff;
  text-decoration: none;
  padding: 6px 8px;
  font-size: 1.2em;
  font-weight: bold;
  background: #a582b9;
  box-shadow: 2px 2px 0px #914897;
  border-radius: 7px;
  border: none;
  display: inline-block;
}
.navArea {
  background: #fff;
  width: 100%;
  overflow: hidden;
  padding: 6px 12px;
}
.navArea__topFixed {
  max-width: 1000px;
  margin: 0 auto;
}
.navArea.fixed {
  width: 100%;
  box-shadow: 0px 1px 2px #777;
  background: rgba(255, 255, 255, 0.94);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.pcNav {
  display: none;
}
.mobileNav {
  width: 0px;
  height: 0px;
  overflow: hidden;
  transition: width 0.3s linear;
}
.mobileNav__lists {
  letter-spacing: -0.4em;
}
.mobileNav__list {
  display: inline-block;
  width: 48%;
  margin: 0 2% 10px;
  vertical-align: top;
}
.mobileNav__list:nth-child(2n) {
  margin-right: 0;
}
.mobileNav__list:nth-child(2n+1) {
  margin-left: 0;
}
.mobileNav__list > a {
  display: block;
  width: 100%;
}
.mobileNav__list > a > img {
  width: 100%;
}
.menuButton {
  float: right;
  display: block;
  height: 34px;
  width: 36px;
  box-shadow: 2px 2px 0px #914897;
  border-radius: 7px;
  background: url("https://shuyoka.tenrikyo.org/wp-content/themes/shuyoka/img/menu-open.svg") #a582b9 no-repeat;
  background-position: center center;
  background-size: 80%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
body.menuActive {
  overflow: hidden;
}
.menuActive .navArea {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #fff;
}
.menuActive .menuButton {
  background-image: url("https://shuyoka.tenrikyo.org/wp-content/themes/shuyoka/img/menu-close.svg");
  background-size: 66%;
}
.menuActive .mobileNav {
  width: 100%;
  height: auto;
  margin: 2em auto 0;
  transition: width 0.3s linear;
}
/**** パンくず ****/
.breadcrumbs {
  list-style: none;
  max-width: 1000px;
  padding: 10px 12px;
  margin: 0 auto;
}
.breadcrumbs a {
  color: #333;
  text-decoration: none;
}
.breadcrumb {
  display: inline-block;
  vertical-align: top;
  margin: 0 0.3em;
  font-size: 14px;
}
.breadcrumb:after {
  content: ">";
  margin-left: 0.6em;
}
.breadcrumb:last-child:after {
  display: none;
}
/**** main ****/
.main {
  overflow: hidden;
}
/**** contents ****/
.contentsAreaWrap {
  margin-top: -50px;
  padding-top: 50px;
}
.contentsArea {
  margin: 0 auto 50px;
}
.contents {
  position: relative;
}
.contents.contents--moviewrap {
  max-width: 640px;
  margin: 60px auto 0;
  padding: 0 15px;
}
.contents__linkButton {
  display: block;
  width: 200px;
  margin: 20px auto 30px;
  padding: 10px 18px;
  text-align: center;
  text-decoration: none;
  font-size: 1.2em;
  background: #fff;
  box-shadow: 2px 2px 0px #914897;
  border: solid 1px #a582b9;
  color: #333;
}
.contents__linkButton__triangleArea {
  display: block;
  margin-left: 1em;
  position: relative;
}
.contents__linkButton__triangle {
  width: 0;
  height: 0;
  border-left: solid 0.8em #a582b9;
  border-top: solid 0.5em transparent;
  border-bottom: solid 0.5em transparent;
  border-right: solid 0em transparent;
  position: absolute;
  bottom: 2px;
  right: 0;
}
.contents__linkButton__triangle.triangle2 {
  border-left-color: #914897;
  bottom: 1px;
  right: -1px;
}
.contents__linkButton.ikoi {
  font-size: 0.96em;
  padding: 6px 4px;
  margin: 6px auto;
}
.contents__linkButton.ikoi .small {
  font-size: 0.76em;
}
.contents__header {
  width: 60%;
  max-width: 160px;
  text-align: center;
  margin: 0 auto;
  line-height: 1.5em;
  font-size: 1.5em;
}
.contents__header .wide03 {
  letter-spacing: 0.3em;
  margin-right: -0.3em;
}
.contents__header .wide10 {
  letter-spacing: 1em;
  margin-right: -1em;
}
.contents__header .dash {
  margin: 0 auto;
}
.contents__caption {
  text-align: center;
  margin: 8px auto 1em;
}
.contents__linkItem {
  float: left;
  width: 50%;
  position: relative;
}
.contents__linkItem__linkText {
  position: absolute;
  z-index: 1;
  bottom: 2px;
  text-align: right;
  width: 100%;
  color: #fff;
}
.contents__linkItem__linkText:after {
  content: "〉";
  margin-left: 1em;
}
.contents__linkItem__image img {
  -webkit-filter: brightness(0.7);
  -moz-filter: brightness(0.7);
  -o-filter: brightness(0.7);
  -ms-filter: brightness(0.7);
  filter: brightness(0.7);
}
.contents__donwloadpagelink a {
  color: #fff;
}
.contents__donwloadpagelink a:hover {
  color: #551a8b;
}
/*================== TopPage ==================*/
#main .contentsArea {
  background: #a0caec;
  padding-bottom: 46px;
  margin-bottom: 20px;
  margin-top: 0;
}
#main .contents__siteTitle {
  padding: 20px 20px 0;
  position: relative;
  z-index: 9;
}
#main .contents__siteTitle img {
  width: 60%;
  margin: auto;
  max-width: 200px;
}
#main .contents__mainVisual {
  position: relative;
  width: 68%;
  max-width: 480px;
  min-width: 220px;
  border-radius: 100%;
  overflow: hidden;
  margin: -10px auto 50px;
  background: #fff;
  z-index: 8;
}
#main .contents__mainVisual img {
  padding: 8px;
  border-radius: 100%;
}
#main .contents__mainVisual__yakata {
  width: 30%;
  margin: 0 auto;
  max-width: 200px;
}
#main .contents__illustLists {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  max-height: 100vh;
}
#main .contents__illustList {
  width: 44%;
  position: absolute;
  max-width: 180px;
}
#main .contents__illustList.fushime {
  right: 64%;
  top: 50px;
}
#main .contents__illustList.mijo {
  left: 68%;
  top: 50px;
}
#main .contents__illustList.jijo {
  right: 66%;
  top: 85vw;
}
#main .contents__illustList.izonsho {
  left: 64%;
  top: 85vw;
}
#main .contents__textLists {
  position: relative;
  z-index: 2;
  width: 87%;
  margin: 0 0 40px auto;
  color: #333;
  line-height: 2em;
  list-style: outside;
}
#main .contents__textList br {
  display: none;
}
#main .contents__siteCatchPhrase {
  width: 100%;
  position: relative;
}
#main .contents__siteCatchPhrase img {
  width: 300px;
  margin: auto;
}
.nav1 {
  display: none;
}
#about .contentsArea {
  background: url("https://shuyoka.tenrikyo.org/wp-content/themes/shuyoka/img/sora.jpg") no-repeat;
  background-position: center -5px;
  background-size: auto 110%;
  padding: 50px 25px 70px;
}
#about .contents__header {
  color: #fff;
  font-size: 1.5em;
  text-align: center;
  margin-bottom: 1.8em;
}
#about .contents__textArea p {
  text-shadow: 0px 0px 1px #fff;
  line-height: 1.8em;
}
#about .contents__textArea p br {
  display: none;
}
#about .contents__movie {
  max-width: 640px;
  margin: 50px auto 0px auto;
}
.contents__youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.contents__youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.nav2 {
  display: none;
}
#life .contentsArea {
  padding: 16px 0;
  background: #d2c7e2;
}
#life .contents__linkItemWrap {
  position: relative;
}
#life .contents__linkItemWrap > a {
  display: block;
  position: relative;
  z-index: 2;
}
#life .contents__headerWrap {
  position: relative;
  z-index: 2;
  padding: 18px 10px;
}
#life .contents__linkItem {
  margin: 2vw 2%;
  width: 46%;
  height: 38vw;
  overflow: hidden;
  border-radius: 7px;
  box-shadow: 3px 3px 3px #777;
}
#life .contents__linkItem:first-child {
  border-top-left-radius: 0;
  box-shadow: none;
}
#life .contents__linkItem:first-child:after {
  content: "";
  display: block;
  border: solid 25px #a582b9;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 3;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
#life .contents__linkItem__mat {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#life .contents__linkItem__linkText {
  bottom: -2px;
  padding: 3px 0 6px;
  background: #fff;
  color: #333;
}
#life .contents__linkItem__image img {
  filter: none;
}
#yoboku .contentsArea {
  padding: 20px 10px;
  background: #fff;
}
#yoboku .contents__header {
  display: block;
  width: 55%;
  margin-left: 0;
  background: #fff;
  position: relative;
  z-index: 2;
}
#yoboku .contents__header > img {
  width: 90%;
  max-width: 240px;
}
#yoboku .contents__headerWrap {
  margin: 0 auto 20px;
  width: 88%;
  position: relative;
}
#yoboku .contents__headerWrap .dash {
  display: block;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
}
#yoboku .contents__image {
  overflow: hidden;
  margin-bottom: 20px;
}
#yoboku .contents__image > img {
  width: 100%;
  margin: -20px 0;
}
#yoboku .contents__second {
  width: 88%;
  max-width: 500px;
  margin: 0 auto;
}
#review .contentsArea {
  background: #d2c7e2;
}
#review .contents__imageArea {
  margin-bottom: 20px;
}
#review .contents__images {
  width: 100%;
  display: table;
}
#review .contents__image {
  display: table-cell;
  vertical-align: top;
  border-left: solid 1px transparent;
}
#review .contents__image:first-child {
  border: none;
}
#review .contents__image img {
  width: 100%;
}
#review .contents__header {
  color: #914897;
}
#review .contents__reviews {
  padding: 20px 10px;
}
#review .contents___review {
  background: #fff;
  width: 100%;
  max-width: 500px;
  padding: 10px 30px;
  margin: 0 auto 20px;
  border-radius: 6px;
}
#review .contents___review:last-child {
  margin-bottom: 0;
}
#review .contents___review > hr {
  display: none;
}
#review .contents__shuyoka-shiki {
  padding: 20px 10px;
  max-width: 500px;
  margin: auto;
}
#language .contentsArea {
  background: #fff;
  padding: 20px 10px;
}
#language .contents__header {
  color: #914897;
  display: block;
  text-align: left;
  width: 60%;
  max-width: 200px;
  background: #fff;
  position: relative;
  z-index: 2;
  margin-left: 0;
}
#language .contents__headerWrap {
  margin: 0 auto 20px;
  width: 88%;
  position: relative;
}
#language .contents__headerWrap .dash {
  display: block;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
}
#language .contents__image {
  overflow: hidden;
  margin-bottom: 20px;
}
#language .contents__image > img {
  width: 100%;
  margin: -10px 0;
}
#language .contents__second {
  width: 88%;
  max-width: 500px;
  margin: 20px auto;
}
#language .contents__third {
  width: 88%;
  max-width: 500px;
  margin: 20px auto;
}
#language .contents__subHeading:before {
  content: "▲";
  transform: rotate(90deg);
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8em;
}
#language .contents__contactLang {
  margin: 8px 0 8px 20px;
  font-size: 0.9em;
}
#language .contents__contactLang dd {
  margin-left: 1em;
}
#apply .contentsArea {
  background: #fff;
  padding: 20px 10px;
  margin-bottom: 0;
}
#apply .contents {
  width: 88%;
  margin: 0 auto;
  max-width: 500px;
}
#apply .contents__header {
  max-width: 180px;
  margin-bottom: 1em;
  width: 60%;
}
#apply .contents__header:before,
#contact .contents__header:before,
#apply .contents__header:after,
#contact .contents__header:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin: 4px 0;
  background-image: gradient(left, #fff 0%, #914897 50%, #fff);
  background: -webkit-gradient(linear, left top, right bottom, from(#fff), color-stop(0.5, #914897), to(#fff));
  background-image: -moz-linear-gradient(left, #fff 0%, #914897 50%, #fff);
}
#contact .contentsArea {
  padding: 20px 10px;
  margin: 0 auto;
  background: #fff;
}
#contact .contents {
  width: 88%;
  margin: 0 auto;
  max-width: 500px;
}
#contact .contents__header {
  max-width: 200px;
  /*180px;*/
  margin-bottom: 1em;
  width: 60%;
}
#contact .contents__infoArea {
  width: 110%;
  margin-left: -5%;
  margin-top: 1em;
  background: #d2c7e2;
  padding: 14px 52px;
  border-radius: 7px;
}
#contact .contents__info__title > h3:before {
  content: "▲";
  transform: rotate(90deg);
  display: inline-block;
  margin-left: -1.5em;
  margin-right: 0.5em;
  font-size: 0.8em;
}
#contact .contents__info__subTitle.circle:before {
  content: "◯";
}
#contact .contents__info__data {
  margin-bottom: 0.4em;
}
#contact .contents__info__data__indent {
  padding-left: 1em;
}
#contact .contents__info__data__hosoku {
  padding-left: 1em;
  text-indent: -1em;
}
.dash {
  border: transparent;
  border-top: dashed 2px #914897;
  margin: 20px auto;
}
.dash.short {
  width: 88%;
}
#map .contentsArea {
  padding: 20px 10px;
  background: url("https://shuyoka.tenrikyo.org/wp-content/themes/shuyoka/img/yakata.png") #d2c7e2 no-repeat;
  background-size: 35%;
  background-position-y: 10px;
  background-position-x: 5%;
}
#map .contents__header {
  color: #914897;
  margin: 0 auto 0.5em;
}
#map .contents__mapArea {
  position: relative;
  width: 100%;
  height: 100vw;
  max-height: 400px;
}
#map .contents__mapArea iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/**** パンくず ****/
.topPage .breadcrumbsArea {
  display: none;
}
/*================== TopPage END ==================*/
/*================== DefaultPage ====================*/
.defaultPage .contentsArea {
  max-width: 950px;
  background: #fff;
  padding: 20px;
  position: relative;
}
.defaultPage .contentsArea:first-child {
  margin-top: 0;
}
.defaultPage .contentsArea:after {
  content: "";
  border: solid 1.2em #a582b9;
  position: absolute;
  top: 0;
  left: 0;
  border-bottom-color: transparent;
  border-right-color: transparent;
  z-index: 9;
}
.defaultPage .contents__headerWrap {
  position: relative;
  margin-bottom: 1.4em;
}
.defaultPage .contents__headerWrap .dash {
  position: absolute;
  top: -0.5em;
  left: 0;
  z-index: 1;
  width: 100%;
}
.defaultPage .contents__header {
  margin-left: 0;
  text-align: left;
  padding: 0 10px 0 0;
  min-width: 100px;
  background: #fff;
  position: relative;
  z-index: 2;
  max-width: 100%;
  display: inline-block;
  width: auto;
  font-size: 1.3em;
  color: #914897;
}
.defaultPage .contents__imageArea {
  overflow: hidden;
  width: 108%;
  margin: 1.4em -4%;
  /*&>img {
				margin: -20px 0;
			}*/
}
.defaultPage .contents__textArea__ikoiLink {
  line-height: 1.24em;
}
.defaultPage .subheading.subheading--h3 {
  margin: 0.5em 0 1em;
  font-size: 1.4em;
  font-weight: bolder;
}
.defaultPage .dataTable {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  margin: 1em 0;
}
.defaultPage .dataTable > dt {
  width: 6em;
}
.defaultPage .dataTable > dd {
  width: calc(100% - 6em);
  margin-bottom: 0.5rem;
}
.defaultPage .dataList {
  padding-left: 1em;
}
.defaultPage #gyoji .contents__imageArea > img {
  display: none;
}
.defaultPage #gyoji .contents__imageArea > img:nth-of-type(2) {
  display: block;
}
.defaultPage #gyoji .contents__subHeader {
  position: relative;
  margin-bottom: 0.1em;
  z-index: 1;
}
.defaultPage #gyoji .contents__subHeader:before {
  display: block;
  content: "";
  border: solid 0.8em #d2c7e2;
  border-bottom-color: transparent;
  border-right-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.defaultPage #gyoji .contents__textArea > p {
  width: 88%;
  margin: 0 0 2em auto;
}
/*================== DefaultPage END ==================*/
/*================== ShikiPage ====================*/
.shiki .contentsAreaWrap {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.shiki .contentsArea {
  background: #d2c7e2;
  padding: 5%;
}
.shiki .contents__heading {
  max-width: 220px;
  display: block;
  width: 100%;
}
.shiki .contents__subHeading {
  font-size: 1.5em;
  line-height: 1.3em;
}
.shiki .contents__subText {
  font-size: 1.1em;
  text-align: right;
}
.container h3 {
  margin: 1.4em 0;
  font-size: 1.36em;
}
.container p {
  text-indent: 1em;
  margin-bottom: 0.6em;
}
/*================== ShikiPage END ==================*/
/**** footerNav ****/
.footerNav {
  background: #d2c7e2;
  padding: 20px;
}
.footerNav__lists {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.footerNav__lists:after {
  display: none;
}
.footerNav__list {
  padding: 0;
  width: calc(50% - 5px);
  display: block;
}
.footerNav__list * {
  display: block;
  width: 100%;
  height: auto;
}
/**** SNS ****/
.active.snsArea-wrap {
  height: 114px;
  transition: height 0.2s linear 0s;
}
.active .snsArea {
  background: #a582b9;
  border-radius: 7px;
}
.active .snsArea__lists {
  display: block;
}
.active .snsArea-wrap {
  background: #a582b9;
  height: auto;
}
.active .snsArea__share {
  background-image: url("https://shuyoka.tenrikyo.org/wp-content/themes/shuyoka/img/sns-close.svg");
  background-size: 20px;
}
.snsArea__lists {
  display: none;
}
.snsArea-wrap {
  border-radius: 7px;
  bottom: 18px;
  display: block;
  left: 10px;
  height: 38px;
  overflow: hidden;
  position: fixed;
  width: 38px;
  transition: height 0.1s linear 0s;
  z-index: 8;
}
.snsArea__share {
  background: url("https://shuyoka.tenrikyo.org/wp-content/themes/shuyoka/img/share.svg") no-repeat #a582b9;
  background-size: 34px;
  background-position: center;
  border-radius: 7px;
  height: 38px;
  width: 38px;
  display: block;
}
.snsArea__list__linkArea {
  display: block;
}
.snsArea__list__linkArea__icon {
  display: block;
  height: 40px;
  width: 40px;
  background-size: 28px;
  background-position: center;
  background-repeat: no-repeat;
}
.snsArea__list__linkArea__icon.facebook {
  background-image: url("https://shuyoka.tenrikyo.org/wp-content/themes/shuyoka/img/facebook.png");
}
.snsArea__list__linkArea__icon.twitter {
  background-image: url("https://shuyoka.tenrikyo.org/wp-content/themes/shuyoka/img/twitter.png");
}
/**** footer ****/
.footer {
  background: #333;
  width: 100%;
  position: relative;
  z-index: 9;
}
.footerInner {
  width: 100%;
  background: #333;
}
.footer__tenrikyo {
  background: #333;
}
.footer__tenrikyoLogo {
  padding: 10px;
}
.footer__tenrikyoLogo img {
  width: 145px;
  margin: auto;
  display: block;
}
.footer__navArea {
  color: #fff;
  margin: 10px 0;
}
.footer__nav__lists {
  width: auto;
  margin: auto;
  display: table;
}
.footer__nav__list {
  border-left: solid 2px #fff;
  display: table-cell;
  padding: 0 1em;
}
.footer__nav__list:last-child {
  border-right: solid 2px #fff;
}
.footer__nav__list > a {
  color: #eee;
  text-decoration: none;
}
.footer__copyright {
  color: #fff;
  font-size: 10px;
  text-align: center;
}
@media all and (max-width: 350px) {
  /* width350px以下（iphone5sなど） */
  .contents__linkItem__linkText {
    font-size: 0.86em;
  }
  .contents__linkItem__linkText:after {
    margin-left: 0em;
  }
  #life .contents__caption {
    margin: 0 auto;
  }
  #life .contents__headerWrap {
    padding: 10px;
  }
  #contact .contents__infoArea {
    padding: 14px 14px 14px 32px;
  }
}
@media all and (min-width: 481px) {
  body {
    font-size: 16px;
    line-height: 1.8em;
  }
  /**** nav ****/
  .mobileNav__list {
    width: 31.33%;
  }
  .mobileNav__list:nth-child(3n+1) {
    margin-left: 0;
    margin-right: 1.5%;
  }
  .mobileNav__list:nth-child(3n+2) {
    margin-left: 1.5%;
    margin-right: 1.5%;
  }
  .mobileNav__list:nth-child(3n) {
    margin-left: 1.5%;
    margin-right: 0;
  }
  .menuButton {
    width: 40px;
    height: 38px;
  }
  /**** contents ****/
  .contents__textArea {
    max-width: 500px;
    width: 70%;
    margin: auto;
  }
  .contents__header {
    max-width: 240px;
  }
  .contents__linkButton {
    width: 280px;
    padding: 14px 18px;
  }
  .contents__linkButton.ikoi {
    margin: 6px 0;
    display: inline-block;
    vertical-align: middle;
  }
  /*================== TopPage ==================*/
  /**** main ****/
  #main .contents__illustList {
    max-width: 220px;
  }
  #main .contents__illustList.fushime {
    top: 15vw;
  }
  #main .contents__illustList.mijo {
    top: 15vw;
  }
  #main .contents__illustList.jijo {
    top: 76vw;
  }
  #main .contents__illustList.izonsho {
    top: 76vw;
  }
  #main .contents__siteTitle img {
    max-width: 340px;
  }
  #main .contents__textLists {
    font-size: 3vw;
    margin: 0 16vw 40px;
    width: auto;
  }
  #main .contents__siteCatchPhrase img {
    width: 80%;
  }
  /**** about ****/
  #about .contents__textArea {
    max-width: 500px;
    width: 70%;
    margin: auto;
  }
  #about .contents__textArea p {
    line-height: 1.9em;
  }
  /**** life ****/
  #life .contents__headerWrap {
    padding: 8vw 4vw;
  }
  #life .contents__linkItem:first-child:after {
    border-width: 6vw;
  }
  #life .contents__linkItem__linkText {
    padding: 10px 0 16px;
  }
  /*================== TopPage END ==================*/
  /*================== DefaultPage ==================*/
  .defaultPage .contentsArea {
    width: 90%;
    max-width: 600px;
    padding: 40px;
    box-shadow: 2px 2px 5px #777;
  }
  .defaultPage .contentsArea:after {
    border-width: 1.6em;
  }
  .defaultPage .contents__textArea {
    max-width: 600px;
    width: 100%;
  }
  .defaultPage .contents__imageArea {
    width: 104%;
    margin: 1.4em -2%;
  }
  .defaultPage .contents__header {
    font-size: 1.5em;
    min-width: 140px;
  }
  .defaultPage .contents__headerWrap .dash {
    top: -0.2em;
  }
  /*================== DefaultPage END==================*/
  /**** footerNav ****/
  .footerNav__list {
    width: calc(33.33% - 10px);
  }
}
@media all and (min-width: 769px) {
  body {
    min-width: 950px;
    font-size: 18px;
  }
  /**** header ****/
  .header__tenrikyoLogo {
    max-width: 1000px;
    margin: 0 auto;
  }
  /**** nav ****/
  .navArea {
    display: none;
  }
  /**** main ****/
  .mainInner {
    padding-bottom: 60px;
  }
  /**** contents ****/
  .contents {
    max-width: 1000px;
    margin: 0 auto;
  }
  .contents.contents--moviewrap {
    padding: 0;
  }
  .contents__linkItem {
    width: 25%;
    border: solid 1px #777;
    border-right: none;
  }
  .contents__linkItem:last-child {
    border-right: solid 1px #777;
  }
  .contents__linkButton {
    width: 240px;
    padding: 6px 10px;
  }
  .contents__linkButton__triangleArea {
    display: none;
  }
  .dash.short {
    width: 100%;
  }
  /*================== TopPage ==================*/
  /**** main ****/
  #main .contentsArea {
    margin-bottom: 0;
    position: relative;
    z-index: 9;
  }
  #main .contents__siteTitle {
    padding-top: 40px;
  }
  #main .contents__mainVisual {
    max-width: 420px;
    margin-bottom: 18px;
  }
  #main .contents__illustList.fushime {
    top: 210px;
    right: 66%;
  }
  #main .contents__illustList.mijo {
    top: 200px;
    left: 67%;
  }
  #main .contents__illustList.jijo {
    top: 430px;
    right: 67%;
  }
  #main .contents__illustList.izonsho {
    top: 430px;
    left: 66%;
  }
  #main .contents__illustList.fushime:after,
  #main .contents__illustList.mijo:after {
    display: block;
    content: "";
    height: 2px;
    border-top: dashed 2px #333;
    position: relative;
    width: 116%;
  }
  #main .contents__illustList.fushime:after {
    right: 100px;
    top: 4px;
  }
  #main .contents__illustList.mijo:after {
    left: 60px;
    top: 14px;
  }
  #main .contents__textLists {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: 0.94em;
    list-style: none;
  }
  #main .contents__textList {
    position: absolute;
  }
  #main .contents__textList.fushime {
    top: 300px;
    left: 20px;
    width: 140px;
    text-align: left;
  }
  #main .contents__textList.mijo {
    top: 333px;
    right: 4px;
    width: 154px;
    text-align: right;
  }
  #main .contents__textList.jijo {
    top: 470px;
    left: 20px;
    width: 140px;
    text-align: left;
  }
  #main .contents__textList.izonsho {
    top: 470px;
    right: 14px;
    width: 150px;
    text-align: right;
  }
  #main .contents__textList br {
    display: block;
  }
  #main .contents__siteCatchPhrase img {
    max-width: 400px;
  }
  /**** nav1・nav2 ****/
  .nav1,
  .nav2 {
    display: block;
    background: #fff;
    box-shadow: 0px 1px 2px #777;
    position: relative;
    z-index: 8;
  }
  .nav1__lists,
  .nav2__lists {
    display: table;
    margin: 0 auto;
    padding: 8px 0;
  }
  .nav1__list,
  .nav2__list {
    display: table-cell;
    font-size: 1.06em;
    border-left: solid 2px #914897;
  }
  .nav1__list > a,
  .nav2__list > a {
    color: #a582b9;
    letter-spacing: 0.5em;
    text-align: center;
    text-decoration: none;
    padding: 0 31px 0 40px;
  }
  .nav1__list:last-child,
  .nav2__list:last-child {
    border-right: solid 2px #914897;
  }
  .nav1.fixed,
  .nav2.fixed {
    width: 100%;
    min-width: 950px;
    position: fixed;
    left: 0;
    background: rgba(255, 255, 255, 0.96);
    z-index: 10;
  }
  .nav1.fixed {
    top: 0;
  }
  .nav2.fixed {
    bottom: 0;
  }
  /**** about ****/
  #about .contentsArea {
    margin: 0 auto;
    position: relative;
    z-index: 7;
    background-size: cover;
    background-position: center;
  }
  #about .contents__textArea {
    max-width: 600px;
  }
  #about .contents__textArea p {
    line-height: 2em;
    text-align: center;
  }
  #about .contents__textArea p br {
    display: block;
  }
  /**** nav2 ****/
  .nav2 {
    z-index: 6;
  }
  .nav2__list > a {
    letter-spacing: 0;
    padding: 0 30px;
  }
  /**** Lessons ****/
  #lessons.contentsAreaWrap {
    margin-top: 0px;
  }
  #lessons .contentsArea {
    margin: 0px auto 50px;
  }
  /**** practice ****/
  #practice .contents__linkItems {
    width: 50%;
    margin: 0 auto;
  }
  #practice .contents__linkItem {
    width: 50%;
  }
  /**** life ****/
  #life .contentsArea {
    padding: 40px 0 20px;
  }
  #life .contents__linkItem {
    width: 23%;
    height: 188px;
    margin: 0 1%;
    border: none;
  }
  #life .contents__linkItem:first-child:after {
    border-width: 30px;
  }
  #life .contents__headerWrap {
    padding: 1em;
  }
  /**** yoboku ****/
  #yoboku .contentsArea {
    max-width: 1000px;
    padding: 20px;
    box-shadow: 2px 2px 5px #333;
  }
  #yoboku .contents__first {
    display: table-cell;
    width: 50%;
  }
  #yoboku .contents__second {
    display: table-cell;
    width: 50%;
    padding: 0 0 0 24px;
    vertical-align: top;
  }
  #yoboku .contents__linkButton {
    position: absolute;
    top: 180px;
    left: 10px;
    margin: 0;
  }
  #yoboku .contents__image {
    margin: 0;
  }
  #yoboku .contents__headerWrap {
    width: 100%;
  }
  #yoboku .dash.short {
    display: none;
  }
  /**** review ****/
  #review {
    /**** shiki ****/
  }
  #review .contentsArea {
    background-image: url("https://shuyoka.tenrikyo.org/wp-content/themes/shuyoka/img/review.png");
    background-repeat: no-repeat;
    background-size: 1200px 700px;
    background-position: center top;
  }
  #review .contents {
    padding: 20px;
  }
  #review .contents__imageArea {
    display: none;
  }
  #review .contents__header {
    display: table-cell;
    width: 20%;
    text-shadow: 1px 1px 0 #fff;
  }
  #review .contents__reviews {
    display: table-cell;
    max-width: 100%;
    margin: 0;
    width: 70%;
    padding-right: 120px;
    padding-left: 40px;
  }
  #review .contents___review {
    margin: 0 0 1em;
    max-width: 100%;
    background: none;
    padding: 0;
    border-radius: 0;
  }
  #review .contents___review > hr {
    display: block;
  }
  #review .contents__shuyoka-shiki {
    max-width: 1000px;
  }
  #review .contents__shuyoka-shiki .container {
    width: 70%;
    margin: 0 0 0 auto;
  }
  #review .contents__shuyoka-shiki.shiki {
    padding-right: 120px;
  }
  #review .contents__shuyoka-shiki .contents {
    padding-top: 0;
  }
  /**** language ****/
  #language .contentsArea {
    max-width: 1000px;
    padding: 20px;
    box-shadow: 2px 2px 5px #333;
  }
  #language .contents__first {
    display: table-cell;
    width: 54%;
  }
  #language .contents__second {
    display: table-cell;
    width: 46%;
    padding: 0 12px 0 24px;
  }
  #language .contents__headerWrap {
    width: 100%;
  }
  #language .contents__header {
    width: 46%;
  }
  #language .contents__third {
    width: 100%;
    max-width: 100%;
  }
  #language .contents__contactLang {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-rule: solid #777 2px;
    -moz-column-rule: solid #777 2px;
    column-rule: solid #777 2px;
    font-size: 1em;
    margin: 8px 20px;
    width: auto;
  }
  #language .dash.short:last-child {
    display: none;
  }
  .otherContents {
    max-width: 1000px;
    margin: 0px auto 60px;
  }
  /**** apply ****/
  #apply .contentsArea {
    width: 49%;
    float: left;
    box-shadow: 2px 2px 5px #333;
    margin: 0 0 20px;
    padding: 22px 22px 30px;
  }
  #apply .contents {
    width: 96%;
  }
  /**** contact ****/
  #contact .contentsArea {
    width: 49%;
    float: right;
    box-shadow: 2px 2px 5px #333;
    padding: 22px;
  }
  #contact .contents {
    width: 96%;
  }
  #contact .contents__infoArea {
    width: 100%;
    margin: 24px 0 0;
    background: none;
    padding: 0 0 0 24px;
    /*24px 0 0 24px;*/
    border-radius: 0;
    /*border-top: dashed 2px @theme-shadow;*/
  }
  /**** map ****/
  #map .contentsArea {
    width: 49%;
    float: left;
    box-shadow: 2px 2px 5px #333;
    padding: 22px;
    margin: 0;
  }
  #map .contents__mapArea {
    max-height: 429px;
  }
  /*================== TopPage END ==================*/
  /*================== DefaultPage ==================*/
  .defaultPage.navArea {
    display: block;
  }
  .defaultPage.navArea__topFixed {
    max-width: 1000px;
    margin: 0 auto;
  }
  .defaultPage .home {
    display: block;
  }
  .defaultPage .home__link {
    color: #914897;
    background: none;
    box-shadow: none;
    border-radius: 0;
    font-size: 1.4em;
    font-weight: normal;
    padding: 0;
  }
  .defaultPage .menuButton {
    display: none;
  }
  .defaultPage .pcNav {
    display: block;
    float: right;
    padding: 0;
  }
  .defaultPage .pcNav__lists {
    display: table;
  }
  .defaultPage .pcNav__list {
    display: table-cell;
    letter-spacing: 0.5em;
    text-align: center;
    border-left: solid 2px #914897;
    padding: 0 20px 0 36px;
  }
  .defaultPage .pcNav__list:last-child {
    border-right: solid 2px #914897;
  }
  .defaultPage .pcNav__list > a {
    padding: 0 10px 0 2px;
    text-decoration: none;
    color: #914897;
    font-size: 1.3em;
  }
  .defaultPage .contentsArea {
    width: 100%;
    max-width: 950px;
  }
  .defaultPage .contents__headerWrap {
    width: 47%;
    float: left;
  }
  .defaultPage .contents__imageArea {
    width: 50%;
    margin: 1em 0 0 2%;
    float: right;
  }
  .defaultPage .contents__imageArea img {
    margin: 0;
  }
  .defaultPage .contents__textArea {
    width: 73%;
    margin-left: 0;
    max-width: 100%;
  }
  .defaultPage .contents__textArea .dash {
    display: none;
  }
  .defaultPage #gyoji .contents__imageArea > img {
    display: block;
    margin-bottom: 4em;
  }
  .defaultPage #gyoji .contents__imageArea > img:last-child {
    margin-bottom: 0;
  }
  .defaultPage #gyoji .contents__subHeader:before {
    display: none;
  }
  .defaultPage #gyoji .contents__textArea > p {
    width: 92%;
  }
  /*================== DefaultPage END ==================*/
  /*================== ShikiPage ==================*/
  .shiki .contentsAreaWrap {
    padding-left: 1em;
    padding-right: 1em;
  }
  .shiki .contentsArea {
    padding-top: 2em;
  }
  .shiki .contents__headingArea {
    display: table;
    width: 100%;
  }
  .shiki .contents__heading {
    display: table-cell;
    width: 30%;
    vertical-align: bottom;
  }
  .shiki .contents__subHeadingWrap {
    display: table-cell;
    vertical-align: bottom;
    width: 70%;
    position: relative;
  }
  .shiki .contents__subHeading {
    font-size: 2.2em;
    text-align: right;
    margin-bottom: 10px;
  }
  .shiki .contents__subText {
    margin-bottom: 1.4em;
  }
  /*================== ShikiPage END ==================*/
  /**** SNS ****/
  .snsArea {
    display: block;
  }
  .snsArea-wrap {
    background: #a582b9;
    border-radius: 10px;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    height: 80px;
    bottom: 70px;
    left: 0;
    padding: 0;
    z-index: 10;
  }
  .snsArea__share {
    display: none;
  }
  .snsArea__lists {
    display: block;
    text-align: center;
  }
  /**** footerNav ****/
  .footerNav__lists {
    gap: 15px;
  }
  .footerNav__list {
    width: calc(20% - 15px);
  }
  /**** footer ****/
  .topPage .footer {
    padding-bottom: 3em;
  }
}
/*IE needs CSS*/
@media all and (-ms-high-contrast: none) {
  /**** hoverAction ****/
  a:hover img {
    opacity: 1;
    transition: all 0.3s linear;
  }
  #life .contents__linkItemWrap > a:hover {
    opacity: 0.76;
    transition: all 0.3s linear;
  }
  /**** Contents ****/
  .contents__linkItem__image {
    background: #000;
  }
  .contents__linkItem__image > img {
    opacity: 0.76;
  }
  #life .contents__linkItem__image > img {
    opacity: 1;
  }
}
/*追加*/
.kakomi {
  margin: 20px 0 20px -1em;
  padding: 15px;
  border: 1px solid #333;
}
.small_hosoku {
  font-size: 80%;
}
.banner_ws {
  margin: 20px 0 25px;
}
@media all and (min-width: 769px) {
  .banner_ws {
    width: 65%;
  }
}
.wp-pagenavi {
  text-align: center;
}
.shiki__archive {
  margin: 0 auto;
  max-width: 80%;
  width: 300px;
}