@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */



/* アフィリエイトボタン　Looopでんき */ 

.body-wrap{padding-top:80px}
.mb-header-nav{padding-top:0;border-bottom:1px solid #636363}
.goods-template-default 
.contents-inner{margin:0 auto 0}
.cv-btn_flex{display:block;margin-bottom:30px;text-align:center}
.cv-btn_flex>a{display:inline-block}
.cv-btn_flex>a:hover{opacity:.5}
.cv-btn_flex>a img:hover{opacity:1}
.cv-btn_flex p{margin-bottom:0}.cv-btn_flex 
.flex-container{display:flex;flex-direction:row;align-items:center;width:100%;max-width:300px;height:55px;border-radius:15px;overflow:hidden;border:2px solid #90949c;margin:0 auto;background-color:#90949c}

/* ↑heightなどで全体の大きさを決める。↑boder-radiusで角の半径を決める。初期値は40px */ 


.cv-btn_flex.btn-looop .flexitem{width:100%;text-align:center} /*要タイトル変更*/
.cv-btn_flex.btn-looop/*要タイトル変更*/
.item1{width:50%;background:#ffffff/* 左の背景色 */ ;padding:20px;line-height:0}/* widthの数値で左の幅を決める */ 
.cv-btn_flex.btn-looop /*要タイトル変更*/
.item2{width:50%;background ;padding:10px}/* widthの数値で右の幅を決める */ 
.cv-btn_flex.btn-looop /*要タイトル変更*/
.nik{box-shadow:none!important}/*要タイトル変更*/
.cv-btn_flex.btn-looop /*要タイトル変更*/
.arrow{position:relative;display:inline-block;padding-right:20px;color:#ffffff}/* 右フォント色 */ 
.cv-btn_flex.btn-looop /*要タイトル変更*/
.arrow::visited{color:#fff}
.cv-btn_flex.btn-looop /*要タイトル変更*/

.arrow::after
　{content:'';
width:10px;height:10px;
border:0;
border-top:solid 2px #fff;
border-right:solid 2px #fff;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
position:absolute;
top:46%;
right:0;margin-top:-6px}

.cv-btn_flex.btn-looop .flex-container{border-color:#0066CC;/* ラインの色 */ background-color:#0066CC}/* 右の背景色 */ 
/*要タイトル変更*/




/* アフィリエイトボタン　solarpartners */ 

.body-wrap{padding-top:80px}
.mb-header-nav{padding-top:0;border-bottom:1px solid #636363}
.goods-template-default 
.contents-inner{margin:0 auto 0}
.cv-btn_flex{display:block;margin-bottom:30px;text-align:center}
.cv-btn_flex>a{display:inline-block}
.cv-btn_flex>a:hover{opacity:.5}
.cv-btn_flex>a img:hover{opacity:1}
.cv-btn_flex p{margin-bottom:0}.cv-btn_flex 
.flex-container{display:flex;flex-direction:row;align-items:center;width:100%;max-width:300px;height:55px;border-radius:15px;overflow:hidden;border:2px solid #90949c;margin:0 auto;background-color:#90949c}

/* ↑heightなどで全体の大きさを決める。↑boder-radiusで角の半径を決める。初期値は40px */ 


.cv-btn_flex.btn-sp .flexitem{width:100%;text-align:center} /*要タイトル変更*/
.cv-btn_flex.btn-sp/*要タイトル変更*/
.item1{width:70%;background:#ffffff/* 左の背景色 */ ;padding:20px;line-height:0}/* widthの数値で左の幅を決める */ 
.cv-btn_flex.btn-sp /*要タイトル変更*/
.item2{width:60%;background ;padding:0px}/* widthの数値で右の幅を決める */ 
.cv-btn_flex.btn-sp /*要タイトル変更*/
.nik{box-shadow:none!important}/*要タイトル変更*/
.cv-btn_flex.btn-sp /*要タイトル変更*/
.arrow{position:relative;display:inline-block;padding-right:20px;color:#ffffff}/* 右フォント色 */ 
.cv-btn_flex.btn-sp /*要タイトル変更*/
.arrow::visited{color:#fff}
.cv-btn_flex.btn-sp /*要タイトル変更*/

.arrow::after
　{content:'';
width:10px;height:10px;
border:0;
border-top:solid 2px #fff;
border-right:solid 2px #fff;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
position:absolute;
top:46%;
right:0;margin-top:-6px}

.cv-btn_flex.btn-sp .flex-container{border-color:#ffa500;/* ラインの色 */ background-color:#ffa500}/* 右の背景色 */ 
/*要タイトル変更*/





/* アフィリエイトボタン　タイナビ */ 

.body-wrap{padding-top:80px}
.mb-header-nav{padding-top:0;border-bottom:1px solid #636363}
.goods-template-default 
.contents-inner{margin:0 auto 0}
.cv-btn_flex{display:block;margin-bottom:30px;text-align:center}
.cv-btn_flex>a{display:inline-block}
.cv-btn_flex>a:hover{opacity:.5}
.cv-btn_flex>a img:hover{opacity:1}
.cv-btn_flex p{margin-bottom:0}.cv-btn_flex 
.flex-container{display:flex;flex-direction:row;align-items:center;width:100%;max-width:300px;height:55px;border-radius:15px;overflow:hidden;border:2px solid #90949c;margin:0 auto;background-color:#90949c}

/* ↑heightなどで全体の大きさを決める。↑boder-radiusで角の半径を決める。初期値は40px */ 


.cv-btn_flex.btn-tn .flexitem{width:100%;text-align:center} /*要タイトル変更*/
.cv-btn_flex.btn-tn/*要タイトル変更*/
.item1{width:70%;background:#ffffff/* 左の背景色 */ ;padding:20px;line-height:0}/* widthの数値で左の幅を決める */ 
.cv-btn_flex.btn-tn /*要タイトル変更*/
.item2{width:60%;background ;padding:0px}/* widthの数値で右の幅を決める */ 
.cv-btn_flex.btn-tn /*要タイトル変更*/
.nik{box-shadow:none!important}/*要タイトル変更*/
.cv-btn_flex.btn-tn /*要タイトル変更*/
.arrow{position:relative;display:inline-block;padding-right:20px;color:#ffffff}/* 右フォント色 */ 
.cv-btn_flex.btn-tn /*要タイトル変更*/
.arrow::visited{color:#fff}
.cv-btn_flex.btn-tn /*要タイトル変更*/

.arrow::after
　{content:'';
width:10px;height:10px;
border:0;
border-top:solid 2px #fff;
border-right:solid 2px #fff;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
position:absolute;
top:46%;
right:0;margin-top:-6px}

.cv-btn_flex.btn-tn .flex-container{border-color:#94bf16;/* ラインの色 */ background-color:#94bf16}/* 右の背景色 */ 
/*要タイトル変更*/

/*緑色　#94bf16　/: