@charset "utf-8";
/*
Theme Name: 島クーポン
Description: 島クーポンのテーマです。
Author: 島クーポン
Author URI: https://shimacoupon.com
Version: 1.0
Text Domain: sc
*/

/*------------------------------------------------
    Reset
------------------------------------------------*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([control]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html, body, div, span, embed, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, q,
del, dfn, em, img, ins, kbd, q, samp,
font, small, strike, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea, section, option,
table, caption, tbody, tfoot, thead, tr, th, td, tt,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0 none;
	font-size: 14px;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
	line-height: 100%;
	/*font-family: "メイリオ", "Meiryo", verdana, helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Trebuchet MS", Arial, Clean, Sans-Serif;*/
	font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", helvetica, Marmelad, arial, century gothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

ol {
	list-style-type: decimal;
}

ul {
	list-style-type: disc;
}

nav ol,
nav ul {
	list-style: none;
	list-style-image: none;
}

li > ol,
li > ul {
	margin: 0;
	padding: 0;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

mark {
	background: transparent;
}

iframe {
	line-height: 1;
	border: 0 none;
}

code,
kbd,
pre,
samp {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

blockquote:begin,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote blockquote {
	margin: 0;
}

cite,
em,
i,
small {
	font-style: normal;
	font-weight: normal;
}

cite,
small {
	text-transform: uppercase;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

form {
	margin: 0;
}

fieldset {
	border: 0 none;
}

legend {
	white-space: normal;
}

button,
input,
select,
textarea {
	margin: 0;
	max-width: 100%;
	font-size: 100%;
	font-family: "メイリオ", "Meiryo", verdana, helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Trebuchet MS", Arial, Clean, Sans-Serif;
	vertical-align: middle;
}

button,
html input[type="button"],
html input[type="reset"],
html input[type="submit"] {
	-webkit-appearance: button;
	appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px;
	width: 270px;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

del {
	color: #333333;
}

ins {
	text-decoration: none;
}

hr {
	display: block;
	margin: 0;
	padding: 0;
	height: 1px;
	border: 0 none;
	border-top: 1px solid #cccccc;
}

a {
	margin: 0;
	padding: 0;
	text-decoration: none;
}
a:link,
a:hover,
a:acrive {
	color: #0a50a1;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: #053483;
}

img {
	vertical-align: bottom;
}

::selection {
	background-color: #0a9ad2;
	color: #ffffff;
}

::-moz-selection {
	background-color: #0a9ad2;
	color: #ffffff;
}

/*------------------------------------------------
    Generic
------------------------------------------------*/

/** Font Families */
.oubun {
	font-family: "open sans", helvetica, Marmelad, verdana, arial, tahoma, century gothic, Sans-Serif;
}
.kana,
.sans-serif {
	font-family: "メイリオ", "Meiryo", verdana, helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Trebuchet MS", Arial, Clean, Sans-Serif;
}
.kaisho {
	font-family: "HGP正楷書体", "HGP行書体", "HGS正楷書体", "HGS行書体", "HGS祥南行書体", "HG楷書体", "HG行書体", cursive;
}
.serif {
	font-family: Times New Roman, Times, Georgia, Cambria, Century, "ヒラギノ明朝 Pro W3", "Hiragino Kaku Mincho", "ＭＳ Ｐ明朝", "MS P Mincho", "Trebuchet MS", serif;
}

/** Text Class Collection */
.ime-act,
.ime_act,
.imeAct {
	ime-mode: active;
}
.ime-dis,
.ime_dis,
.imeDis {
	ime-mode: disabled;
}
.ime-inact,
.ime_inact,
.imeInavt {
	ime-mode: inactive;
}

/* ===== ▼スマートフォン用▼ =====*/
/* クリックできる要素 */
.ripple {
	/* エフェクトに直接関係はない */
	/*
	margin: 0;
	background-color: #f7f7f7;
	height: 100px;
	width: 200px;
	text-align: center;
	line-height: 100px;
	cursor: pointer;
	*/
	width:auto;
	height:auto;

	/* 必須 */
	overflow: hidden;
	position: relative;
}

/* エフェクト要素 */
.ripple__effect {
	/* 値の変更はエフェクト形体・サイズ・スピードに影響する */
	width: 100%;
	height: 100%;

	/* 必須 */
	position: absolute;
	border-radius: 100%;
	pointer-events: none;
	transform: scale(0);
	opacity: 0;
}

/* エフェクト要素の色を指定 */
.ripple__effect.is-orange {
	background: #f1c40f;
}
.ripple__effect.is-blue {
	background: #4aa3df;
}
.ripple__effect.is-black {
	background: #999;
}

/* classが付与されたらアニメーションを実行 */
.ripple__effect.is-show {
	animation: ripple 0.75s ease-out;
}

/* アニメーションの定義 */
@keyframes ripple {
	from {
		opacity: 1;
	}
	to {
		transform: scale(2);
		opacity: 0;
	}
}
/* ===== ▲スマートフォン用▲ =====*/