@charset "UTF-8";


/* ----------------------- Share button -------------------------- */


@font-face {
    font-family: 'design_plus';
    src: url('../fonts/design_plus.eot?v=1.5');
    src: url('../fonts/design_plus.eot?v=1.5#iefix') format('embedded-opentype'),
         url('../fonts/design_plus.woff?v=1.5') format('woff'),
         url('../fonts/design_plus.ttf?v=1.5') format('truetype'),
         url('../fonts/design_plus.svg?v=1.5#design_plus') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*--------------------------------
 シェアボタン共通
---------------------------------*/

* + .c-share-button { padding-top:40px; }
@media (max-width: 767px) {
  * + .c-share-button { padding-top:40px; }
}

.c-share-button__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -3px -3px ;
}
/*.c-share-button__list { margin:-5px 0 0 -5px; }*/
.c-share-button__item{
  flex: 1 1 0%;
  margin: 0 3px 3px 0;
  max-width: 100px;
}
.c-share-button__item { cursor: pointer; margin:5px 0 0 5px; }

.c-share-button__item-link {
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -ms-align-items:center; -webkit-align-items:center; align-items:center;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  color:#fff; border-radius: 3px; width:100%; height:100%;
}

.c-share-button--monochrome {line-height: 30px;border: 1px solid #ddd;}
.c-share-button--monochrome:not(:hover) { color:#000;  background: #f2f2f2;}

.c-share-button--twitter, .c-share-button--monochrome.c-share-button--twitter:hover { background-color: #000; }
.c-share-button--twitter:hover { background-color: #222; }
.c-share-button--twitter .c-share-icon { font-size:12px; top:-1px; }
.c-share-button--facebook, .c-share-button--monochrome.c-share-button--facebook:hover { background-color: #35629a; }
.c-share-button--facebook:hover { background-color: #1f3669; }
.c-share-button--facebook .c-share-icon { font-size:18px; top:-1px; }
.c-share-button--hatena, .c-share-button--monochrome.c-share-button--hatena:hover { background-color: #3c7dd1; }
.c-share-button--hatena:hover { background-color: #0270ac; }
.c-share-button--hatena .c-share-icon { font-size:14px; top:0px; }
.c-share-button--pocket, .c-share-button--monochrome.c-share-button--pocket:hover { background-color: #ee4056; }
.c-share-button--pocket:hover { background-color: #c53648; }
.c-share-button--pocket .c-share-icon { font-size:16px; top:0px; }
.c-share-button--rss, .c-share-button--monochrome.c-share-button--rss:hover { background-color: #ffb53c; }
.c-share-button--rss:hover { background-color: #e09900; }
.c-share-button--rss .c-share-icon {font-size:12px; top:-0.5px; }
.c-share-button--feedly, .c-share-button--monochrome.c-share-button--feedly:hover { background-color: #6cc655; }
.c-share-button--feedly:hover { background-color: #5ca449; }
.c-share-button--feedly .c-share-icon {font-size:15px; top:-1px; }
.c-share-button--pinterest, .c-share-button--monochrome.c-share-button--pinterest:hover { background-color: #d4121c; }
.c-share-button--pinterest:hover { background-color: #a42f35; }
.c-share-button--pinterest .c-share-icon { font-size:16px; top:-0.5px; }
.c-share-button--line, .c-share-button--monochrome.c-share-button--line:hover { background-color: #00B900; }
.c-share-button--line:hover { background-color: #009100; }
.c-share-button--line .c-share-icon { font-size:16px; top:0px; }
.c-share-button--note { background-color: #fff; border:1px solid #ddd; color:#000; }
.c-share-button--note:hover { background-color: #000; border-color: #000; color:#fff; }

.c-share-button__item.line_button a:before { font-family: "design_plus"; content:'\e909'; font-size:16px; top:1px; position:relative; }
.c-share-button__item.note_button a:before {
  content: '';
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 100 100'%3E%3Cpath d='M10 10.4968C25.408 10.4968 46.504 9.70479 61.648 10.1208C81.952 10.6408 89.624 19.5048 89.888 41.3448C90.152 53.7208 89.888 89.1048 89.888 89.1048H67.896C67.896 58.1368 68.008 53.0168 67.896 43.2568C67.632 34.6568 65.2 30.5768 58.584 29.7928C51.592 29.0088 31.992 29.6808 31.992 29.6808V89.1448H10V10.4968Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; top:0px;
}
.c-share-button--monochrome.c-share-button--note:hover { background-color:#000; color:#fff; }
.c-share-button__item.note_button a:hover:before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 100 100'%3E%3Cpath d='M10 10.4968C25.408 10.4968 46.504 9.70479 61.648 10.1208C81.952 10.6408 89.624 19.5048 89.888 41.3448C90.152 53.7208 89.888 89.1048 89.888 89.1048H67.896C67.896 58.1368 68.008 53.0168 67.896 43.2568C67.632 34.6568 65.2 30.5768 58.584 29.7928C51.592 29.0088 31.992 29.6808 31.992 29.6808V89.1448H10V10.4968Z'/%3E%3C/svg%3E");
}


@media screen and (max-width:800px) {
  .c-share-button--twitter .c-share-icon { top:0px; }
  .c-share-button--facebook .c-share-icon { top:-1px;  }
  /*.share_button_list.large_size .facebook_button a:before { top:-1px; }*/
  .c-share-button--hatena .c-share-icon { top:0px;}
  .c-share-button--pocket .c-share-icon { top:0px; }
  .c-share-button--feedly .c-share-icon { top:-1.5px; }
  .c-share-button--pinterest .c-share-icon { top:-1px; }
}

.c-share-icon {
  font-size:1.3em;
  font-family: "design_plus"; line-height: 1; font-style: normal; font-variant: normal; font-weight: normal; speak: none; text-transform: none;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;position: relative;
}
.c-share-icon.c-share-icon__twitter{
  font-family: 'tiktok_x_icon';
}
.c-share-button__label { margin-left:5px;font-size: 12px;
  position: relative;
  font-family: Arial;}

/* hover */
@media (hover: hover) and (pointer: fine) {
  .c-share-button__item:hover .c-share-button__item-link:not(.c-share-button--monochrome) { transform:translateY(2px); }
}

/* type1, type2 */
.c-share-button--type1 .c-share-button__item, .c-share-button--type2 .c-share-button__item {
  width:80px; height:30px; font-size:12px;
}
@media (max-width: 767px) {
  .c-share-button--type1, .c-share-button--type2 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .c-share-button--type1 .c-share-button__item, .c-share-button--type2 .c-share-button__item { width:30px; }
  .c-share-button--type1 .c-share-button__label, .c-share-button--type2 .c-share-button__label { display:none; }
}

/* type3, type4 */
.c-share-button__list.c-share-button--type3,.c-share-button__list.c-share-button--type4{
  margin: 0 -5px -5px 0px;
}
.c-share-button--type3 .c-share-button__item, .c-share-button--type4 .c-share-button__item {
  flex: 0 0 auto;
  width: calc(25% - 5px);
  margin: 0 5px 5px 0;
  max-width: inherit;
}
.c-share-button--type3 .c-share-button__item, .c-share-button--type4 .c-share-button__item .c-share-button__item-link{
  height: 35px;
  line-height: 37px;
}
@media (max-width: 500px) {
  .c-share-button--type3 .c-share-button__item, .c-share-button--type4 .c-share-button__item {
    width:calc(50% - 5px);
  }
}

/* type5 */
.c-share-button--type5 {  margin: 0 -3px -10px 0; }
.c-share-button--type5 li { margin: 0 3px 3px 0; }