@import url("font-awesome.min.css");
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;900&display=swap');

/*
	Twenty by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/


/*----------------------------------------------
　基幹
----------------------------------------------*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#515151;
	background:#FFF;
	}

body, input, select, textarea {
	font-size:1.4em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

a img {text-decoration:none}
img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
img[src$=".svg"] {
    width: 100%;
}

/*.wrapper.style4 {font-size:0.6em; line-height:160%}*/
#main {font-size:0.7em; line-height:160%; background-image:none}

.wrapper.style4 {
	padding:0em 4em;
	}

/*PC時モバイルヘッダー非表示*/
#mobile_heder {
	display:none;
	}

figure {text-align:center;}
figure + p {
	margin-top: 0.5rem;
}
figure + header,
figure + section{
	margin-top: 1rem;
}

.clear { clear:both}
.block { display: block;}


/*----------------------------------------------
　中ページ基幹
----------------------------------------------*/

.wrapper.style4.content_coler01 {
	width:100%;
  	}

/*中ページカテゴリ毎色分け*/
.content_coler01 {
	background: url(../../images/back_content_top.svg) top no-repeat, url(../../images/back_content_bottom.svg) bottom no-repeat #F5F5F5;
	}
.content_coler01.last {
	background: url(../../images/back_content_top.svg) top no-repeat, url() bottom no-repeat #F5F5F5;
}
.content_coler02 {
	background: url(../../images/back_content_blue_top.svg) top repeat-x, url(../../images/back_content_blue_bottom.svg) bottom repeat-x #D9F2F2;
	}
.content_coler01 > .container,
.content_coler02 > .container{
	padding: 6rem 0;
}

.header {
	margin-bottom: 2.5rem;
}
.item:not(:first-child) {
	margin-top: 1.5rem;
}

/*----------------------------------------------
　見出し
----------------------------------------------*/

h1, h2, h3, h4, h5, h6 {text-transform: none; font-feature-settings:"palt"}

h2,h4 {font-weight:bold;}

h2 {font-size:2em;}

h3 {/*font-size:2em;*/ font-size: 2.5rem; font-weight: bolder; text-align:center; margin-bottom:1.5em;}

h4 {/*font-size:1.2em;*/ font-size: 1.7rem; line-height:160%; color:#FF9900; margin-bottom: 0.5rem;}

h5 {font-size: 1.4rem;	}

.h2_top h2 {
	margin:0 0 0.5em;
	}
	
#main>:first-child h2 {font-size:2.5rem; font-weight:lighter}


.row h3 {font-size:1.3em}
.row h4 {text-align:center; margin:0 0 0.5em; font-weight:bold;}
.row .h4_left h4 {text-align:left;}
.row h4.align_left {text-align:left}

.h3_orange h3 { color:#F8B300;}


.content>:first-child h3 {margin-top:0}
.content h3 {margin-top:2em}
	
.slidearea01 h2, .slidearea02 h2, .slidearea03 h2 {
	color:#515151;
	font-size:90%;
	margin:0.7em 0;
	letter-spacing:normal;
	line-height:150%;
	font-weight:500;
	}
	
.slidearea02 h2, .slidearea03 h2 {
	font-size:160%;
	margin-bottom:0;
	}
	
.h2_top h2 {
	font-size:40px;
	font-weight:normal;
	line-height:60px;
	letter-spacing:normal;
	text-align: center;
	
	}
	
section.radius_box01 h4, .wrapper table td h4 {
	font-size: 1.2em;
}

.title-border {
	overflow: hidden;
	text-align: center;	
	letter-spacing: -.4em;
}
.title-border h3 {
	font-size: 32px;
	position: relative;
  display: inline-block;
  padding: 0 15px;
	letter-spacing: normal;
}

.title-border h3:before,
.title-border h3:after {
  background: #ccc;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 400%;
}
.title-border h3:before {
  right: 100%;
}
.title-border h3:after {
  left: 100%;
}


/*----------------------------------------------
　ヘッダーメニュー プルダウン
----------------------------------------------*/

.submenu_panel {
	box-shadow:3px 3px rgba(102, 102, 102, 0.4);
	}


/*----------------------------------------------
　コンテンツ構成
----------------------------------------------*/

.merrite_box {
	background: #fff;
	}

.merrite_box h3 {
	color:#F7B400;
	margin:0 0 0.25em 0;
	padding:0.3em 0;
	font-weight:700;
	font-size: 24px;
	line-height: 30px;
	}

.merrite_box p {
	text-align:left
	}

.merrite_box p {
	margin-bottom:0
	}
	
.meritte_subbox {
	background:#FEF7E5;
	padding:1em;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-top: 1rem;
}

/*----------------------------------------------
　リスト
----------------------------------------------*/
ol {list-style:decimal;margin-left:2.5em;}

/*----------------------------------------------
　コンテンツ構成
----------------------------------------------*/

#page-wrapper {
	overflow:hidden;
	}

/*----------------------------------------------
　ヘッダー
----------------------------------------------*/

#header, #header.alt {
	background:#F8B500;
	padding:0;
	height:95px;
	box-shadow:rgba(102, 102, 102, 0.5) 0 3px 2px -1px;
	-webkit-box-shadow:rgba(102, 102, 102, 0.5) 0 3px 2px -1px;
	-moz-box-shadow:rgba(102, 102, 102, 0.5) 0 3px 2px -1px;
	border-bottom:9px solid #FFF;
	z-index:2;
	}

#header_inside {
	width: 100%;
	height:100%;
	margin:auto;
	position:relative;
	/*background:url(../../images/bg_amazongift.gif) right 10px no-repeat;*/
	}
@media print, screen and (min-width: 1200px){
	#header_inside {
		width: 1200px;
	}
}

#header nav, #header.alt nav {
	position:absolute;
	left:21%;
	top:0;
	min-width: 800px;
	}

#header nav ul {
	margin:25px 0 0 20px;
	display: flex;
	justify-content: space-between;
	}
	
#header nav ul li {
	margin-left:0em;
	letter-spacing: normal;	
	}
	
#header nav ul li a {
	color:#333;
	font-weight:bold;
	border:none;	
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	line-height:normal;
	padding:0.3em 0.65em;
	}
	
#header.alt nav ul li.active > a, #header.alt nav ul li:hover > a, #header nav ul li.active > a, #header nav ul li:hover > a {
	border:none;
	background:#FAC32B;
	}
	
.dropotron > li > a, .dropotron > li:hover > a {
	text-transform:none;
}
	
/* dropotron.level-0 ヘッダメニュー吹き出しの位置 */
.dropotron.level-0 {
	margin-top:0.4em;
	}

#header h1#logo {
	position:absolute;
	left:0;
	top:0;
	width:240px;
	text-align:center;
	}
	
#header h1#logo a {
	display:block;
	}

#banner {
	background-color:#FACA00;
	background:url(../../images/img_back_topmain.png);
	background-size:100%;
	height:840px;
	padding:0;
	padding-top:160px;
	}
	
#banner .inner {
	background:none;
	padding:0;
	}

#banner .inner header {
	border:none
	}

#banner .inner header h2 {
	border:none;
	letter-spacing:normal;
	}

#banner .inner p {
	color:#515151;
	}

/* トップのお知らせ部分 */
.info { background: #fff none repeat scroll 0 0; padding:2.5em; border-radius: 10px; text-align:center; margin:0 auto 4em; width:60%; border:5px solid #f8b500;}
.info hr { height:1px; background:#ff6600;}
.info p:first-child { margin-bottom:0.8em; font-size:33px; color:#333;}
.info p:nth-child(4) { margin-bottom:0;}
/*.info p:nth-child(5) { margin-bottom:0;}*/
.info p:nth-child(3) { margin-bottom:1em;}
.info p:nth-child(2) { margin-bottom:1em;}
.info b { color:#ff6600; font-weight:bold;}
.info a { font-weight:bold;}


	/*----------------------------------------------
　メインスライダーエリア
----------------------------------------------*/	

.sliderarea {
	background:#FFF;
	width:1200px;
	height:575px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	padding:20px;
	}
	
.sliderarea .bx-wrapper {
	}
	
.sliderarea ul {
	margin:0;
	}
	
.slidearea01, .slidearea02, .slidearea03 {	
	background-size:contain;
	height:535px;
	}
	
.sliderarea_sp {
	display:none;
	text-align:center;
	}
.sliderarea_sp img {
	margin:0 auto
	}

/* メインスライダーエリア一発目 */
.slidearea01 {
	background:url(../../images/bg_mainimg01.jpg) left top no-repeat;
	}
	
.slidearea01 div {
	margin:52px 50px 0 475px;
	}
	
#banner .inner .slidearea01 div p { 
	width:509px;
	margin:0 0 0 45px;
	}
	
/* メインスライダーエリア二発目 */
.slidearea02 {
	background:url(../../images/bg_mainimg02.png) left top no-repeat;
	}
	
/* メインスライダーエリア三発目 */
.slidearea03 {
	background:url(../../images/bg_mainimg03.png) left top no-repeat;
	}


/* メインスライダー デフォルト書き換え */
.bx-wrapper .bx-viewport {
	background:none;
	border:none;
	box-shadow:none;
	left:0;
	}

.bx-wrapper {
	margin:auto;
	}
	
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	bottom:-75px;
	}
	
.bx-wrapper .bx-controls-direction a {
	height:77px;
	margin-top:-38px;
	width:55px;
	z-index:0;
	}
	
.bx-wrapper .bx-prev {
	background-position:0 0;
	left:-75px;
	}
	
.bx-wrapper .bx-prev:hover {
	background-position:0 -77px;
	}
	
.bx-wrapper .bx-next {
	background-position:-55px 0;
	right:-75px;
	}
	
.bx-wrapper .bx-next:hover {
	background-position:-55px -77px;
	}


/*----------------------------------------------
　TOP
----------------------------------------------*/
/* 共通事項 */
.index a {
	color: #fc6e10;
}
.index p,.index ul,.index ol{
		margin: 0;
	}
.index .wrapper.style4 {
	padding: 0;
}
.cv_account {
	width: 450px;
	margin: 19px auto 0;
	text-align: center;
}


/* メイン画像 */
.top-main {
	background: #F9D616;
	padding: 155px 0 70px;
}
.top-main .container {
	width: 1145px;
	position: relative;
}
.top-main .inner {
	margin-left: 75px;
}
.top-main .top-main-title {
	font-size: 18px;
	margin-bottom: 5px!important;
}
.top-main h2 {
	font-feature-settings : "palt";
	line-height: 50px;
	font-size: 37px;
	margin-bottom: 40px;
	color: #333;
}
.img-device {
	position: absolute;
	top: 40px;
	right: 0;
	max-width: 610px;
}
.img-device img[src$='.svg'] {
	width: auto;
	max-width: 100%;
}
.top-main .cv_account {
	margin: 15px 0 0;
}
.top-main .buttons {
	width: 360px;
}
.top-main .buttons a {
	line-height: 60px;
}
.top-main .buttons p {
	text-align: center;
}
.top-main .buttons a + p {
	font-size: 16px;
	line-height: 20px;
}


/* バナーエリア */

.bunner {
  width: 950px;
  margin: 0 auto;
}

.bunner img {
  margin: 2.5rem auto 1.5rem;
}

.bunner img:hover {
	opacity: 0.5 ;
  transition: .5s;
}

@media (max-width: 1050px){
    .bunner img {
      padding: 0 40px;
    }
}



/* 新着情報 */
.top-news {
	/*display: flex;*/
	margin-top: -60px;
	font-size: 14px;
}
.top-news-headline {
	background: #F8B500;
	color: #fff;
	border-radius: 10px 10px 0 0;
	/*width: 10%;*/
	padding: 10px;
	text-align: center;
}
.top-news-text {
	background: #F5F5F5;
	border-radius: 0 0 10px 10px;
	/*width: 90%;*/
	padding: 15px 20px;
}
.top-news-text li {
	display: flex;
}
.top-news-text li:not(:last-child) {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
.news-text-date {
	min-width: 130px;
	margin-right: 10px!important;
}

.merrite_box {
	position: relative;
	min-height: 266px;
}
.merrite_box::before {
	content: '';
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	top: -22px;
	left: 50%;
	margin-left: -20px;	
}
.merrite_title01::before {
	background: url("../../images/img_merit_icon01.svg");
}
.merrite_title02::before {
	background: url("../../images/img_merit_icon02.svg");
}
.merrite_title03::before {
	background: url("../../images/img_merit_icon03.svg");
}
.merrite_source {
	font-size: 12px;
	text-align: left;
	padding-top: 10px;
	line-height: 17px;
}

#houjin_publi + .more-read {
	margin-bottom: 0;
}
#houjin_publi img {
	display: block;
	margin: 0 auto;
	width: 140px;
}
.top-easypoint li {
	background: #fff;
	padding: 15px 15px 15px 45px;
	border-radius: 5px;
	font-size: 18px;
	font-weight: bold;
	text-indent: -30px;
}
.top-easypoint li::before {
	content: '';
	background: url("../../images/img_use_checkbox.svg") no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 10px;
}
.top-easypoint li:not(:last-child){
	margin-bottom: 25px;
}
.top-easypoint-flow h3{
	margin-top: 1rem;
}

.top-flow > div {
	position: relative;
}
.top-flow > div:not(:last-child)::after {
	position: absolute;
	top: 75px;
	right: -16px;
	content: '';
	display: inline-block;
	background: url("../../images/img_use_icon07.svg") no-repeat;
	width: 8px;
	height: 15px;
}
.top-flow figure + p {
	margin-top: 5px;
	text-align: center;
}
.top-flow img{
	width: 110px;
	margin: 0 auto 0.5rem;
}
.index .wrapper.style4.content_coler02 > .content {
	width:950px;
	padding:6rem 0;
  	}

/* facebook */
.top-facebook {
	background: url(../../images/img_back_topmain.svg);
	max-width: 730px;
	border-radius: 38px;
	padding: 40px 15px;
	text-align: center;
}


/* 導入の効果 */
.tag {
	background-color: #F1B500;
	color: #fff;
	display: inline-block;
	border-radius: 3px;
	font-size: 14px;
	font-weight: bold;
	padding: 0 10px;
}
.top-efficacy h4 {
	text-align: left;
	padding: 0 0 15px 50px;
	position: relative;
	margin: 15px 0;
	font-size: 18px;
	color: inherit;
	border-bottom:  1px solid #ccc;
	background-repeat: no-repeat;
	background-position: 0 3px;
}
.top-efficacy .right {
	margin-top: 5px;
}
.top-efficacy h4::before {
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 0;
}
.top-efficacy .customer-01 {
	background-image: url("../../images/img_company_icon01.svg");
}
.top-efficacy .customer-02 {
	background-image: url("../../images/img_company_icon02.svg");
}
p.more-read-box {
	margin-top: 1rem;
	margin-left: 16px;
}
p.more-read-box a {
	position: relative;
}
p.more-read-box a::before{
    content: '';
    position: absolute;
    top: 50%;
    left: -16px;
    width: 0.6rem;
    height: 0.6rem;
    margin-top: -.3rem;
    border-top: 1px solid #fc6e10;
    border-right: 1px solid #fc6e10;
    transform: rotate(45deg);
}

/* 広がり続けるAmazonギフトカードの可能性 */
.top-possibility {
	width: 771px;
	margin: 0 auto;
}
.top-possibility figure {
	margin-bottom: 15px;
}

/* ボタン関連 */
.more-read {
	margin: 40px 0;
	text-align: center;
}
.more-read a {
	position: relative;
	font-weight: bold;
}
.more-read a:before {
    content: '';
	width: 0.6rem;
    height: 0.6rem;
    margin-top: -.3rem;
    border-top: 1px solid #fc6e10;
    border-right: 1px solid #fc6e10;
    transform: rotate(45deg);
    display: inline-block;
    position: relative;
    top: -1px;
    left: -4px;
}
.cv_account a {
	font-size: 20px!important;
	margin-bottom: 10px;
	width: 100%;
}


/*----------------------------------------------
　サービス内容
----------------------------------------------*/	
.usage_fee { font-size: 80%; line-height: 150%;}
.usage_fee p:first-child { font-weight: bold; margin-top: 10px;}

/*----------------------------------------------
　ご利用シーン
----------------------------------------------*/	
.column_wrapper {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.column_wrapper:not(:last-child) {
	margin-bottom: 25px;
}
.column {
	width: calc((100% - 80px) / 3);
	flex-basis: auto;
}
.column h3 {
	font-size: 27px;
	font-weight: bold;
	margin-bottom: 0;
}
.column img {
	display: block;
	margin: 0 auto;
}
.scene_content .column ul {
	list-style: disc;
	margin: 10px 0 0 17px;
}
.scene_content .radius_box01 {
	padding: 1.5rem;
}

/*----------------------------------------------
　取扱商品一覧
----------------------------------------------*/
/*間隔を修正*/
.product .header {
    margin-bottom: 3%;
}
/*画像を100%表示にする*/
.product img {
	width: 100%;
}

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓　共通でも使える　↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*画像を角丸にする*/
.img-radius {
	border-radius: 10px;
}
/*ホバーしたら画像が薄くなる*/
.img-hover img:hover {
    opacity: 0.5;
    transition: .5s;
}
/*unit*/
.l-unit--large:not(:last-child) {
    padding-bottom: 5rem;
}
.l-unit {
    padding-bottom: 5%;
}
.l-unit--small {
    padding-bottom: 10px;
}
.l-unit--text {
    margin-bottom: 10px;
}

/*タイトルの下のmargin調節*/
.head-bottom {
	margin-bottom: 2%!important;
}
/*テキスト　色*/
.text-orange {
    color: #FF9900!important;
}
.text-black {
    color: #515151!important;
}
/*黒太タイトル*/
.head-bold{
    color: #515151;
    margin: 0 0 0.25em 0;
    padding: 0.3em 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
	}
/*角丸　水色*/
.radius_box_blue{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: #BDE5E6;
	padding:5%;
}
/*＞のリンク（青色）*/
.link-blue {
    -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    color: #3C82BE;
    text-decoration: none;
    border-bottom: dotted 1px;
}
/*タイトルがオレンジのボックス*/
.head_box{
	display: flex;
}
.head_box_head {
    background: #F7B400;
    color: #515151;
    padding: 1rem;
    font-weight: 700;
    text-align: center;
	border-radius: 10px 0 0 10px;
	width: 20%;
	position: relative;
}
.head_box_head p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 100%;
}
.head_box_inner {
    background: #F5F5F5;
    border-radius: 0 10px 10px 0px;
    width: 80%;
    padding: 1rem 2rem;
}
.bg_white {
    background: #FFF;
}
/*リスト（/）（など）*/
ul.s-list__details {
    display: flex;
	flex-wrap: wrap;
}

.s-list__details li {
    list-style: none;
    font-size: 90%;
    letter-spacing: normal;
    position: relative;
}
.s-list__details li:not(:last-child)::after {
    content: '/';
    padding: 0 5px;
    color: #515151;
}
.s-list__details li:last-child::after {
    content: 'など';
    margin-left: 10px;
}

/*リスト（#）*/
.s-list__hashtag {
    display: flex;
    flex-wrap: wrap;
}
.s-list__hashtag li {
    list-style: none;
    letter-spacing: normal;
    position: relative;
	
	background-color: #515151;
    color: #FFF;
    font-size: 17px;
    font-weight: normal;
    padding: 0.5rem 0.8rem 0.5rem 0.4em;
    border-radius: 3px;
	margin-bottom: .5rem;
	line-height: 1;
	
}
.s-list__hashtag li::before {
    content: '#';
    padding: 0 5px;
    color: #FFF;
	font-weight: normal;
}
.s-list__hashtag li:not(:last-child) {
    margin-right: 10px;
}

/*リスト（・）*/
.s-list__dot {
  	list-style: disc!important;
    margin: 0 0px 0px 17px!important;
	line-height: 1.9;
}
.s-list__dot li{
  	font-size: 12px;
}

/*見出しテキスト　小さめ*/
.titile-min-bold {
    font-size: 18px;
    margin-bottom: 0;
	font-weight: 700;
}

/*改行指定（スマホ時に改行）*/
.u-br-sp {
    display: none!important;
}
/*改行指定（768px～PC時に改行）*/
.u-br-pc {
    display: block!important;
}

/*デバイスごとのセンタリング指定*/
.u-text-right {
  text-align: right !important;
}

.u-text-center {
  text-align: center !important;
}

.u-text-left {
  text-align: left !important;
}
.u-text-center-sp {
      text-align: left!important;
}
.u-text-center-pc {
  text-align: center!important;
}

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓　このーページのフォントサイズ調節　↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓　Amazonギフトカード　↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*画像幅調整*/
.amazon-gift img {
    max-width: 100%;
}


/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓　Amazon種類別商品券　↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*オレンジボタン*/
.amazon-type .buttons{
	text-align: left;
	margin-top: 1rem;
}

.amazon-type .buttons .button{
background: #FF6600;
    font-size: 0.8em;
    padding: 0.3em 2rem;
    line-height: 2.5em;
	width: 90%;
    min-width: 165px;
}

/*マージン*/
.amazon-type-detail .l-unit--large:not(:last-child) {
    padding-bottom: 14%;
}
.amazon-type-detail .l-unit--large{
    padding-top: 2rem;
}

.amazon-type-detail .row h4 {
    margin: 0;
}
.amazon-type-detail .head-min {
    margin-bottom: 3%!important;
}

/*上の線*/
.amazon-type-detail .l-unit--large:not(:last-child) {
    border-bottom: solid 1px #ccc;
}
/*フォントサイズ*/
.amazon-type-detail .head-big{
	font-size: 35px;
}



/*----------------------------------------------
　オプション
----------------------------------------------*/	
.mailsend .nav_mailsend,
.campaign .nav_campaign,
.originalpaper .nav_originalpaper,
.originalcard .nav_originalcard{
	display: none;
}

/*メール一括送信機能 ユニークな表*/
.mailsend .head_box{
    margin-top: 3%;
}
.mailsend .head_box_head{
    color: #FFF;
    padding: .5rem;
    border-radius: 10px 0 0 10px;
    width: 12%;
    position: relative;
}
.mailsend .head_box_inner{
    border-radius: 0 10px 10px 0px;
    width: 88%;
    padding: 1rem 1rem;
}


/*----------------------------------------------
　良くあるご質問
----------------------------------------------*/	

.tabContainer{width:100%;}
.tabContainer ul.tabMenu li a:hover{color:#000}
.tabContainer dl{clear:both;width:100%;padding:0;margin-bottom:1em;}
.tabContainer dl dt{
  	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;
	font-weight:700;
	margin:0 0 10px;
	padding:10px 20px;
	background:#F8B500;
	text-indent: -2.1em;
	padding-left: 3em;
	}
.tabContainer dl dt:before {
	content: "\f107";
    font-family: FontAwesome;
	margin-right:0.5em;
	font-size:180%;
	color:#FFFFFF;
	vertical-align:top;
	}
.tabContainer dl dd{
	margin-bottom:1em;
	padding:1em;
	background:#FEF4D9;
	border-radius:5px;	/* CSS3草案 */
	-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
	-moz-border-radius:5px;	/* Firefox用 */
	}
.tabContainer dl dd p{margin-bottom:0;}

/*----20180523よくあるご質問----*/
#faq_nav ul {
	display: flex;
	flex-wrap: wrap;
}
#faq_nav ul li {
	width: 50%;
	margin:0.5rem 0;
} 
#faq_nav ul li a::before,
.nav_option li a::before{
	content: '\f107';
	font-family: FontAwesome;
	font-size: 130%;
	margin-right: 0.25em;
	vertical-align: top;
}
ul.faq_ul, ul.contact_ul {
	list-style-type: disc;
	margin:1em 0;
	padding-left: 2rem;
}

ul.faq_ul_bottom{
	list-style-type: disc;
	margin:0 0 1em;
	padding-left: 2rem;
}

ol.faq_ul.annotation li::before {
	content: '※';
	margin-left: -2rem;
	padding-right: 1rem;
}
p.faq_ul.annotation::before {
	content: '※';
	margin-left: -1rem;
	padding-right: 0.5rem;
}
p.faq_ul.annotation {
	padding-left: 1rem;
}

ol.faq_ol {
	margin:1em 0;
	padding-left: 2rem;
}
.faq_page .wrapper.style1 {
	padding-top: 0;
}
#faq_nav {
	margin-bottom: 2.5rem;
	width: 1000px;
}
.contactpage {
	width: 300px;
	margin: 0 auto;
}


/*----------------------------------------------
　other
----------------------------------------------*/

.center {text-align:center; display: block;}
.right { text-align:right; display: block;}

.align_left {text-align:left;}

.box_border01 {
	border:#CCCCCC solid 1px;
	border-radius: 10px;	/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	}
.box_border02 {
	border:#F2F2F2 solid 3px;
	border-radius: 10px;	/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	padding: 25px;
	}
	
.box_white {
	background:#FFF;
	}

.box_orange {
	background:#FEF4DA;
	}

.box_orange_dark {
	background:#f9d616;
	padding: 0.5em 1.5em 0.2em;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */	
	}
.box_orange_dark h4 {
	font-size: 18px;
	font-weight: bold;
	color: inherit;
}

.wrapper.style2.box_gray {
	background:#EEEEEE;
	color:#515151;
	}

.image::before {
	background:none;
  	}
	
/*角丸BOX*/
.radius_box01, .radius_box02 {
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	background:#FFF;
	padding:1.5em;
	}
	
.radius_box02 {
	border-radius:10px 10px 10px 10px;		/* CSS3草案 */
	-webkit-border-radius:10px 10px 10px 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px 10px 10px 10px;	/* Firefox用 */
	padding:3.5em;
	}

.float_img_l {
	float:left;
	margin:0 3em 2em 0;
	}

.border_orange { border:#F8B500 4px solid;}

/*区切り線*/
.hr_underber hr {border-bottom: dashed #CCCCCC 1px; margin:2em 0;}

.margin_b_1em { margin-bottom:1em}

.back_white {background:#FFF}

.margint_minus50 { margin-top:-30px;}
.marginb_minus30 { margin-bottom:-30px;}

/*----------------------------------------------
　font
----------------------------------------------*/
 
.text_s {
	font-size:85%;
	line-height:150%;
	}
	
.text_ss {
	font-size:60%;
	line-height:150%;
	}
	
.text_red {
	color:#FF2626;
	}
	
.text_blue {
	color:#2196F3;
	}

b {font-weight:700;color:#FF9900;}

.text_orange {color:#f8b500;}

.text_black {color:#515151}

.text_l {font-size:120%; line-height:160%}



/*----------------------------------------------
　table
----------------------------------------------*/

.wrapper table {
	margin:15px 0;
	border-collapse: collapse;
	width:100%;
	border:4px solid #dcdcdc;
	}
.wrapper table th {
	text-justify:auto;
	border-bottom: 1px #DCDCDCsolid; 
	border-top: 1px #DCDCDC solid;
	border-left: 1px #DCDCDC solid;
	border-right: 1px #DCDCDC solid;
	padding: 15px 20px 13px 20px;
	/*background:#F0F0F0;*/
	background:#F8B500;
	text-align:left;
	font-weight:bold;
	}
.wrapper table td {
	text-justify:auto;
	border-bottom: 1px #DCDCDC solid; 
	border-top: 1px #DCDCDC solid;
	border-left: 1px #DCDCDC solid;
	border-right: 1px #DCDCDC solid;
	padding: 15px 20px 13px 20px;
	}
	
.wrapper table tr:nth-child(odd) { background:#F0F0F0;}
.wrapper table tr:nth-child(even) { background:#FFF;}

.wrapper table td ul {
	margin-bottom:0px;
	list-style:disc outside;
	}
	
.wrapper table td ul li {
	margin:0.3em 0 0 1.5em
	}

.wrapper table td p {
	margin:0px;
	}

.wrapper table td h4 {
	margin:0.5em 0 0.3em 0
	}
	
.min_table01 th {padding:10px 10px 8px; font-size:80%; line-height:150%;}
.min_table01 td {padding:10px 10px 8px; font-size:80%; line-height:150%;}

/*オリジナルペーパーカードとオリジナルデザインカード用の表*/
.wrapper .c-table{
    border-collapse: collapse;
    border-spacing: 0;
}

.wrapper .c-table th {
    padding: 1rem;
    line-height: 1.5;
    width: 25%;
	text-align: center;
	vertical-align: middle;
	padding: 1rem;
    font-size: 14px;
}

.wrapper .c-table td{
    padding: 1rem;
    line-height: 1.5;
	background-color: #FFF;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
}

.c-table__heading{
	font-weight: bold;
}

.wrapper .c-table th.table-white{
	background-color: #FFF;
}
.wrapper .c-table td.table-gray{
	background-color: #F5F5F5;
}


/*----------------------------------------------
　フッター
----------------------------------------------*/

#footer {
	background:#F8B500;
	background:url(../../images/back_footer01.png) bottom repeat-x #F8B500;
	padding:4rem 3rem 4rem;
	color:#FFF;
	line-height:120%;
	font-weight:700;
	}

#footer h2 {
	font-weight:lighter;
	margin:0 0 0.5em;
	color:#FFF;
	}

#footer a {
	color:#FFF;
}

#footer_content {
	max-width:1200px;
	text-align:left;
	margin:0 auto;
	font-size:0.7em
	}
	
.footer_contet {
	width:100%;
	border-bottom:1px dashed #FFF;
	padding:2em 0 ;
	}

.footer_contet ul {
	margin:0;
	}

.footer_contet ul li {
	float:left;
	width:33%;
	display:block;
	margin:0 0 0.5em;
	padding-left: 1em;
	text-indent: -0.8em;

	}

.footer_navi li:before {
	content: "\f105";
    font-family: FontAwesome;
	}

ul.footer_navi::after {
    content: "";
    clear: both;
    display: block;
}

.footer_contet ul li a {
	border:0 none;
	padding:0 0 0 0.2em;
	}

.footer_contet ul li a:hover {
	border-bottom:1px dotted #FFF;
	}

.footer_contet .icons {
	float:left;
	margin-right:1em;
	}
	
#footer_copy {
	text-align:center;
	font-size: medium;
	padding:1.5em;
	}

.footer_massage {
	color:#FCDA80;
	padding:1em 0;
	}

/*SNSアイコン列追加*/
.footer_sns{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.footer_sns--item{
  width: 44px;
  border-bottom: none;
  margin-right: 20px;
  -webkit-tap-highlight-color: rgba(0,0,0,0.25);
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
.footer_sns--item img{
  width: 100%;
}
.footer_sns--item:last-child{
  margin-right: 0; 
}
.footer_sns--item:hover{
  opacity: 0.5;
  -webkit-tap-highlight-color: rgba(0,0,0,0.25);
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  transition: all .2s ease-out;
} 

/*----------------------------------------------
　フォーム
----------------------------------------------*/

form .caution {margin:0.5em 0 0; color:#ff2626; font-weight:700}
input[type="text"], input[type="password"], input[type="email"], textarea {
border-color:#9999AC;
}

form input.special[type="button"] { font-size:150%;}

/*デラeのサービスを何で知りましたか？アンケート追加*/
.form-questionnaire {
  border: solid 1px #9999AC;
  padding: 35px 30px 25px;
}
.form-questionnaire label{
  margin-bottom: 10px;
  display: inline-block;
  cursor: pointer;
}
.form-questionnaire--txt{
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
}
.form-questionnaire--checkbox{
  margin-right: .5rem;
  margin-left: 0;
}
.form-questionnaire--input{
  height: 2.5rem;
  padding: .5rem;
  margin-left: .25rem;
  border-radius: 0.25rem;
  font-size: 16px;
  margin-left: 0;
  margin-bottom: 15px;
}
label.form-questionnaire--input--label{
  margin-bottom: 4px;
}
.mb0{
  margin-bottom: 0!important;
}

@media screen and (max-width: 840px) {
.form-questionnaire {
  padding: 35px 20px 25px;
}
.form-questionnaire label{
  display: block;
} 
.form-questionnaire--txt{
  font-size: 16px;
}
}

input:disabled{ 
  background-color: #D3D3D3;
}


/*----------------------------------------------
　ボタン
----------------------------------------------*/

#header nav ul li input[type="button"], #header nav ul li input[type="submit"], #header nav ul li input[type="reset"], #header nav ul li .button {
/*	border:2px solid #FFF;*/
	}
	
#header_inside nav ul li a.special {
	border:2px solid #fff;
	}
	
#header_inside input.special[type="button"]:hover, #header_inside input.special[type="submit"]:hover, #header_inside input.special[type="reset"]:hover, #header_inside .button.special:hover {
	border:2px solid #fff!important;
	}

/*グリーン*/
input[type="button"], input[type="submit"], input[type="reset"], .green {
	background:#66CC99;
	color:#FFFFFF;
	border-radius:50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	}

/*グリーン hover*/
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .green:hover {
	background:#94DBB7;
	}
	
/*ブルー*/
input[type="button"], input[type="submit"], input[type="reset"], .blue {
	background:#66CCCC;
	color:#FFFFFF;
	border-radius:50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	}
	
/*ブルー hover*/
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .blue:hover {
	background:#94DBDB;
	}

	
/*オレンジ*/
input[type="button"], input[type="submit"], input[type="reset"], .orange {
	background:#ff6600;
	color:#FFFFFF;
	border-radius:50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	}
	
/*オレンジ hover*/
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .orange:hover {
	background:#D6D6D6;
	}

/*ボタン共通*/
input[type="button"], input[type="submit"], input[type="reset"], .button {
	border:solid #FFF 2px !important;
	color:#FFF !important;
	}

.button02 {
	background:#66CCCC;
	-moz-appearance: none;
    border: 1px solid;
    cursor: pointer;
    display: inline-block;
    font-size: 0.8em;
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 3.75em;
    min-width: 18em;
    padding: 0 0.75em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
}

.button02:hover {
	background:rgba(188, 202, 206, 0.15) none repeat scroll 0 0;
    border-color: inherit;
}

/*商品一覧ページにあるオレンジボタン*/
.color_button_orange {
    background: #FF6600;
    font-size: 14px;
    padding: 7px 25px;
    line-height: 1.6;
    border: solid #FFF 2px;
    color: #FFF;
    border-radius: 9999px;
    display: inline-block;
	}
.color_button_orange:hover {
	background:#FF944C;
  border-bottom-color: unset;
}


/*----------------------------------------------
　中ページタイトル周り
----------------------------------------------*/

header.special {
	margin-bottom:3.5em;}

header.special::before, header.special::after {
	border:none;
	}
	
header.special {
	padding-top:0px;
	}
header.special h2 + p {
	padding-top:0px;
	}

/*中ページサブタイトル*/
.h3_inbox_left {
	margin-bottom:0.5em;
	text-align:left;
	font-size:2em;
	}


/*----------------------------------------------
　サービスコンテンツページ下部ナビ
----------------------------------------------*/

.pagebottom_navi h3 {
	font-weight:700;
	color:#F8B500;
	margin-bottom:0.5em;
	margin-top: 0;
	}
.pagebottom_navi p {
	margin-bottom:0.5em;
	text-align:left
	}
.pagebottom_navi .button {
	background:#FF6600;
	font-size:0.8em;
	padding:0.3em 2rem;
	line-height:2.5em;
	min-width: 150px;
    width: 50%;

	}
.pagebottom_navi .button:hover {
	background:#FF944C;
  	}
	
/*----------------------------------------------
　ページ下部共通「デラe」を使ってみる
----------------------------------------------*/

#cta {
	padding:3em 5em 3em;
	background:#D9F2F2;
	color:#515151;
	}
	

ul.buttons li {
	padding:0;
	margin-bottom:0.5em;
	}
.minibutton {
	min-width :10em;
	}
	

/*----------------------------------------------
　利用規約
----------------------------------------------*/

.kiyaku {line-height:150%}
.kiyaku h3 {font-size:1.5em;margin-top: 2rem!important; margin-bottom:0.5em; text-align:left;}
.kiyaku ol {
	margin: 1rem 2rem;
}

/*----------------------------------------------
　ご利用の流れ
----------------------------------------------*/
#flowbox h4 { color:#515151;}
#flowbox a { color:#FF6600;}
#flowbtnarea { border-bottom:8px solid #F7B401;}
#flowbtnarea ul { margin:0;}
#flowbtnarea ul li { float:left; width:49%; text-align:center; margin-right:2%;}
#flowbtnarea ul li#last { margin-right:0;}
#flowbtnarea ul li a { display:block; background:#FFF; border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border:none; padding:20px 0 15px; font-size:180%; color:#333333;}
#flowbtnarea ul li a#flowbtnactive { background:#F7B401;}


/*----------------------------------------------
　動画埋込
----------------------------------------------*/
.youtube{
    position:relative;
    padding-bottom: 56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
	margin:0 auto;
	width:90%;
}
.youtube iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


/*----------------------------------------------
 活用事例
----------------------------------------------*/
#case .content .box_white {
	padding:3rem 5em 5rem;
	box-sizing:border-box;
}
#case .content .other_cases .box_white {
	min-height: 49rem;
	padding: 1rem 1.5rem;
}
#case .content .box_white > header { margin-bottom:3em;}
#case .content .box_white > figure > figcaption { font-size:80%;}

#case figure.service_img { float:right; margin-left:1em;}
#case .content ul li a, #case .content figure figcaption { font-size:85%;}

#case .content .box_white h3 {
	font-size:1.5em;
	font-weight:bold;
	border-bottom:1px dashed #CCCCCC;
	margin-top:0;
	padding-top:0.5em;
	padding-bottom:1.5em;
}
#case .content .other_cases .box_white h3 {
	padding-bottom: 0.5rem;
}
#case h4 {
	font-size:1.8em;
	margin-bottom:1.5em;
	font-weight:normal;
	text-align:center;
	color:#333333;
}
#case .other_cases h4 {
	text-align: left;
	margin-bottom: 2rem;
}
#case h5 {
	color:#FF9900;
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:10px;
	margin-top: 25px;
}
#case .right {
	margin: 25px 0;
}
#case_dena h3 { background:url(../../service/images/bg_dena_logo.png) 30px top no-repeat;}
#case_tenda h3 { background:url(../../service/images/bg_dena_tenda.png) 10px top no-repeat;}
#case_ycop h3 { background:url(../../service/images/bg_dsp.png) 10px 20px no-repeat;}

#case_dena,#case_tenda,#case_ycop {
	margin-bottom: 5rem;
}
#case .content .other_cases  .box_white > header {
	margin-bottom: 0;
}

/* TOP > 法人向け… カラム数変更 */
#houjin_publi .\32 u,
#houjin_publi .\32 u\$ { width:20%;}
#houjin_publi figcaption {
	font-weight: bold;
	font-size: 18px;
	line-height: 21px;
	margin-top: 12px;
}

/*20180531キャンペーン運営代行サービス*/
.option_header {
	display: flex;
	margin-bottom: 5rem;
	justify-content: space-between;
}
.option_header .title.is-2 {
	margin-bottom: 1.5rem;
	text-align: left;
}
.option_header figure {
	flex-basis: 170px;
}
.option_header figure img{
	max-width: 170px;	
}
.option_header header {
	padding-left: 1.5rem;
	margin-top: 0;
	flex: 1;
}
.campaign_content,
.option_content:not(:last-child){
	margin-bottom:5rem;
}
.campaign_content header p {
	text-align: center;
	margin-bottom: 10px;
}
.campaign_content:first-child, .mailservice_content:first-child, .originalcard_content:first-child {
	margin-bottom: 2rem;
}
.campaign_content:last-child {
	margin-bottom: 0;
}
section.campaign_merit {
	background: white;
	padding: 2.5rem 5rem;
	counter-reset: camp-merit;
}
.campaign_merit_content p {
	counter-increment: camp-merit;
	font-weight: bold;
	margin-bottom: 2rem;
}
.campaign_merit_content p::before {
	content: counter(camp-merit);
	background: #F7B400;
	border-radius:0.4rem;
	padding: 0.8rem 1rem;
	color: white;
	margin-right: 1rem;
}
.campaign_katsuyou h5 {
	background: #F7B400;
    color: #FFF;
    margin: 0;
    padding: 0.8rem 0;
    font-weight: 700;
	text-align: center;
}
.campaign_katsuyou {
	background: white;
	margin-bottom: 1.8rem;
	border: 3px solid #F7B400;
	border-radius: 10px;
}
.campaign_katsuyou_content {
	display: flex;
	justify-content: space-around;
	padding: 1.8rem;
}
.campaign_katsuyou_content section {
	margin-bottom: 0;
}
.case_left_box, .case_right_box {
	width: 48%;
}
.case_left_box{
	padding: 1rem 0;
	
}
.case_right_box {
	background: #FEF7E5;
	padding: 1rem 1.5rem;
}
.case_right_box ul {
	padding:0;
	margin:0;
}
.case_right_box ul li {
	font-weight: bold;
	text-indent: -1.4rem;
    padding-left: 1.5rem;
}
.case_right_box ul li::before {
	content: "・";
	padding-right: 0.25rem;
}
.campaign_content .case_left_box header p {
	text-align: left;
	margin-bottom: 10px;
}
.column_wrapper {
	display: flex;
	justify-content: space-around;
	margin-bottom: 25px;
}
.campaign_content .title.is-4,
.option_content .title.is-4 {
	margin-bottom: 2rem;
}
.title.is-2 {
	font-size: 2.5rem;
	margin: 0 0 2.5rem;
	line-height: 1.2;
}
.title.is-3 {
	font-size: 1.7rem;
}
.title.is-4 {
	font-size: 1.5rem;
}
.title.is-5 {
	font-size: 1.3rem;
	color: #ff9900;
	font-weight: bold;
	margin-bottom: 0.5rem;
}

.paperoption-price {
	display: flex;
	align-items: center;
	margin-top: 3rem;
}
.paperoption-price .title.is-3 {
	width: 300px;
	text-align: center;
	font-weight: bold;
}
.icon_plus {
	margin: 2rem auto;
	display: block;
	width: 29px;
	height: 29px;
}
.nav_option {
	margin-top: 2rem;
}
.nav_option li {
	display: inline-block;
}
.nav_option li:not(:last-child) {
	padding-right: 1.5rem;
}

@media print, screen and (min-width: 841px){
	#header nav ul {
		position: relative;
	}
	#header nav ul li.nav_contact {
		margin-right: 8rem;
	}
	#header nav ul li.nav_login,
	#header nav ul li.nav_account{
		position: absolute;
	}
	#header nav ul li.nav_login {
		right: 15px;
		top: -9px;
	}
	#header nav ul li.nav_account {
		top: 23px;
		right: 0;
	}
	#header nav ul li.nav_login a,
	#header nav ul li.nav_account a{
		display: block;
		width: 100%!important;
		font-size: 13px;
	}
	#header nav ul li.nav_account a {
		text-decoration: underline;
	}	

}

@media print, screen and (max-width: 1200px){/*ヘッダーのみ微調節*/
	#header nav ul {
		position: relative;
		font-size: 0.9rem;
		width: auto;
	}	
		#header nav, #header.alt nav {
		left: 18%;
			min-width: 670px;
	}
	#header h1#logo {
		width: 170px;
		left: 0;
		top: 13px;
	}
	}

@media print, screen and (max-width: 1290px){/*TOPメインイメージのみ微調節*/
  .top-main h2 {
    font-size: 30px;
  }
  .img-device {
    width: 35rem;
    right: 10%;
  }
	}
@media print, screen and (max-width: 1110px){/*TOPメインイメージのみ微調節*/
  .img-device {
    top: 60px;
    width: 30rem;
    right: 20%;
  }
  .top-main .inner {
    margin-left: 20px;
  }
	}
@media print, screen and (max-width: 990px){/*TOPメインイメージのみ微調節*/
  .img-device {
    top: 60px;
    width: 25rem;
    right: 27%;
  }
  .top-main .inner {
    margin-left: 20px;
  }
	}
@media print, screen and (max-width: 920px){/*TOPメインイメージのみ微調節*/
  .img-device {
    top: 90px;
    width: 22rem;
    right: 34%;
  }
	}


@media print, screen and (max-width: 992px){
	#header h1#logo {
		width: 140px;
    top: 20px;
	}
  
	.bunner {
	  width: auto;
	}

	.bunner img {
	  padding: 1rem;
	  margin: 1.5rem auto .5rem;
	}

	.bunner img:hover {
		opacity: 0.5 ;
	  transition: .5s;
	}

/*----------------------------------------------
　タブレット時メインスライダー差し替え、他調整
----------------------------------------------*/		
.sliderarea_sp {
	display:inherit;
	}
	
.sliderarea, .bx-wrapper .bx-prev, .bx-wrapper .bx-next {
	display:none;
	}
	
.wrapper.style4.content_coler01 > .content, 
.wrapper.style4.content_coler02 > .content {
	width:95%;
	padding-left:0;
	padding-right:0;
	}
.wrapper.style4.content_coler02 > .content figure img {
	max-width:100%;
	}
#footer { padding:4rem 3rem 4rem;}
#footer_content {
	width:100%;}
#footer_content {
	font-size:0.85em
	}
	
	
	
/* TOP > 法人向け… カラム数変更 */
	#houjin_publi {
		display: flex;
		flex-wrap: wrap;
	}
#houjin_publi .\32 u,
#houjin_publi .\32 u\$ { width:33%;}

	.top-efficacy h4 {
		font-size: 18px!important;
		line-height: 25px;
	}
	
/*----20180523よくあるご質問----*/
#faq_nav ul li {
	width: 100%;
	margin: 0.5rem auto;
	}

/* 事例紹介 */
#case .content .box_white h3 {
	background:none;
	padding-bottom:0.5em;
}	
	
	
/*----------------------------------------------
　便利なオプション
----------------------------------------------*/	
	.option_header figure {
		max-width: 20%;
	}
	.option_header figure img,
	.option_header figure img[src$=".svg"]{
		max-width: 100%;
	}
	.option_header header {
		width: 80%;
	}	
.campaign_content {
	margin-bottom:3.5rem;
}
.campaign_content:first-child, .mailservice_content:first-child, .originalcard_content:first-child {
	margin-bottom: 3.5rem;
}
section.campaign_merit {
	padding: 2rem;
}
.campaign_merit_content p {
	padding-left: 3rem;
    text-indent: -3rem;
}
.campaign_merit_content p::before {
	padding: 0.4rem 0.6rem;
}
h4 {
	font-size: 1.5rem;
}
/*オリジナルペーパーカードのh4のみ調節*/
.originalpaper #originalcard h4 {
	font-size: 1.2rem;
}
	
.column_wrapper .column p {
	text-align: center;
}

}

/*----------------------------------------------
　TOPへ戻る
----------------------------------------------*/
#totop {
	position:fixed;
	right:30px;
	bottom:80px;
	cursor:pointer;
	}



/*----------------------------------------------
お問い合わせ
----------------------------------------------*/

.contact-thankyou .button.special {
	margin:2rem auto 0 auto;
	display: block;
	max-width: 240px;
}





/*--------------------------------------------------------------------------------------------

 mobile

--------------------------------------------------------------------------------------------*/
@media screen and (max-width: 840px) {
	
/*----------------------------------------------
　HEADER
----------------------------------------------*/		
#mobile_heder {
	background:#f8b500;
	border-bottom:9px solid #fff;
	box-shadow:0 3px 2px -1px rgba(102, 102, 102, 0.5);
	padding:0.5em 0;
	display:block;
	text-align: center;
	}
#mobile_heder h1 {margin-bottom:0;}
#mobile_heder h1 img {width:200px;height: auto;}
#mobile_heder p {font-size:0.5em; padding:0; margin:0; line-height:normal}	

/*----------------------------------------------
　TOP
----------------------------------------------*/			
.top-main {
	padding: 1px 0 5px;
	margin: 0;
}
.top-main .container {
	background-position: center bottom;
	background-size: 318px;
	width: 100%;
}
.top-main .inner {
	margin: 1.5rem;	
}
	.top-main .none {
		display: none;
	}
.top-main h2 {
	font-size: 24px;
	text-align: center;
	line-height: 30px;
	margin-bottom: 20px;
}
.top-main .buttons a {
	line-height: 45px;
}
.img-device {
	position: relative;
	top: 0;
	margin: 2rem auto;
  width: 100%;
  right: 0;
}
.img-device img {
	width: 100%;
}
	.top-main .cv_account {
		width: 100%;
	}	
.top-main .buttons {
	margin: 0 auto;
	text-align: center;
}	
.content_coler01.container {
	width: 100% !important;
}
	.top-flow > div:not(:last-child)::after {
		display: block;
		left: 52%;
		background: url("../../images/icon_arrow.svg") no-repeat;
		background-size: 100%;
		top: 110%;
		right: 0;
		margin-right: -5px;
		width: 10px;
		height: 5px;
	}
	.top-flow figure {
		display: none;
	}
	.top-flow figure + p .block {
		display: inline;
	}
	.top-flow figure + p {
		background: #fff;
		text-align: left;
		font-weight: bold;
	}
	.none {
		display: none;
	}
	.flow-num {
		background: #f9d616;
		display: inline-block;
		padding: 10px 17px;
		margin-right: 10px;
	}
	.merrite_box {
		min-height: inherit;
		padding-top: 23px;
		margin-top: 10px;
	}
	
/*----------------------------------------------
　バナーエリア
----------------------------------------------*/	
/*.bunner {
  width: auto;
}

.bunner img {
  padding: 1rem;
  margin: 1.5rem auto .5rem;
}
  
.bunner img:hover {
	opacity: 0.5 ;
  transition: .5s;
}
*/

/*----------------------------------------------
　ご利用シーン
----------------------------------------------*/	
.column_wrapper:not(:last-child) {
	margin-bottom: 25px;
}
.column {
	width: 100%;
	flex-basis: auto;	
}
.column:not(:last-child) {
		margin-bottom: 25px;
}	
#main .column h3 {
	text-align: center!important;
	margin-bottom: 0!important;
}
.column ul {
	margin: 0 0 0 17px;
}
	
/*----------------------------------------------
　便利なオプション
----------------------------------------------*/		
.option_header header {
		width: 75%;
	}	
	
	
/*----------------------------------------------
　TOPへ戻る
----------------------------------------------*/
#totop {
    right: 10px;
    width: 50px;
    z-index: 999;
	}
#totop img{
    max-width: 100%;
	}

}

@media screen and (max-width: 768px) {
	#faq_nav {
	width: 95%;
}
	
/*----------------------------------------------
　共通
----------------------------------------------*/			
	
	#main .title-border h3 {
		font-size: 24px;
		text-align: center;
	}
	.cv_account {
		width: auto;
	}
	.cv_account a {
		min-width: 270px;
		line-height: 55px;
		width: 90%;
	}
	.box_border02 {
		padding: 15px;
	}
	.more-read {
		margin:  25px 0 40px;
		}
	.title.is-5 {
		font-size: 1.1rem;
		text-align: center;
	}
	img {
	max-width: 70%;
	}
	.option_header header p {
		text-align: left;
	}
	
	
/*----------------------------------------------
　HEADER
----------------------------------------------*/		
#mobile_heder h1 img {width:40%;height: auto;}	

/*----------------------------------------------
　TOP
----------------------------------------------*/		
/* 新着情報 */
.top-news {
	display: block;
	margin-top: -20px!important;
	padding-top: 0!important;
    padding-bottom: 0!important;
}
	.top-news > div {
		width: 100%;
		
	}
	.top-news-headline {
		border-radius: 10px 10px 0 0;
		font-size: 16px;
		padding: 5px;
	}
	.top-news-headline p {
		text-align: center;
	}
	.top-news-text {
		border-radius: 0 0 10px 10px;
		width: 100%;
	}
.wrapper {margin-bottom:0px;}

.wrapper.style4,.index .wrapper.style4 {
	padding:1em;
	}

.wrapper.style4.content_coler01 > .content, #case .content {
	padding:0;
	width:auto;
	}

.wrapper.style4.content_coler02 > .content {
	padding:0;
	width:auto;
	}

.content_coler01 > .container,
.content_coler02 > .container{
	padding: 0;
}	


.index .row > * {
	padding: 30px 0 0 30px;
}
.index .row {
	margin: -30px 0 -1px -30px;
}	
	
	#main .title-border h3 {
		font-size: 24px!important;
		font-weight: normal!important;
	}
	.wrapper.style1 {
		padding-top: 3.5rem;
		padding-bottom: 3.5rem;
		margin-top: 0;
	}
	#houjin_publi figcaption {
		font-size: 14px;
		font-weight: normal;
		margin-top: 4px;
	}
	.top-facebook {
		border-radius: 18px;
	}
	.top-possibility {
		width: 100%;
	}
	.campaign_katsuyou {
		padding-top: 0;
	}
	.campaign_katsuyou_content {
	display: block;
	padding: 1.8rem;
}
	.campaign_katsuyou_content > div {
		width: 100%;
	}
	.case_left_box {
		padding: 0 0 1rem;
	}
	.top-easypoint li:not(:last-child) {
    margin-bottom: 15px;}
	
/*メインナビ*/

#navButton {
	width:25%;
	}

#navPanel .link {
	font-size:0.8em;
	text-transform:none;
	}

/*TOPメインイメージ*/
#banner {
	height:auto;
	padding:1em 0;
	margin:0;
	}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	bottom:-50px;
	}


#main {
	padding:0;
	margin:0;
	}
#main > *:first-child h2 {
	line-height:normal;
	font-size:30px !important;
	margin-bottom:1em !important;
	font-weight:700 !important;
	text-align:left;
	line-height:150%;
	}

#main h2 {
	line-height:normal;
	font-size:30px !important;
	margin-bottom:1em !important;
	font-weight:700 !important;
	text-align:left;
	}

#main h3 {
	line-height:normal;
	font-size:1.5rem !important;
	margin-bottom:1em !important;
	font-weight:700 !important;
	}
	
#main h4 {
	font-size: 1.1rem;
	text-align: center;
	}

#cta h2 {
	line-height:normal;
	font-size:30px !important;
	margin-bottom:1em !important;
	font-weight:700 !important;
	}

#main .merrite_box h3 {
	text-align:center !important;
	font-size:21px !important;
	margin-bottom: 5px!important;
	line-height: 25px;
	}

header.special {
	margin:0em 0 1em;
	padding:0;
	}
header.special p { text-align:left}

td,th {
	width:100%;
	display:block;
	}

input.small[type="button"], input.small[type="submit"], input.small[type="reset"], .button.small {
	min-width:100%;
	}
input[type="button"], input[type="submit"], input[type="reset"], .button {
	min-width:100%;
	}
	
#cta {
	padding:2em 1rem;
	}
	
#cta p {
	font-size:0.7em;
	line-height:160%;
	text-align:left
	}

#footer {
	padding:0 0.7em 5em !important;
	font-weight:400  !important;
	font-size:0.8em;
	line-height:130%;
	}
#footer_content {
	width:100% !important
	}
.footer_contet ul li {
	float: none !important;
	width:100% !important;
	}
#footer h2 {
	font-size:1.5em !important;
	font-weight:700  !important;
	}
#footer_copy {
	line-height:150%;
	text-align: left;
	margin-bottom: 3rem;
	}
	#footer_copy .text_s {
		margin-top: 1rem;
		display: block;
	}
	.copyright {
		margin-top: 1rem!important;
		text-align: center;
	}
.float_img_l {
	float:none;
	margin:0 auto;
	width:50%;
	}

/*#service_info {
	display:none;
	}*/
	
.in_title {
	padding:1em 1.5em 0 !important;
	}
#main .in_title h2 {
	margin-bottom:0em !important;
	}
	
.button {
	font-size:16px !important;
	}
	
.radius_box02, #case .content .box_white {
	padding:0.5em 1.5em 0.2em;
	}

#flowbtnarea ul li { 
	width:49%;
	}

#flowbtnarea ul li a {
	padding:10px 5px;
	font-size:90%;
	font-weight:bold;
	}

	.index #main h2  {
		text-align: center;
		font-size: 22px!important;
	}
	#flowbox section {
		margin-bottom: 0;
	}
	
/* オプション紹介 */	
	.button.small {
		min-width: 250px;
		width: 250px;
		margin: 0 auto;
	}
	

#case h4 { text-align:left; font-weight: bold;}
#case ul li { margin-bottom:0.6em;}
#case figure.service_img { float:none; margin:0;}
#case .content .box_white p.right { text-align:left;}

/*20180508事例紹介追加*/
#case .other_cases .\36 u {
	width: 100%;
}
#case .content .other_cases .box_white {
	min-height:0;
	margin-bottom:1.5rem; 
}
/*20180509事例紹介２カラムpadding変更*/
#case .other_cases .row > *{
	padding:1.8rem 0 0 1.8rem; 
}
/*20180525FAQページ内リンクのずれ解消　モバイル版*/
	#main .top-efficacy h4 {
		text-align: left;
		min-height: 50px;
	}
	
.nav_option {
	text-align: left;
	display: block;
}	
	
	.nav_option li{
	padding-bottom: .5rem;
}	
	
	
.faq_page .item .row > div:nth-child(2) {
	padding-top: 0;	
}	

/* トップのお知らせ部分 */
.info { background: #fff none repeat scroll 0 0; padding:1.5em; border-radius: 10px; text-align:center; margin:0 auto 4em; width:100%; border:4px solid #f8b500;}
.info p:first-child { margin-bottom:0.6em; font-size:30px; text-decoration:none; color:#333; line-height:120%; font-size: 1.5em; text-align:center;}
/*.info p:first-child span:before  { content: "\A" ;white-space: pre;}*/
.info p:nth-child(2) span { font-weight:bold;}
.column_wrapper {
	display: block;
}

	
/*オリジナルペーパーカードとオリジナルデザインカード用の表*/
.wrapper .c-table{
    border-collapse: collapse;
    border-spacing: 0;
}

.wrapper .c-table th {
    padding: .2rem;
    line-height: 1.5;
    width: 24%;
    font-size: 12px;
	text-align: center;
	vertical-align: middle;
    font-size: 14px;
	display: table-cell;
}

.wrapper .c-table td{
    padding: .5rem;
    line-height: 1.5;
	background-color: #FFF;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	width: 38%;
	display: table-cell;
}

.c-table__heading{
	font-weight: bold;
}

.wrapper .c-table th.table-white{
	background-color: #FFF;
}
.wrapper .c-table td.table-gray{
	background-color: #F5F5F5;
}
	
	
	
/*----------------------------------------------
　取り扱い商品一覧
----------------------------------------------*/
.titile-min-bold {
    font-size: 15px;
}
/*画像を100%表示にする*/	
.product img {
    max-width: 100%;
}
/*タイトルがオレンジのボックス*/
.head_box{
	display: block;
}
.head_box_head {
    padding: 1rem;
	border-radius: 10px 10px 0 0;
	width: 100%;
}
.head_box_inner,.head_box_inner__white {
    border-radius: 0 0 10px 10px;
    width: 100%;
    padding: 1rem 1rem;
}
/*リスト（#）*/
.s-list__hashtag {
	margin-top: 1rem;
}

.s-list__hashtag li {
    font-size: 14px;
    font-weight: bold;
    padding: 0.5rem 0.8rem 0.4rem 0.5rem;
	line-height: 1;
}
.s-list__hashtag li::before {
    padding: 0 5px;
	font-weight: bold;
}
.s-list__hashtag li:not(:last-child) {
    margin-right: 10px;
}

/*改行指定（スマホ時に改行）*/
	.u-br-sp {
	display: block!important;
}
/*改行指定（768px～PC時に改行）*/
	.u-br-pc {
	display: none!important;
}
/*デバイスごとのセンタリング指定*/
.u-text-center-sp {
  text-align: center!important;
}
.u-text-center-pc {
      text-align: left!important;
}
	
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓　このーページのフォントサイズ・空白調節　↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.product#main h4 {
    font-size: 20px;
}
.product .row {
    margin: -30px 0 -1px -20px;
}
.product .row > * {
    padding: 30px 0 0 20px;
}
	.unique-top	{
	padding-top: 10px!important;
	}
	.head_box{
	padding-bottom: 10%!important;	
	}
	

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓　Amazonギフトカード　↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
#main .amazon-gift h3 {
    margin-bottom: 3% !important;
}
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓　Amazon種類別商品券　↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
#main .amazon-type h3 {
    margin-bottom: 3% !important;
}
/*フォントサイズ*/
.product#main .amazon-type-detail .head-big{
	font-size: 24px;
}
/*オレンジボタン*/
.amazon-type .buttons{
	text-align: left;
	margin-top: 1rem;
}

.amazon-type .buttons .button{
background: #FF6600;
    font-size: 0.8em;
    padding: 0.3em 2rem;
    line-height: 2.5em;
	width: 90%;
    min-width: 165px;
}
	
	
/*----------------------------------------------
　メール一括送信機能
----------------------------------------------*/
/*ユニークな表*/
.mailsend .head_box{
	display: block;
    margin-top: 6%;
}
.mailsend .head_box_head{
    padding: 1rem;
	border-radius: 10px 10px 0 0;
	width: 100%;
}
.mailsend .head_box_inner{
    border-radius: 0 0 10px 10px;
    width: 100%;
    padding: 1rem 1rem;
}	
}

/*----------------------------------------------
　固定バナー
----------------------------------------------*/


.fixbnr-cv {
	position: fixed;
  right: 0;
  left: 0;
	top: inherit;
	bottom: .5rem;
	width: calc(100% - 3rem);
  border:1rem;
	background: #66CC99;
	border:2px solid #FFF;	
	border-radius: 2rem;
	margin: 0 auto;
	opacity: .92;
}
.fixbnr-cv__text {
	display: flex;
	align-items: center;
	justify-content: center;
}
.fixbnr-cv__text a {
	padding: 1rem;
	color: #fff;
	writing-mode: inherit;
	font-size: 1rem;
	font-weight: bold;
	width: 100%;
	text-align: center;
  border: none;
	line-height: 1rem;
}
	



/*iPhone6,7 plus*/
@media screen and (max-width: 414px) {
	body {
		font-size: 1.3em;
	}
	.top-main .buttons {
		width: 100%;
	}
	.top-main .buttons a + p {
		font-size: 14px;
	}
	.top-news-text li {
		display: block;
		font-size: 14px;
	}
	.top-easypoint li:not(:last-child) {
		margin-bottom: 15px;
	}
	.top-easypoint:first-child {
		/*margin-bottom: -15px;*/
	}
	img {
	max-width: 100%;
	}	
.index .row > * {
	padding: 15px 0 0 15px;
}
.index .row {
	margin: -15px 0 -1px -15px;
}	
	
	.img-device {
		width: 100%;
		margin: 0;
	}
	.block_sp {
		display: block;
	}	
	
/*20180601キャンペーン運営代行サービス*/
	.option_header figure {
		max-width: 100%;
		margin-bottom: 1.5rem;
	}
	.option_header figure img {
		max-width: 120px;
	}
	.option_header	 {
		display: block;
		margin-bottom: 3rem;
	}
	.option_header header {
		width: 100%;
	}
.option_header header > p {
	text-align: left;
}
.option_header img {
	width: 45%;
	margin: 0 auto;
}
.campaign_katsuyou_content {
	padding: 0.8rem;
}
.campaign_katsuyou h5 {
	font-size: 1rem;
}
.campaign_content header p{
	text-align: left;
}
.case_right_box {
	padding: 1rem;
}
.case_right_box header p {
	text-align: center;
}
.column_wrapper .column p {
	text-align: left;
}
	.campaign_content .title.is-4, .option_content .title.is-4 {
		margin-bottom: 1rem;
	}
	.about-originalcard {
		flex-direction: row-reverse;
	}
	.paperoption-price {
		display: block;
	}
	.paperoption-price .title.is-3 {
		width: 100%;
		margin-bottom: 1rem;
		font-size: 1.2rem;
	}.paperoption-price .title.is-5 {
		text-align: center;
	}
	.option_header .title.is-2 {
		text-align: center;
	}
	.campaign_content, .option_content:not(:last-child) {
		margin-bottom: 3.5rem;
	}
	.option_header header {
		padding-left: 0;
	}
}
/*iPhone5s,SE*/
@media screen and (max-width: 320px){
	.top-main h2 {
		font-size: 26px;
		line-height: 31px;
	}	
	
/*20180601キャンペーン運営代行サービス*/
/*.campaign_merit_content p {
	padding: 0;
	text-indent: 0;
}
.campaign_merit_content p::before {
	display: block;
	width: 2.5rem;
	text-align: center;
	margin: 0 auto 0.4rem;
}*/
section.campaign_merit {
	padding: 1.5rem;
}
.case_right_box ul li::before {
	content: "・";
	padding-right: 0.25rem;
}
.case_right_box ul li {
	font-weight: bold;
    text-indent: -1.4rem;
    padding-left: 1.5rem;
	padding-bottom: 0.5rem;
	line-height: 1.4;
}
.case_right_box header p {
	padding: 0;
	margin-bottom:0.5rem; 
}

}

/*----------------------------------------------
　20210729/新しい組み方テスト
----------------------------------------------*/
.bg-blue {
    width: 60%!important;
}

/*スマホの時*/
@media screen and (max-width: 840px) {
    .u-br--pc {
        display: none!important;
    }
    .bg-blue {
        display: none;
    }
	.clear_text {
        display: flex;
    }
	.new-text {
		width: 100%;
		margin-left: 1.4em;
	}
	.align_center {
		text-align: center;
	}
	.box-blue--unit {
		margin-bottom: 2rem;
	}
}

/*PCの時*/
@media screen and (min-width: 841px) {
    .box-blue--unit {
        position: relative;
        width: 32%;
        display: block;
		margin-bottom: 1.5rem;
    }

    .box-blue--img {
        width: 22%;
        position: absolute;
        top: 0.4rem;
        left: 40%;
    }
	
    .radius_box_blue {
        text-align: inherit;
    }
    .radius_box_blue {
        display: flex;
        flex-direction: column;
        align-items: center;
		padding: 1rem 0.8rem;
    }
	.box-blue--unit > .head-bold {
		margin-top: 0.2rem;
	}
	.margin-left {
		margin-left: 0.8rem;
	}
    .new-text {
        float:none;
        margin: 0 auto;
    }
	.text-box > .buttons {
		display: flex;
		justify-content: center;
	}
	.col-3 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.col-3::after{
		content:"";
		display: block;
		width:32%;
		margin: 1rem 0;
	}
	.align_center {
		text-align: center;
	}

	
/*----------------------------------------------
　固定バナー
----------------------------------------------*/

.fixbnr-cv {
	position: fixed;
  right: -2px;
	top: 19.5vh;
	bottom: inherit;
	left: inherit;
	z-index: 100;
	width: 4rem;
	background: #66CC99;
	border: 2px solid #FFF;
  border-top-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
	
}
.fixbnr-cv__text {
	display: flex;
	align-items: center;
	justify-content: center;
}
.fixbnr-cv__text a {
	padding: 1.5rem 1rem;
	color: #fff;
	writing-mode: vertical-rl;
	border-bottom:none;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4;
}

	
	
	
}
@media screen and (min-width: 981px) {
    .img-min {
    }
}


/*----------------------------------------------
　プライバシーポリシー
----------------------------------------------*/
.privacy-unit__large:not(:last-of-type){
  margin-bottom: 5rem;
}