@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);
@import url(https://fonts.googleapis.com/earlyaccess/nicomoji.css);

/*============================
common
============================*/

strong {font-weight: bold;}

/*============================
layout
============================*/

html {
  height: 100%;
}

body {
	color: #333;
	font-size: 16px;
    font-family: "sawarabimincho";
	/*font-family: 'Sawarabi Mincho','Open Sans','Mplus 1p','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', arial, helvetica, sans-serif;*/
    background: url(../img/bg/mokume_dark_background.jpg);
	margin: auto;
	text-align: center;
}

/*a {
	color: #000000;
	text-decoration:  none;
}*/

small {
	font-size: 64%;
}


/*============================
main
============================*/

.main {
    margin: auto;
    height: 100%;
    text-align: center;
}

/*============================
waku
============================*/

.waku {
    margin: 120px auto 150px;
    padding: 2em;
    width: 800px;
    text-align: center;
    background-color: #fff;
    background: url(../img/others/137611.png) no-repeat #fff bottom right 60px;
    background-size: 180px;
    opacity: 0.9;
    border-radius: 15px;
    border: 2px solid green;
}



.waku h1 {
    margin: 0.5em auto;
    font-size: 3.5em;
}


.waku h2 {
    margin: 2em auto 0;
    font-size: 1.5em;
}

.waku p {
    margin: 0 auto 1em;
    font-size: 1.2em;
}

/*============================
header
============================*/

.header {
    background: #ffd92f;
}

.h_text_line {
    border-top: solid 6px red;
    background-image: radial-gradient(circle, #fff 82%, rgb(252, 82, 42));
    color: #191616;
    padding: 6px 0;
    border-bottom: solid 6px #34a853;
}

.h_text_line {
    background-size: 400% 400%;
    -webkit-animation: AnimationName 50s ease infinite;
    -moz-animation: AnimationName 50s ease infinite;
    animation: AnimationName 50s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 79%}
    50%{background-position:100% 22%}
    100%{background-position:0% 79%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 79%}
    50%{background-position:100% 22%}
    100%{background-position:0% 79%}
}
@keyframes AnimationName {
    0%{background-position:0% 79%}
    50%{background-position:100% 22%}
    100%{background-position:0% 79%}
}



.h_logo_line {
    width: 1024px;
    margin: auto;
    text-align: center;
    padding: 0;
    
    
}

.h_logo p {
    padding: 0.2em 0em ; 
    text-align: center;
    letter-spacing: 1em;
}

.h_logo_i {
    padding-top: 12px;
    text-align: center;
    margin: 0 auto;
    width: 860px;
}

.h_logo_i img {
    width: 640px;
}

.h_tel_h {
    text-align: center;
}

.h_tel {
    width: 380px;
    text-align: center;
    background: #FF0000;
    padding: 12px;
    margin: auto;
    border-radius: 10px;
}

.h_tel_i {
    width: 24px;
    margin-top: 6px;
}

.h_tel_bangou a {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
      text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
               0px 8px 13px rgba(0,0,0,0.1),
               0px 18px 23px rgba(0,0,0,0.1);
}

.h_tel_b {
    text-align: center;
}

.header_takeout {
     background: rgb(255, 190, 79);
    padding: 10px;

}

.header_takeout_nai {
    background: #fff url(../img/tekeout_icon_ri.png) no-repeat;
    background-position: 10px;
    background-size: 100px;

    text-align: center;
    width: 1024px;
    padding: 10px;
    margin: auto;
    border-radius: 20px;
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.header_takeout p {
    padding: 5px;
  line-height: 1;
  color: #333;
  font-size: 18px;

  font-weight: bold;
}

/*============================
menu
============================*/

.menu {
    width: 100%;
    border-top: 2px #ff0000 solid;
    border-bottom: 2px #ff0000 solid;
    background: #d2250d;
     box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5), inset 0px -3px 6px -2px rgba(0, 0, 0, 0.3);
}

.menu_i {
    margin: auto;
    width: 1200px;
    background: #d2250d;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5), inset 0px -3px 6px -2px rgba(0, 0, 0, 0.3);
    
}

.menu_i a {
    display: block;
    width: 240px;
    padding: 1em 0;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-right: 1px solid #ff0000;
    font-size: 15px;
    text-shadow:
    0 1px #bbb,
    1px 2px #bbb,
    2px 3px #bbb,
}

.menu_i a:first-child {
    border-left: 1px solid #ff0000;
} 

.menu_i a:hover {
    background: rgb(255, 184, 26);
background: linear-gradient(180deg, rgb(246, 144, 16) 0%, rgb(255, 216, 121) 100%);
     box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5), inset 0px -3px 6px -2px rgba(0, 0, 0, 0.3);

}

.menu_bottom {
    border-bottom: 2px solid rgb(241, 5, 5);
}

.menu_bottom_i {
    width: 1200px;
    margin: auto;
     box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5), inset 0px -3px 6px -2px rgba(0, 0, 0, 0.3);
}

.menu_bottom_i p {
    padding: 8px;
    text-align: left;
}


/*============================
ふきだし
============================*/

.balloon1-top {
  position: relative;
  display: inline-block;
 width: 800px;
  margin: 1em 8px 5px;
  padding: 17px 28px;
  min-width: ;
  max-width: 100%;
  color: #333;
  font-size: 18px;
    text-align: center;
  background: #a4eb84;
    border-radius: 20px;
}

.balloon1-top:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #a4eb84;
}

.balloon1-top p {
  margin: 0;
  padding: 0;
}

/*============================
続きを読む
============================*/


.read-more-1 {
    position: relative;
}

.read-more-1 p {
    position: relative;
    max-height: 160px; /* 開く前に見せたい高さを指定 */
    margin-bottom: 0;
    overflow: hidden;
    transition: max-height 1s;
}

.read-more-1:has(:checked) p {
    max-height: 100vh;
}

.read-more-1 p::after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .9) 50%, hsla(0, 0%, 100%, .9) 0, #fff);
    content: '';
}

.read-more-1:has(:checked) p::after {
    
    content: none;
}

.read-more-1 label {
    display: flex;
    align-items: center;
    gap: 0 4px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #4f96f6;
    font-size: 1.2em;
}

.read-more-1 label:hover {
    color: #c7511f;
    text-decoration: underline;
    cursor: pointer;
}

.read-more-1:has(:checked) label {
    display: none;
}

.read-more-1 label::after {
    display: inline-block;
    width: 10px;
    height: 5px;
    background-color: #b6bdc3;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.read-more-1 input {
    display: none;
}

/*============================
billboard
============================*/

.billboard {
    padding: 1em 0;
}

.billboard_img {
    border: 2px solid #ccc;
    border-radius: 10px;
}

/*============================
main
============================*/

.main {
    width: 1200px;
    padding-top: 24px;
}

.twindon {
    padding-top: 2em;
}

.main_aisatsu p {
    text-align: left;
    font-size: 1.2em;
}

.main_aisatsu h2 {
    font-size: 2em;
}

.index_aisatsu {
    background: #fbdede url(../img/index/tensyu_haikei.jpg) right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    padding: 36px;
    margin-bottom: 36px;
}

.index_aisatsu img {
    border: solid #fff 6px;
}

.aisatsu_naiyou h3 {
    font-size: 2em;
    padding: 12px;
}

.aisatsu_naiyou p {
    font-size: 1.7em;
    padding: 2em 1em 0;
}



.balloon2-left {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
}

.balloon2-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

.balloon2-left:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #555;
  z-index: 1;
}

.balloon2-left p {
  margin: 0;
  padding: 0;
}

.balloon2-top {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
    border-radius: 10px;
}

.balloon2-top:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
}

.balloon2-top:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #555;
  z-index: 1;
}

.balloon2-top p {
  margin: 0;
  padding: 0;
}


.insyuoku_menu h6 {
    padding: .8em;
}




/*============================
商品紹介
============================*/

.map {
    
}

.map h2 {
    font-weight: bold;
    font-size: 36px;
    color: #fff;
}

/*============================
nk
============================*/

.nk {
    border: #cacaca 1px solid;
    border-radius: 15px;
    padding-top: 1em;
    background: #fff5fd;
}

.nk h2 {
    font-size: 2em;
    font-weight: bold;
}

/*============================
com
============================*/


.heading-009 {
    position: relative;
    padding: .5em .7em;
    border-radius: 10px;
    background-color: #2589d0;
    color: #fff;
}

.heading-009::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 30px;
    width: 0;
    height: 0;
    border: 11px solid transparent;
    border-top: 11px solid #2589d0;
}

.com_aisatsu p {
    text-align: left;
    margin: 1em auto;
    width: 640px;
    font-size: 1.5em
}

/*============================
qanda
============================*/

.qanda h1 {
    font-size: 2.1em;
}

.qanda_c {
    border: 2px solid #ccc;
    border-radius: 10px;
    width: 1024px;
    margin: 24px auto;
    
}

.qanda_c hr {
    border-top: 1px solid #ccc;
    width: 98%;
    height: 0;
    text-align: center;
    overflow: visible;
    clear: both
}
.qanda_c hr::after {
  content: "Q&A";
  background: #fff;
  color: #ccc;
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  top: -1em;
  padding: 0 1em;
}

.qanda_c h2 {
    font-weight: normal;
    float:left; 
    text-align: left;
    font-size: 1.8em;
    padding: 0.5em;
}

.qanda_c p {
    font-weight: normal;
    text-align: left;
    font-size: 1.5em;
    padding: 0.5em;
    padding-top: 0.9em;
}

.qanda_c h2 span:first-child {
    font-weight: bold;
    color: rgb(100, 149, 237);    
}

.qanda_c h2 span:nth-child(2n) {
    font-weight: bold;
}

.qanda_c_a {

}

/*============================
about
============================*/

.about h1 {
    font-size: 2.1em;
}


.heading19 {
	position: relative;
	padding-bottom: 10px;
    margin-bottom: 20px;
	font-size: 26px;
}

.heading19::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background-image: repeating-linear-gradient(45deg, #1f38f5 0px, #b2daf4 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
	background-size: 8px 8px;
}


.heading19_c {
	position: relative;
	padding-bottom: 10px;
    margin-bottom: 20px;
	font-size: 26px;
}

.heading19_c::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background-image: repeating-linear-gradient(45deg, #faa80c 0px, #f4d849 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
	background-size: 8px 8px;
}


.about h2 {
    font-size: 2.8em;
    margin-top: 2em;
}

.heading16 {
	position: relative;
	padding-bottom: 20px;
	font-size: 64px;
	text-align: center;
}

.heading16::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 6px 0 6px;
	border-color: #ff962d rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
}

.about h3 {
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
}


.heading-006 {
    display: inline-block;
    position: relative;
    padding: 0 2.5em;
    color: #333333;
}

.heading-006::before,
.heading-006::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 45px;
    height: 3px;
    background-color: #2589d0;
}

.heading-006::before {
    left: 0;
}

.heading-006::after {
    right: 0;
}



.heading-018 {
    padding: .5em .7em;
    border: 2px solid #2589d0;
    box-shadow: 5px 5px #2589d0;
    color: #2589d0;
}

.com_img img {
    margin: 1em auto;
}

.com_img img {
    box-shadow: 5px 10px 0 #0ea0fc;
}

.image0 {
	box-shadow: 5px 10px 0 #0ea0fc; 
}

.image {
	box-shadow: 5px 10px 0 #0ea0fc;
    transform:rotate(-2deg); 
}

.image1 {
	box-shadow: 5px 10px 0 #fcc50e;
    transform:rotate(2deg); 
}

.image2 {
	box-shadow: 5px 10px 0 #57fc0e;
    transform:rotate(-2deg); 
}



/*============================
waku
============================*/

/*============================
table
============================*/



.table_design07 {
  border-collapse: collapse;
  width: 100%;
  max-width: 700px;
    margin: 1em auto;
}
.table_design07 th, .table_design07 td {
  border: 2px solid #fff;
  background-color: #f6eee6;
  border-radius: 0 15px 15px 0;
  padding: 1em;
}
.table_design07 th {
  background-color: #fa7b27;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border-radius: 15px 0 0 15px;
  width: 20%;
  min-width: 4em;
  position: relative;
}
.table_design07 td {
  text-align-last: left;
}
.table_design07 th::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border: 10px solid transparent;
  border-left: 10px solid #fa7b27;
  z-index: 2;
}
.table_design07 th::after {
  content: '';
  position: absolute;
  top: 50%;
  left: calc(100% + 2px);
  transform: translateY(-50%);
  border: 12px solid transparent;
  border-left: 12px solid #fff;
  z-index: 1;
}
            



/*============================
contact_table
============================*/

.contact_table {

}

.contact_table div {
    margin: 0.2em auto;
    line-height: 200%;
}

.contact_table h3 {
    font-size: 24px;
    margin: 1em auto;
    font-weight: bold;
}

.contact_table h3:first-letter {
font-size: 1.2em;
color: #7172ac;
}

.contact_table strong {
    font-weight: bold;
}

.contact_table input {
    padding: 0.5em;
    border-radius: 20px;
}

.contact_table textarea{
    padding: 0.5em;
    border-radius: 20px;
}

.contact_table input[type="submit"] {
   /* input要素のうちtype属性値がbuttonのものに対して装飾 */
   background-image: linear-gradient(0deg, #a7d9f5, #eaf6fd); /* グラデーション */
   border: 1px solid #3c7fb1; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */
}
.contact_table input[type="submit"]:hover {
   /* マウスが載ったとき */
   background-image: linear-gradient(0deg, #68d3db, #e5f4fc);
   border: 1px solid #2c628b;
}
.contact_table input[type="submit"]:active {
   /* クリックされたとき */
   background-image: linear-gradient(180deg, #68d3db, #e5f4fc);
   border: 1px solid skyblue;
}

.contact_table input[type="reset"] {
   /* input要素のうちtype属性値がbuttonのものに対して装飾 */
   background-image: linear-gradient(0deg, #a7d9f5, #eaf6fd); /* グラデーション */
   border: 1px solid #3c7fb1; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */
}
.contact_table input[type="reset"]:hover {
   /* マウスが載ったとき */
   background-image: linear-gradient(0deg, #68d3db, #e5f4fc);
   border: 1px solid #2c628b;
}
.contact_table input[type="reset"]:active {
   /* クリックされたとき */
   background-image: linear-gradient(180deg, #68d3db, #e5f4fc);
   border: 1px solid skyblue;
}

.contact_setumei {
    
    width: 640px;
    background: rgba(255,255,255,0.8);
    border-radius: 20px;
    border: 2px solid #c34b7f;
    
}

/*============================
box75
============================*/

.box75{
margin: 2em 1em;
background-color: RGB( 252, 235, 234,0.9 );/*ボックス背景色*/
padding:3.5em 2em 2em;/*ボックス内側余白*/
box-shadow: 0px 1px 5px rgba(0,0,0,0.5);/*ボックス影*/
position:relative;/*配置(ここを基準に)*/
}
.box75 .box-title {
background-image: repeating-linear-gradient(-45deg,#f7e9e8 0, #f7e9e8 3px,#fafafa 3px,#fafafa 6px);/*ストライプ*/
border-left: 2px dotted rgba(0,0,0,.1);/*テープのギザギザ左*/
border-right: 2px dotted rgba(0,0,0,.1);/*テープのギザギザ右*/
transform: rotate(-2deg);/*テープの傾き*/
font-size: 1em;/*タイトル文字の大きさ*/
padding: 10px 15px;/*タイトルの余白*/
line-height: 1;/*タイトルの行の高さ*/
position:absolute;/*配置(ここを動かす)*/
top: -15px; /*上から（-10px）移動*/
left: 20px; /*左から(20px)移動*/
    text-align: left;
}

/*============================
contact_table
============================*/

.contact_table {
    background: RGB( 255, 255, 255,0.8 );
    padding: 1em;
    margin: 0 auto 1em;
    border-top: RGB( 197, 0, 103 ) 1px solid;
    border-bottom: RGB( 197, 0, 103 ) 1px solid;
    border-radius: 0 0 20px 20px ;
}

.contact_table div {
    margin: 0.2em auto;
    line-height: 200%;
}

.contact_table_box {
    width: 320px;
}

.contact_table h3 {
    font-size: 12px;
    margin: 1.5em 0 0.3em;
    padding: 0 0 0 0;
    text-align: left;
    font-weight: normal;
}

.contact_table h3:first-letter {

}

.contact_table small {
    font-weight: normal;
    color: #ff0080;
}

.contact_table strong {
    font-weight: bold;
}

.contact_table input {
    padding: 0.5em;
    border-radius: 5px;
}

.contact_table select {
    padding: 0.5em;
    border-radius: 5px;
}


.contact_table textarea{
    padding: 0.5em;
    border-radius: 5px;
}

.contact_table input[type="submit"] {
   /* input要素のうちtype属性値がbuttonのものに対して装飾 */
   background-image: linear-gradient(0deg, #a7d9f5, #eaf6fd); /* グラデーション */
   border: 1px solid #3c7fb1; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */
}
.contact_table input[type="submit"]:hover {
   /* マウスが載ったとき */
   background-image: linear-gradient(0deg, #68d3db, #e5f4fc);
   border: 1px solid #2c628b;
}
.contact_table input[type="submit"]:active {
   /* クリックされたとき */
   background-image: linear-gradient(180deg, #68d3db, #e5f4fc);
   border: 1px solid skyblue;
}

.contact_table input[type="reset"] {
   /* input要素のうちtype属性値がbuttonのものに対して装飾 */
   background-image: linear-gradient(0deg, #a7d9f5, #eaf6fd); /* グラデーション */
   border: 1px solid #3c7fb1; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */
}
.contact_table input[type="reset"]:hover {
   /* マウスが載ったとき */
   background-image: linear-gradient(0deg, #68d3db, #e5f4fc);
   border: 1px solid #2c628b;
}
.contact_table input[type="reset"]:active {
   /* クリックされたとき */
   background-image: linear-gradient(180deg, #68d3db, #e5f4fc);
   border: 1px solid skyblue;
}

.contact_setumei {
    
    width: 100%;
    /*background: rgba(255,255,255,0.8);
    padding: 1em;
    border-radius: 20px;
    border: 2px solid #c34b7f;*/
    line-height: 150%;
    
}

/*============================
flexbox
============================*/

.flex_w {
	display: -webkit-flex;
	display: flex;
}

.flex_wc {
	display: -webkit-flex;
	display: flex;

}

.flex1 {
	-webkit-flex: 1;
	flex: 1;
}

.flex2 {
	-webkit-flex: 2;
	flex: 2;
}

.flex3 {
	-webkit-flex: 3;
	flex: 3;
}

.flex4 {
	-webkit-flex: 4;
	flex: 4;
}

.flex5 {
	-webkit-flex: 5;
	flex: 5;
}

.flex6 {
	-webkit-flex: 6;
	flex: 6;
}

.flex7 {
	-webkit-flex: 7;
	flex: 7;
}

.flex8 {
	-webkit-flex: 8;
	flex: 8;
}

.flex9 {
	-webkit-flex: 9;
	flex: 9;
}

.flex10 {
	-webkit-flex: 10;
	flex: 10;
}

/*============================
ul
============================*/

ol{  
	width: 100%;
	padding: 0.3em;
	padding-left: 2em;
	list-style-type: circle
}


li{
	text-align: left;
	margin: 3px;
}

/*============================
dl 
============================*/

dl{
	width: 100%;
	}
dt {
   float:left;
   width:220px;
   border-top:1px solid #999;
   padding-top:10px;
   padding-bottom:0;
   padding-left: 1em;
   padding-right:0;
   font-weight:bolder;
   text-align: left;
   }
dd {
   text-align: left;
   margin-left: 0;
   padding-top:10px;
   padding-bottom:10px;
   padding-right:0.5em;
   border-top:1px solid #999;
   color:#C00}
dd div{
   display:inline-block;
   text-align:left;
	}
/*============================
Footer
============================*/

.footertop {
    margin: 1.5em 0 0 0;
    padding: 1em 0;
    background: RGB( 255, 255, 255,0.8 );
    border-top: 1px solid RGB( 255, 20, 147 );
    border-bottom: 1px solid RGB( 255, 20, 147 );
}

.footer_chiharuya {
	width: 100%;
	text-align:center;
	margin:0 auto;
	padding: 5px 0;
	font-size: 15px;
	background-color: rgb(10, 45, 71);
    opacity: 0.8;
    background-position:  10px 0, 10px 0, 0 0, 0 0;
    background-size: 10px 10px;
    background-repeat: repeat;
	border-top: 3px solid #1f3da3;
}

.footer_chiharuya a{
	color: #fff;
    text-decoration: none;
}

.footer_chiharuya a:hover{
	color: #ff9302;
	text-decoration: underline;
}

.copyright{
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
	color: #fff;
}

.copyright a{
	color: #4da619;
}

.copyright a:hover{
	color: #ff9302;
	text-decoration: underline;
}

/* footer button end */

.padding_left_10 {
	padding-left: 10px;
}

.float_left {
	float: left;
}
.clear {
	clear: both;
}

/*============================
marquee
============================*/

.marquee {
width:100%;
padding: 0;
overflow:hidden;
/*background-color:#f6f6f6;*/
margin-bottom:0px;
position:relative;
}

.marquee p:after {
content:"";
white-space:nowrap;
padding-right:0px;
}

.marquee p {
margin:0;
padding-left:0px;
display:inline-block;
white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:10s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:10s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:10s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:10s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}

/*============================
marquee_l
============================*/

.marquee_l {
width:100%;
padding: 0;
overflow:hidden;
background-color:#f6f6f6;
margin-bottom:0px;
position:relative;
}

.marquee_l p:after {
content:"";
white-space:nowrap;
padding-right:0px;
}

.marquee_l p {
margin:0;
padding-left:0px;
display:inline-block;
white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:10s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:10s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:10s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:10s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee_l {
  from   { -webkit-transform: translate(-100%);}
  99%,to { -webkit-transform: translate(0%);}
}
@-moz-keyframes marquee_l {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee_l {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee_l {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee_l {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}


/*============================
MotionTEXT
============================*/

#line1 {
  height:10px;
  width:50%;
  background-color:white;
  position:absolute;
  top:50%;
  margin-top:-5px;
  left:50%;
  margin-left:-25%;
}

#line2 {
  height:10px;
  width:50%;
  background-color:white;
  position:absolute;
  top:50%;
  margin-top:-5px;
  left:50%;
  margin-left:-25%;
}
.desinks {
  color:white;
  font-family:'Open Sans Condensed', sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  font-size:8em;
  text-align:center;
  transform: skew(0) rotate(0);
  top:50%;
  margin-top:-0.7em;
  left:50%;
  margin-left:-2.4em;
  position:absolute;
  display:none;
}

/*============================
table
============================*/

/* table01 */

#table01 {
    margin: auto;
    width: 100%;
}

#table01 tr {
  border-bottom: 1px solid #b5b1b1;
}

#table01 th,
#table01 td {
  padding: 24px 0;
  border: none;
}

#table01 th {
  width:30%;
}

#table01 td {
  width:70%;
    text-align: left;
}

/*=====================================
SNS Button
=====================================*/

.insta_btn {
  display: inline-block;
  text-align: center;/*中央揃え*/
  color: #2e6ca5;/*文字色*/
  font-size: 20px;/*文字サイズ*/
  text-decoration: none;/*下線消す*/
}

.insta_btn:hover {/*ホバー時*/
  color:#668ad8;/*文字色*/
  transition: .5s;/*ゆっくり変化*/
}

.insta_btn .insta{/*アイコンの背景*/
  position: relative;/*相対配置*/
  display: inline-block;
  width: 50px;/*幅*/
  height: 50px;/*高さ*/
  vertical-align: middle;/*垂直中央に*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  border-radius: 13px;/*角丸に*/

}

.insta_btn .insta:before{/*グラデーションを重ねるため*/
  content: '';
  position: absolute;/*絶対配置*/
  top: 23px;/*ずらす*/
  left: -18px;/*ずらす*/
  width: 60px;/*グラデーションカバーの幅*/
  height: 60px;/*グラデーションカバーの高さ*/
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}

.insta_btn .fa-instagram {/*アイコン*/
  color: #FFF;/*白に*/
  position: relative;/*z-indexを使うため*/
  z-index: 2;/*グラデーションより前に*/
  font-size: 35px;/*アイコンサイズ*/
  line-height: 50px;/*高さと合わせる*/
}

.insta_btn3 {/*ボタンの下地*/
  
  color: #FFF;/*文字・アイコン色*/
  border-radius: 14px;/*角丸に*/
  position: relative;
  display: block;
  height: 120px;/*高さ*/
  width: 120px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  padding-top: 12px;/*上側との余白*/
  box-sizing: border-box;
  font-size: 19px;/*文字のサイズ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

.insta_btn3:before{/*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

.insta_btn3 div {
  position: relative;
}

.insta_btn3 .fa-instagram {
    font-size: 70px;/*アイコンサイズ*/
    position: relative;
    display:inline-block;
    position: relative;
    transition: .5s
}

.insta_btn3 .fa-instagram:hover {/*ホバーで一周回転*/
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

/*============================
ポラロイド風
============================*/

.photo {
	padding: 8px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
    margin: 0 auto 2em;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5), inset 0px -3px 6px -2px rgba(0, 0, 0, 0.3);
    transform:rotate(-2deg);
	/* IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true); /* IE5.5+ */
	background: #fff;
}


/*=====================================
点滅 
=====================================*/

.blink {
  animation: 2s linear infinite blink_effect;
}
@keyframes blink_effect {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}

/*============================
ticker
============================*/

.ticker {
  overflow: hidden;
}

.ticker p {
  display: inline-block;
  white-space: nowrap;
  padding-left: 100%;
  -webkit-animation-name: ticker-animation;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 25s;
}

@-webkit-keyframes ticker-animation {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
/* webkitのみで省略 */ 


/*============================
slider
============================*/

.slider {
  width:100%;
  height: 50%;
  margin: auto;
}
.slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slick-prev:before,
.slick-next:before {
  color: black;
}
.slick-dots li button:before {
  font-size: 18px;
  top: 6px;
}


.slider-2 .slick-slide {
  width:50%;
  height: 50%;
  margin: 0 40px;
  position: relative;
  overflow: hidden;
}
.slider-2 .slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider .slick-arrow {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #f2a582;
  cursor: pointer;
  border: none;
  outline: none;
  font-size: 0;
  position: absolute;
  top: 480px;
  z-index: 1;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.slider .slick-arrow::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #09000d;
  border-width: 3px 3px 0 0;
  position: absolute;
  top: 24px;
  transform: rotate(45deg);
}
.slider .slick-next {
  right: 0;
}
.slider .slick-prev {
  left: 0;
}
.slider .slick-next::before {
  left: 20px;
}
.slider .slick-prev::before {
  border-width: 0 0 3px 3px;
  right: 22px;
}
.dots-2 .slick-dots {
  text-align: center;
}
.dots-2 .slick-dots li {
  display: inline-block;
}
.dots-2 .slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  margin: 6px;
  font-size: 0;
  padding: 0;
  border: 0;
  outline: none;
  cursor: pointer;
  background: #bcbcbc;
  border-radius: 50%;
}
.dots-2 .slick-dots .slick-active button {
  background: #0a467d;
}