@charset "UTF-8";
/* ◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎ページの中枢ここから◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎ */

/* 共通設定 */
html * {
    box-sizing: border-box;
}

html {
    font-family: serif;
    font-size: 14px;
}

body {
    margin: 0 0 0 0;
    background-image: url(img/background.png);
}

body a:link {
    color: #000000;
}

body a:visited {
    color: #000000;
}

body a:hover {
    color: #000000;
}

body a:active {
    color: #000000;
}

/* 背景画像（向鶴） */
.wrapper {
    margin: 0 0 0 0;
    max-width: auto;
    background-image: url(img/background%202.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35%;
    background-attachment: fixed;
}


/* コンテンツ部の幅設定 */
.contents {
    margin: 0 auto 0 auto;
    max-width: 960px;
    height: auto ;
}

/* ヘッダー */
header {
    max-width: 960px;
    height: 30px;
}

@media screen and (max-width: 960px) {
    /*スマホ時非表示にする*/
    header {
        display: none;
    }
}


header ul  {
    margin: 0 0 0 0;
    width: 330px;
    height: 15px;
    line-height: 20px;
    margin-left: auto;
}

header ul li{
   position: relative;
   padding-left: 15px;
    list-style:none;
  }
 
header ul li:before {
   content: "";
   position: absolute;
   top: .1em;
   left: -3px;
   width: 15px;
   height: 15px;
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
   border-radius: 50%;
   background-color: #b7282e;
  }
 
header ul li:after {
   content: "";
   position: absolute;
   top: .45em;
   left: 0px;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   width: 5px;
   height: 5px;
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
}

/* ＝＝＝＝＝＝コンテンツ左＝＝＝＝＝＝ */
.side_left {
    margin: 0 auto 0 auto;
    max-width: 300px;
    display: inline-block;
}

@media screen and (max-width: 960px) {
    /*スマホ時非表示にする*/
    .side_left {
        display: none;
    }
}



/* １．タイトル画像 */
.title img {
    max-width: 280px;
    margin: 0 auto 0 auto ;
}

.title p {
    max-width:280px;
    font-size:14px;
    line-height: 1.3em;
    margin: 3 0 3 0;
}

/* ２．ナビゲーション */
#PC-navi {
    width:280px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
    border-width: 1.5px;
}

#PC-navi a:link{
    text-decoration: none;
}

.navi {
    width:280px;
    height:50px;
    border-top-style: solid;
    border-top-color: #000000;
    border-width: 1.5px;
    cursor: pointer;
	transition: all 0.1s ease 0s;
    text-decoration: none;
}

.navi:hover {
    background: #7a4171;
    color: #ffffff;
}

.navi p {
    margin: 13px 0;
    font-size: 16px;
    line-height: 25px;
    height: 25px;
    text-indent: 2.0em;
    font-weight: bolder;
    background: url(img/TORII.png) left 0px bottom 01px no-repeat;
	background-size: 25px 25px;
    cursor: pointer;
	transition: all 0.3s ease 0s;
}

/* ２．ナビゲーション　※選択中のページの場合 */
.navi-select {
    width:280px;
    height:50px;
    background: #e6cde3;
    border-top-style: solid;
    border-top-color: #000000;
    border-width: 1.5px;
    cursor: pointer;
	transition: all 0.3s ease 0s;
}


.navi-select p {
    margin: 13px 0;
    font-size: 16px;
    line-height: 25px;
    height: 25px;
    text-indent: 2.0em;
    font-weight: bolder;
    background: url(img/TORII.png) left 0px bottom 01px no-repeat;
	background-size: 25px 25px;

}


/* ３．Twitter */
.twitter {
    width:280px;
    margin: 50px 0 0 0;
    padding: 0px ;
}

.twitter p {
    height: 45px;
    text-indent: 3.0em;
    font-weight: bold;
    line-height: 40px;
    font-size: 20px;
    background: url(img/awajimusubi.png) left 0px bottom 0px no-repeat;
	background-size: 100% auto;
}

.twitter img {
    text-align: center; 
}


/* ４．リンク */
.link {
    width:280px;
    margin: 50px 0 0 0;
    padding: 0px ;
}
.link p {
    height: 45px;
    text-indent: 3.0em;
    font-weight: bold;
    line-height: 40px;
    font-size: 20px;
    background: url(img/awajimusubi.png) left 0px bottom 0px no-repeat;
	background-size: 100% auto;
}
.link ul{
  padding: 0;
  font: 14px/1.6 'arial narrow', serif;
  width:280px;
  list-style: none;
}
.link ul li{
  position: relative;
  left:1.0em;
  padding: 0.5em 1em 0.5em 2.3em;
  color: rgb(129,194,250);
  font-size: 15px;
}
.link ul li:after,
.link ul li:before{
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.link ul li:before{
  top: 0.7em;
  left: 0.2em;
  width: 12px;
  height: 12px;
  border:2px solid #ce5242;
}
.link ul li:after{
  top: 0.9em;
  left: 0.7em;
  width: 14px;
  height: 14px;
  background: #ce5242;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

/* ５.アクセス */
.access {
    width: 280px;
    margin : 50px 0 20px 0;
    padding : 2px ;
    line-height : 1.0 ;
    border : solid 2px #333 ;
}
.access p {
    text-align: center;
    text-decoration-line: underline;
    font-size: 16px;
    font-weight: bold;
}
.access_guide p {
    margin: 10px 5px ;
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    text-decoration-line:none;
    font-weight:normal;
}
.text18{
    margin: 0;
    padding: 0;    
}
.text18 p {
    font-size: 18px;
    line-height: 0px;
    text-align: center;
    text-decoration-line:underline;
    font-weight: bold;
}
.text13{
    text-align: center;
    margin: 0;
    padding: 0;    
}
.text13 p {
    font-size: 13px;
    text-decoration-line: none;
}

/* ６.フッター */
footer {
    width:auto;
    height: 90px;
    background-color: black;
    margin: 0 0 0 0;
    padding: 10 10 10 10;
    clear: both;
}
footer p {
    margin: 0 0 0 0;
    padding: 5 10 5 10;
    text-align: center;
    line-height: 22px;
    color: #ffffff;
}


/* ◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎ページの中枢ここまで◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎◎ */

/* コンテンツ右 */
.side_right {
    margin: auto 0px auto 0px;
    max-width: 660px;
    padding: 0 0 0 0;
    text-align:inherit;
    float:right;
}

/* 見出し画像 */
.key-visual img{
    margin: auto 0px auto 0px;
    max-width:640px;
    width: 100%;
}


/* メインテキスト */
h3{
    max-width:640px;
    position: relative;
    color: #111;
    font-size: 20px;
    font-weight: bold;
    margin: 15px 10px 5px 10px;
    padding: 0 0 0 0;
    border-bottom: 3px solid #B92A2C;
    text-indent: 2.3em;
}
 
h3:before{
    content: "";
    position: absolute;
    background: #d48789;
    top: 0;
    left: 0.8em;
    height: 22px;
    width: 22px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
h3:after{
    content: "";
    position: absolute;
    background:#d26466;
    top: 0.8em;
    left: 0.2em;
    height: 17px;
    width: 17px;
    transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
}

.news {
    margin: 25px 10px 25px 10px;
    padding: 5px;
    max-width: 640px;
    background-color: rgba(255,250,255,0.6);
}

.date p {
    font-size: 14px;
    line-height: 15px;
    margin: 0;
    font-weight: bolder; 
}

.subtitle  {
    border-bottom-style:solid;
    border-bottom-width: 0.5px;
    text-indent: 1em;
}

.subtitle p {
    margin: 0;
    font-size: 18px;
    line-height: 1.5em;
    font-weight: bolder; 
}


.comment p {
    font-size: 14px;
    line-height: 1.5em;
}

.news-picture {
    margin: 3px;
    padding: 3px;
    position: relative;
    bottom: 0;
    display: inline-block;
    vertical-align: top;
}

.news-picture p {
    margin: 3px;
    position: relative;
    text-align: center;
    font-size: 13px;
}


.news-picture img {
    margin: 3px auto;
    max-width: 100%;
}

.detail p {
    text-decoration-line: none;
}
.detail ul  {
    margin: 0 0 0 0;
    width:160px;
    line-height:20px;
    margin-left: auto;
    font-weight: bold;
    font-size: 13px;
}

.detail ul li{
   position: relative;
   padding-left: 15px;
    list-style:none;
  }
 
.detail ul li:before {
   content: "";
   position: absolute;
   top: .1em;
   left: -3px;
   width: 15px;
   height: 15px;
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
   border-radius: 50%;
   background-color: #b7282e;
  }
 
.detail ul li:after {
   content: "";
   position: absolute;
   top: .45em;
   left: 0px;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   width: 5px;
   height: 5px;
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
}




/* ★★★個別ページの設定★★★ */
h4{
    max-width:640px;
    position: relative;
    color: #111;
    font-size: 18px;
    font-weight: bold;
    margin: 15px 10px 3px 10px;
    padding: 0 0 0 0;
    text-indent: 0.5em;
}

.text {
    margin: 0px 10px 0px 10px;
    padding: 3px;
    max-width: 640px;
    display: inline-block;
}

.text p {
    font-size: 14.5px;
    line-height: 1.5em;
    margin: 3px;
    position: relative;
}

.text-img {
    text-align: center;
    max-width: 640px;
    margin: 0px 10px;
}

.text-img p{
    font-size: 13px;
    line-height: 1.5em;
    text-align: center;
    
}

.box {
    margin: 5px 50px 5px 50px;
    padding: 5px;
    border: double 5px #333;
    max-width: 640px;
}

.box p {
    font-size: 14.5px;
    line-height: 1.5em;
    margin: 0.5px;
    position: relative;
}


/* 外部リンク（詳しくはこちら） */
.out-link  {
    text-decoration-line: none;
    width: auto;
    display: flex;
}
.out-link p  {
    line-height:20px;
    margin-left: auto;
    font-weight: bold;
    font-size: 13px;
}

.out-link p{
   padding-left: 15px;
  }
 
.out-link p:before {
   content: "";
   position: absolute;
   top: .1em;
   left: -3px;
   width: 15px;
   height: 15px;
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
   border-radius: 50%;
   background-color: #b7282e;
  }
 
.out-link p:after {
   content: "";
   position: absolute;
   top: .45em;
   left: 0px;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   width: 5px;
   height: 5px;
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
}


/* 授与品（一般） */
.goods-detail p {
    font-size: 13px;
    text-align: left;
    line-height: 1.5em;
    width: 170px;
}


/* 授与品（特殊１） */

.goshuin-detail p {
    font-size: 13px;
    text-align: left;
    line-height: 1.5em;
    width: 280px;
} 

/* 動画の設定 */
video {
  width: 100%;
  max-width: 500px;
  height: auto;
  display: block;
  margin: auto;
}